.

canvas>是一个HTML元素，我们可以将它简单理解为一个画板，通过Canvas提供的绘制api我们就可以绘制出各种图形。canvas 是 html5 标准中提供的一个标签, 顾名思义是定义在浏览器上的画布。将一个canvas对象绘制到另一个canvas对象上 (离开用户可视范围内进行染)平移(translate)、旋转(rotate)、缩放(scale)语法: transform(a, b, c, d, e, f);canvas中的坐标系和html中的坐标系一样。画布的状态是可以保存和恢复的。

复制技巧: 如果代码多, 拖拽复制就不方便, 左键点击开始位置, 按住shift再右键点击结束位置, 快速选择。bootStrap默认的导航条组件, 是屏幕小于768时才折叠为图标, 项目需求是小于992时就堆叠排列。使用bootstrap栅格系统布局时, 栅格盒子只做布局, 内容的排版或者盒子的间距全部交给子级盒子。响应式就是一套代码, 兼容大中小不同的屏幕, 即网页内容不变, 网页布局随屏幕切换而改变。体验一下: 引入框架, 通过类名, 就可以快速实现响应式布局, 非常方便。

vw单位换算: 设计稿中的单位一定是px单位, 写代码要写vw单位, 怎么换算呢?新建index.html文件, 新建index.less文件。素材获取: 图片直接右键另存为, 字体图标的下载如下。目标: 能够使用vw单位设置网页元素的尺寸。

什么是移动端适配?让页面的元素在屏幕尺寸变化时, 同比放大或缩小移动适配的方案rem：目前多数企业在用的解决方案vw/vh：未来的解决方案。

新建orders.html作为页面, 引入字体图标文件, base.css用于清除默认样式。使用像素大厨, 打开移动端设计稿, 调整到2倍图模式, 用于测量尺寸。使用justify-content调节元素在主轴的对齐方式。使用align-items调节元素在侧轴的对齐方式。使用flex-direction改变元素排列方向。使用flex-wrap实现弹性盒子多行排列效果。能够使用Flex布局模型灵活、快速的开发网页。主体内容从上往下, 支付按钮固定在页面底部。使用flex属性修改弹性盒子伸缩比。

设计师的设计图一般都是750px的图(也就是苹果6/7/8的物理分辨率), 称为二倍图。使用适口标签, 使移动端网页的宽度和设备宽度(逻辑分辨率)相同。默认情况下，手机网页的宽度固定是980, 和逻辑分辨率无关。屏幕尺寸: 指的是屏幕对角线的长度，一般用英寸来度量。随着技术发展,行业要求也越高,现在也要求高度自适应.默认情况下，PC网页的宽度和逻辑分辨率是相同的。制作网页参考物理分辨率还是逻辑分辨率?PC端网页和移动端网页的有什么不同?PC端主流设备的分辨率。移动端主流设备的分辨率。

过度效果与动画效果思考: 过渡可以实现什么效果?答: 实现2个状态间的变化过程动画效果: 实现多个状态间的变化过程，动画过程可控(重复播放、最终画面、是否暂停)动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面构成动画的最小单元: 帧或动画帧。

使用字体图标可以实现简洁的图标效果, 字体图标展示的是图标, 本质是字体, 适合简单, 颜色单一的图标。如果图标库中找不到需要的图标. iconFont网站支持上传矢量图生成字体图标。语法: transform: translate(水平移动距离,垂直移动距离)示例: 使用translate快速实现绝对定位的元素居中效果。使用transform属性实现元素的位移、旋转、缩放等效果。使用transform复合属性实现多形态转换。使用rotate实现元素旋转效果。使用skew实现元素倾斜效果。

公司坚持走科技创新之路，依靠我们创立的知识产权的高科技产品，来保证公司具有持续的发展潜力，公司高度重视以市场为导向，具有前沿领先技术的研发能力，公司有专业科研机构和人员从事创新的研究和开发工作，销售业务覆盖全国各地，经过10年的发展壮大，已成为全国销量第一的贴膏生产基地。DOCTYPE html>用于声明文档的类型, 告诉浏览器该网页的HTML版本, 不同版本的HTML遵循的标准不同,浏览器渲染的方式就所有不同。父组件的样式需要影响子组件的样式时, 需要用到深度选择器, 达到样式穿透的效果。

字体选择与设计可以在网上寻找已有的字体，或者自主设计所需的字体。在选择或设计时，需要注意字体的版权问题，最好选择允许免费商用的字体。将选定的字体文件下载到本地，常见的字体文件格式包括.ttf（TrueType Font）和.otf（OpenType Font）等。字体文件的引入使用CSS中的@font-face规则，将字体文件与自定义字体名称关联起来。这样，在CSS中就可以通过自定义的字体名称来引用该字体了。示例代码：css复制代码字体应用。

离线存储是基于 .appcache ⽂件的缓存机制(不是存储技术)实现的，通过这个⽂件上的解析清单离线存储资源，这些资源就会像 cookie ⼀样被存储了下 来。块级元素有： div p 列表标签(ul ol li dl dt dd) 标题标签(h1 h2 h3 h4) 表格标签(table)空元素： <br> <hr> <img> <input> <link> <meta>->新增了语义化标签(header/footer/nav/asid)->新增了表单增强控件(data/time/email/url)

场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。