摘要：
1. 面向过程编程（POP） 面向过程：分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 例如：把大象装进冰箱（面向过程，就是按照我们分析好的步骤，按照步骤解决问题） 1. 打开冰箱门， 2. 把大象装进去， 3. 关上冰箱门 2. 面向对象编程 阅读全文
摘要：
1. 响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 超小屏幕（手机）：<768px 小屏设备（平板）：>=768 ~ < 992px 中等屏幕（桌面显示器）：>= 992px ~ < 1200px 宽屏设备（大桌面显示器）：>= 1200px 2. 响 阅读全文
摘要：
1. rem 基础 rem 是一个相对单位，类似于 em ，em 是父元素字体大小。 em 是相对于父元素 的字体大小来说的 rem 是相对于 html 元素 字体大小来说的 rem 优点 就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制 比如：根元素（html ）设置的 阅读全文
摘要：
1. 传统布局与 flex 布局比较 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex 弹性布局 操作方便，布局极为简单，移动端应用很广泛 PC端浏览器支持较差 IE 11 或 更低版本，不支持或仅部分支持 2. flex 布局原理 flex 是 flexible Box 的缩 阅读全文
摘要：
1.单独制作移动端页面（主流） 流式布局（百分比布局） 流式布局，就是百分比布局，也称为非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充 流式布局方式是移动 web 开发使用的比较常见的布局方式。 max-width 最大宽度（max-heig 阅读全文
摘要：
1. 视口：(布局视口(layout viewport)，视觉视口(visual viewport)，理想视口(ideal viewport)) meta 视口标签 <meta name = "viewport" content = “ width = device-width，user-scala 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title 阅读全文
摘要：
1. 三维坐标系（里面的值不能省略，没有就写 0 ） x 轴：水平向右 注意：x 右边是正值，左边是负值 y轴： 垂直向下 注意：y 下面是正值，上面是负值 z轴：垂直屏幕 注意： 往外面是正值，往里面是负值 主要知识点： 3D位移：translate3d（x,y,z） 3D旋转：rotate3d（ 阅读全文