1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） ...
分类：
移动开发 时间：
2020-04-01 22:13:14
阅读次数：
170
浏览器中的页面 一、DOM树 1、在渲染引擎中，DOM有三个层面的作用： DOM是表述HTML的内部数据结构，它会将Web页面和JavaScript脚本连接起来，并过滤一些不安全的内容 2、DOM树如何生成： 网络进程和渲染进程建立一个管道，HTML解析器直接解析，不需要等待text/html类型的 ...
分类：
其他好文 时间：
2020-03-26 19:33:33
阅读次数：
111
1、flex属性 flex-grow:;数字不带单位,定义项目剩余的宽度进行扩张(放大) flex-shrink:;数字不带单位,项目总宽度超出容器时的缩小设置 0 本身的大小,不缩小也不放大 1 平均分配,默认值 flex-basis: 0%;项目的长度 综合写法: felx:放大 缩小 长度; ...
分类：
Web程序 时间：
2020-03-24 23:38:40
阅读次数：
139
目录 移动端开发的基本观点 像素基础知识 viewport原理解析 弹性布局 响应式设计 1rem的运用 移动端的事件 zepto库的使用 移动端开发的基本观点 移动端开发的意义移动端用户使用量 -> 市场需求 -> 市场供给 -> 公司需要移动端开发人才 -> 工资高，就业易 -> 涌现大波程序猿 ...
分类：
移动开发 时间：
2020-03-22 10:52:25
阅读次数：
97
响应式开发原理 利用媒体查询对不同宽度的设备进行布局和样式的设置，从而适配不同的设备 设备划分 尺寸区间 超小屏幕（手机） <768px 小屏设备（平板） >=768px~992px 中等屏幕（桌面显示器） >=992px~<1200px 宽屏设备（大桌面显示器） >=1200px 响应式布局容器 ...
分类：
编程语言 时间：
2020-03-15 09:42:29
阅读次数：
127
《Web前端开发之HTML5+CSS3快速入门》 【课程简介】本课程由一直专注前端技术与Discuz模板设计与制作！DZ起点网创始人朱朝兵出品，通过本课程学习，即可掌握html5的基本结构，还可以熟悉掌握CSS3新增的属性，并可以独立完成一些常见的html5网页。 【课程目标】学习完本课程后即可掌握 ...
分类：
Web程序 时间：
2020-03-13 01:07:42
阅读次数：
117
计算方法 计算rem方法： 结合媒体查询 -> 随着设备的改变 更改html font-size的值。 ? 媒体查询确定范围？？ ? 移动端设计图 ： 640px 750px 1080px; dpr 2 2 3 范围 320px 375px @media screen and (max-width: ...
分类：
其他好文 时间：
2020-03-11 01:07:15
阅读次数：
253
媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特 ...
分类：
其他好文 时间：
2020-03-08 15:56:57
阅读次数：
124
动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq ...
分类：
其他好文 时间：
2020-03-08 14:03:02
阅读次数：
46
# CSS层叠样式表 ## CSS层叠样式表 - CSS的作用 - HTML结构和CSS样式如何关联到一起(CSS引入方式) > CSS作用：给HTML元素添加静态或者动态（JS）的CSS样式 ### CSS的引入方式 面试题 - 行内式:直接写在html标签的后面，在通过标签属性style来引入的 ...
分类：
Web程序 时间：
2020-03-08 14:02:01
阅读次数：
68
