F2 重命名选定项 F3 在文件资源管理器中搜索文件或文件夹 F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上的屏幕元素 F10 激活活动应用中的菜单栏 Alt...Alt + 向左键 返回 Alt + 向右键 前进 Alt + Page Up 向上移动一个屏幕 Alt + Page Down 向下移动一个屏幕 Ctrl + F4 关闭活动文档（在可全屏显示并允许你同时打开多个文档的应用中...按 Shift 与任何箭头键 在窗口中或桌面上选择多个项目，或在文档中选择文本 Shift + Delete 删除选定项，无需先移动到回收站 向右键 打开右侧的下一个菜单，或打开子菜单 向左键 打开左侧的下一个菜单...） 将光标移动到缓冲区结尾处 Ctrl + 向上键 在输出历史记录中上移一行 Ctrl + 向下键 在输出历史记录中下移一行 Ctrl + Home（历史记录导航） 如果命令行为空，则将视区移动到缓冲区顶部...对话框键盘快捷方式 按键 操作 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡中向前移动 Ctrl + Shift + Tab 在选项卡中向后移动 Ctrl + 数字（数字 1–9） 移动到第
1、静态显示 1.1、实验目的 利用LIAT中的LCD显示函数库，通过LabVIEW软件获取电脑上的时钟并传输给Arduino Uno控制板，将时间数据显示在LCD1602液晶显示屏上，实现一个液晶时钟...1.2、实验环境 将1602液晶显示屏的电源线VDD和VSS分别接至Arduino Uno控制板上的5V和GND引脚上，背光电源线A通过限流电阻接至+5V，K直接接至地端，对比度调节V0通过器实现分压，...读写控制信号RW直接接至地端，RS、Enable信号线接至Arduino Uno控制板数字引脚D12和D11上，液晶数据接口D4、D5、D6和D7分别接至Arduino Uno控制板数字引脚D5、D4、...Uno控制板，将特定的字符串数据显示在LCD1602液晶显示屏上，并实现左右滚动的效果。...2.4、实验演示 点击运行按钮，LabVIEW程序开始执行，可以看到1602液晶屏幕上第一行显示字符串"Arduino"，第二行显示字符串"LabVIEW"，同时两个字符串都以1秒间隔向右边移动，当字符串移到最右边时便会调整移动方向而向左边移动
1、sl指令 你会看到一辆火车从屏幕右边开往左边…… 安装 sudo apt-get install sl 运行 sl 2、rev指令 一行接一行地颠倒所输入的字符串。...5、factor命令 分解因数，这个……可以帮家里的小学生解题,哈哈 运行： factor80 6、oneko命令 桌面上出现一只喵星人，跟着你的鼠标跑，你不动了它就睡觉。哈哈，这个挺不错！...install boxes 运行 echo “gaoxiaoyunwei” | boxes 或者 echo “gaoxiaoyunwei” | boxes -d dog 8、PV指令 有时候我们在电影屏幕上看到一些字幕一个个匀速显示出来...，像有人在边敲键盘，边显示一样。...sudo apt install ninvaders 要玩这个游戏，请使用以下命令： ninvaders 操作说明：使用箭头键移动宇宙飞船，使用空格键向外星人射击。
下图是我们需要适配的移动端屏幕设备尺寸，看到这些数据，是不是有一种键盘敲烂的感觉。 1.1 移动端设备 移动端设备主要包括 Android、iOS 等手机设备。...当移动端浏览器展示 PC 端网页内容时，由于移动端设备屏幕比较小，布局视口不能像PC端浏览器那样完美地展示网页，网页在手机的浏览器中会出现左右滚动条，用户需要左右滑动才能查看完整的一行内容。...标准的显示密度下，1个 CSS 像素对应一个物理像素，缩放时，1个 CSS 像素对应的物理像素会减增。...在普通屏幕下 1 个 CSS 像素对应 1 个物理像素，而在 Retina（视网膜屏） 屏幕下，1 个 CSS 像素对应的却是 4 个物理像素。...浏览器在显示网页时，需要将 CSS 像素转换为物理像素然后再呈现 一个css像素最终由几个物理像素显示，由浏览器决定：默认 PC 端，一个 CSS 像素 = 一个物理像素 1.3.4 单位 em：相对单位
移动端Web应用有很多优秀的概念让人应接不暇，但好在编写一个渐进式Web应用不是一个很困难的事情。在这篇文章里将向你介绍如何把一个普通的网站转换成渐进式Web应用。...你可以按照这篇文章一步一步地做，做完之后你的网站将可以实现离线访问，并且可以在桌面上创建该网站的图标。那么下面即将开始入门教程。 什么是渐进式Web应用？...渐进式Web应用的“安装”过程很快，只需要在主屏幕上添加一个图标即可。 渐进式Web应用启动时可以显示一个好看的启动画面。 你可以在渐进式Web应用中提供具有全屏体验的应用。...本示例中提供了一个有四个网页的网站，一个CSS文件和一个JavaScript文件。这个网站可以在所有的现代浏览器上正常工作（IE10+）。...连接移动端安装 除了在PC浏览器访问外，你也可以在移动设备上访问该示例。
下图是我们需要适配的移动端屏幕设备尺寸，看到这些数据，是不是有一种键盘敲烂的感觉。...PC 端网页内容时，由于移动端设备屏幕比较小，布局视口不能像PC端浏览器那样完美地展示网页，网页在手机的浏览器中会出现左右滚动条，用户需要左右滑动才能查看完整的一行内容。...标准的显示密度下，1个 CSS 像素对应一个物理像素，缩放时，1个 CSS 像素对应的物理像素会减增。...在普通屏幕下 1 个 CSS 像素对应 1 个物理像素，而在 Retina（视网膜屏） 屏幕下，1 个 CSS 像素对应的却是 4 个物理像素。...浏览器在显示网页时，需要将 CSS 像素转换为物理像素然后再呈现 一个css像素最终由几个物理像素显示，由浏览器决定：默认 PC 端，一个 CSS 像素 = 一个物理像素 1.3.4 单位 em
F6 循环浏览窗口中或桌面上的屏幕元素。 F10 激活活动应用中的菜单栏。 Alt + F8 在登录屏幕上显示你的密码。 Alt + Esc 按项目打开顺序循环浏览。...Windows 徽标键 + Shift + 向左键或向右键 将桌面上的应用或窗口从一台显示器移动至另一台显示器。 Windows 徽标键 + 空格键 切换输入语言和键盘布局。...Alt + 所选择的键 开始在块模式下选择。 箭头键 按指定方向移动光标。 Page Up 将光标向上移动一个页面。 Page Down 将光标向下移动一个页面。...Ctrl + Home（标记模式） 将光标移动到缓冲区的起始处。 Ctrl + End（标记模式） 将光标移动到缓冲区的结尾处。 Ctrl + 向上键 在输出历史记录中上移一行。...Ctrl + 向下键 在输出历史记录中下移一行。 Ctrl + Home（历史记录导航） 如果命令行为空，则将视区移动到缓冲区顶部。否则，请删除命令行中光标左侧的所有字符。
矢量格式适用于简单形状图形，并且变换颜色方便，仅通过 CSS 中的 fill 属性便可以改变颜色。并且在多大的缩放下都能保证清晰，矢量格式不能满足复杂的图像，例如照片，高清图。...合并雪碧图（sprite）：移动端多图情况下，可以将多图合并到一个图中，通过 CSS 定位背景图的形式来引用图片，可以有效减少 HTTP 请求。...使用 CSS、svg、canvas 或者 iconfont 代替图片：适用于移动端或高级的浏览器，而且绘制的图片比较简单。 懒加载图片（lazyload） 使用 cdn 提供访问图片的入口。...然而在移动端，往往需要不固定的图像，不同视口，不同的分辨率，需要展示不同的图像大小，图虽视口的改变而改变。...相比 baseline-jpg 一行一行的扫描并显示图片，当然都是从弱网角度考虑，这种显示可能更合适。但还是有不足。
不同于传统的 PC Web 或者是移动 WEB，在客厅盒子端，接大屏显示器下，许多能流畅运行于 PC 端、移动端的 Web 动画，受限于硬件水平，在盒子端的表现的往往不尽如人意。...盒子端动画优化 在客厅盒子端，Web 动画未进行优化之前，一些复杂动画的帧率仅有 10 ~ 30 FPS，卡顿感非常明显，带来很不好的用户体验。...经过对比，在盒子端 CSS 动画的性能要优于 Javascript 动画，而在 CSS 动画里，使用 GPU 硬件加速的动画性能要优于不使用硬件加速的性能。...所以在盒子端，实现一个 Web 动画，优先级是： GPU 硬件加速 CSS 动画 > 非硬件加速 CSS 动画 > Javascript 动画 动画性能上报分析 要有优化，就必须得有数据做为支撑。...而对于动画而言，衡量一个动画的标准也就是 FPS 值。
3.窗口——标题栏 窗口中最上边的一行是标题栏，标题栏显示已打开应用程序的图标、名称等，还有“最小化”“最大化”和“关闭”按钮。 ...5.剪贴板 剪贴板是Windows操作系统为了传递信息而在内存中开辟的临时存储区域，通过它可以实现Windows环境下运行的应用程序之间或应用程序内的数据传递和共享。...，一个快捷方式只能指向一个项目 2.个性化桌面设置 1）排列图标 首先，可以调整桌面上图标的位置。...只要用鼠标拖动桌面上的图标，就可以将图标移动到自己喜欢的位置。 在桌面的任意空白处右击，将出现一个快捷菜单。...（6）“显示桌面”按钮：鼠标指针移动到该按钮上，可以预览桌面，若单击该按钮可以快速返回桌面。
通常我们都会称上述代码为CSS3的媒体查询功能。使用媒体查询功能能够解决针对桌面级的web设计在移动端不同尺寸下的兼容展现。 一、像素 研究视口之前，先说明一下像素。...在CSS标准文档中，它被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源。（在桌面上，视口的宽度和浏览器窗口的宽度一致）。...这样的页面在我们小屏幕的移动端设备上会缩放的非常小。也许会导致大部分数据重叠覆盖，也可能导致数据遮挡无法显示全部。...所以，移动端浏览器厂商必须保证即使在窄屏幕下我们的页面可以展示的很好，他们将视口的宽度设计得比屏幕宽度宽出很多。这样。在移动端，视口与移动端浏览器屏幕宽度就不再关联，而是完全独立的了。...3、理想视口 布局视口的默认宽度并不是一个理想的宽度。显然用户希望在进入页面时可以不需要缩放就可以有一个理想的浏览和阅读尺寸。理想视口仍是为移动端设备准备的。只有手动添加meta视口标签方才生效。
与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 定义网页标题，在浏览器标题栏显示。...以便查询 description后面的content里的内容是对该网站的简单描述，搜索后可见，如： (2)http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。...input等只有在form里面，信息提交才能生效 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com...注意和id属性的区别：name属性是和服务器通信时使用的名称； 而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的 value
开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。...二、页面适应性布局 个人认为，适配移动端比较好的布局方式是百分比+rem布局。 百分比的优势在于，同一个百分比的真实尺寸会跟随屏幕大小变化。举个例子，像这种： ?...其实只用css就可以很简单地实现了。原理就是利用overflow属性。设置其水平方向滚动，垂直方向hidden即可。 当然，还要配合一些其他的代码。...此元素会被显示为内联元素，元素前后没有换行符。并且，该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。什么意思呢，简单来说就是这些li的对齐基线的默认方式是以最后一行的文字对齐的。...由图中可以明显看出，最后一个li由于没有图片撑起来，而它们的默认方式又是以最后一行文字为基准的，所以最后一个li就“掉”了下来。这个时候，我们就需要设置一下vertical-align这个属性的值了。
不同于传统的 PC Web 或者是移动 WEB，在客厅盒子端，接大屏显示器下，许多能流畅运行于 PC 端、移动端的 Web 动画，受限于硬件水平，在盒子端的表现的往往不尽如人意。...盒子端动画优化 在客厅盒子端，Web 动画未进行优化之前，一些复杂动画的帧率仅有 10 ~ 30 FPS，卡顿感非常明显，带来很不好的用户体验。...经过对比，在盒子端 CSS 动画的性能要优于 Javascript 动画，而在 CSS 动画里，使用 GPU 硬件加速的动画性能要优于不使用硬件加速的性能。...所以在盒子端，实现一个 Web 动画，优先级是： GPU 硬件加速 CSS 动画 > 非硬件加速 CSS 动画 > Javascript 动画 动画性能上报分析 要有优化，就必须得有数据做为支撑。...GPU 硬件加速的基础之上，更深入的去优化 CSS 动画，先给出最后的一个优化步骤方案： 精简 DOM ，合理布局 使用 transform 代替 left、top，减少使用耗性能样式 控制频繁动画的层级关系
我们将在本页讨论移动浏览器。如果你是刚刚接触移动端，我建议你首先阅读关于桌面浏览器的第一部分。这会让你在熟悉的环境中循序渐进。...对于一个基于桌面优化的网站，移动浏览器的显示效果明显不如桌面浏览器，要么缩小后文字太小无法阅读，要么放大后只能看到网站的一部分。...因为网站也需要在移动端显示，所以我们必须让它们在小屏幕上正常显示。 最重要的问题与 CSS 有关，尤其视图的尺寸。如果我们一比一的复制桌面模型，CSS 可能不会正常工作。... 元素 和在桌面上一样， document.documentElement.offsetWidth/Height 可以获得 元素在 CSS 像素中的尺寸。 ?...假设你创建了一个简单页面，并且其中的元素没有设置 width 。它们会被拉伸到布局视图的 100% 宽度。大多数浏览器会通过缩小来在屏幕上显示整个布局视图，如下图的效果 ?
我们可以使用垂直媒体查询来在垂直空间足够的情况下显示标题。...focus) { padding-bottom: calc( var(--cta-height) + env(keyboard-inset-height, 0) ); } 你可能会想知道，在桌面端会发生什么...由于 env(keyboard-inset-height) 在桌面上的值为 zero ，所以最大值为 2rem 。 在移动设备上，最大值是第二个。...在桌面尺寸上，宽度等于变量 --size ，而在移动设备上，它将占据整个宽度，因此使用了 env(keyboard-inset-width, 0) 。...当用户激活输入字段时，它会显示如下： 注意垂直空间太小。怎么办？通过混合比较功能和虚拟键盘API，我们可以在键盘显示时隐藏导航。 这是实现此功能的CSS代码。
且 Menu 按钮展示时，需要浮动在内容卡片上方，不能被遮挡，移动端和 PC 端顶部导航栏高度一致，均为 54px。 移动端导航栏的菜单项每一项独占一行。...显示移动端布局时，卡片描述和对应图片各占一行，且都撑满 #tutorials 容器。...二、CSS 部分 代码功能概述 这段代码是一个 CSS 媒体查询，用于在视口宽度小于等于 800px 时（通常是移动设备屏幕），对页面的布局和样式进行调整，以实现响应式设计。...项目初始化 确定需求：明确要实现一个能在不同设备上自适应显示的页面，包含导航菜单和课程内容展示，以 800px 为界限区分 PC 端和移动端布局。...将菜单改为可折叠的垂直菜单，菜单项独占一行，课程内容的描述和图片也改为垂直排列，确保在移动端有良好的显示效果。 4.
作者介绍：陈泽钦，腾讯移动客户端工程师，目前就职于腾讯MIG移动互联网事业群，负责腾讯浏览服务TBS的X5内核业务。 1....比如用jQuery的animate函数做一个动画、对一个数据集进行排序、或者往页面里添加一些DOM元素等。...上一步确定了每个DOM元素的样式规则，这一步就是具体计算每个DOM元素最终在屏幕上显示的大小和位置。web页面中元素的布局是相对的，因此一个元素的布局发生变化，会联动地引发其他元素的布局发生变化。...在每个层上完成绘制过程之后，浏览器会将所有层按照合理的顺序合并成一个图层，然后显示在屏幕上。对于有位置重叠的元素的页面，这个过程尤其重要，因为一旦图层的合并顺序出错，将会导致元素显示异常。...，展示了一行文字和图片，而在body中有一段script对个别元素进行样式和内容的调整；此外还有一个点击事件，即点击图片后，会再次执行一段修改元素内容和样式的脚本。
工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。目前还是一个初学者，出现任何问题请多多谅解。...大家如果只用电脑浏览网页的话，可能差别不算太大，但是如果使用移动设备（如手机和平板电脑）打开网页，就可能会遇到在不同设备上显示效果不尽人意。...移动端页面需要具备响应式设计，以适应不同大小和分辨率的移动设备屏幕。使用流体网格布局、弹性图片和媒体查询等技术，确保页面在各种设备上都能良好显示。...在移动端常用到的是 rem，通过使用 rem 单位，可以相对于根元素的字体大小来定义布局和元素的尺寸，从而使网页更灵活地适应不同的屏幕尺寸。...只要我们在不同的设备上设置一个合适的初始值，当设备发生变化 font-size 就会自动等比适配大小，从而在不同的设备上表现统一。比如，下面这个例子。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
