代码拉取完成，页面将自动刷新
display：none； 使用该属性后，HTML 元素（对象）的宽度、高度等各种属性值都将“丢失”；
visibility：hidden； 使用该属性后，HTML 元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
1、 针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的，这不是Zepto的开发者Thomas Fucks在跨浏览器问题上犯了迷糊，而是经过了认真考虑后为了降低文件尺寸而做出的决定，就像jQuery的团队在2.0版中不再支持旧版的IE（6 7 8）一样。因为Zepto使用jQuery句法，所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中，而其他浏览器则能享受到Zepto在文件大小上的优势，然而它们两个的API不是完全兼容的，所以使用这种方法时一定要小心，并要做充分的测试。
2、 Dom操作的区别：添加id时jQuery不会生效而Zepto会生效。
3、 zepto主要用在移动设备上，只支持较新的浏览器，好处是代码量比较小，性能也较好。
jquery主要是兼容性好，可以跑在各种pc，移动上，好处是兼容各种浏览器，缺点是代码量大，同时考虑兼容，性能也不够好。
1、 WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源
1、 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作
2、 异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。等请求完，页面不刷新，新内容也会出现，用户看到新内容
行内元素（display: inline）
宽度和高度是由内容决定，与其他元素共占一行的元素，我们将其叫行内元素，例如：<span> 、 <i> 、 <a>等
块级元素（display: block)
默认宽度由父容器决定，默认高度由内容决定，独占一行并且可以设置宽高的元素，我们将其叫做块级元素，例如：<p> 、<div> 、<ul>等
在平时，我们经常使用CSS的display: inline-block，使它们拥有更多的状态
position: absolute
绝对定位：是相对于元素最近的已定位的祖先元素
position: relative
相对定位：相对定位是相对于元素在文档中的初始位置
1、 每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时
2、 如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念
3、 关系：instance.constructor.prototype = instance.__proto__
特点：
1、 JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变
2.当我们需要一个属性的时，Javascript引擎会先看当前对象中是否有这个属性， 如果没有的 就会查找他的Prototype对象是否有这个属性，如此递推下去，一直检索到 Object 内建对象
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。
display: none;与visibility: hidden;的区别
联系：它们都能让元素不可见
区别：
1、 display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见
2、 display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；visibility: hidden;是继承属性，子孙节点消失由于继承了hidden，通过设置visibility: visible;可以让子孙节点显式
3、 修改常规流中元素的display通常会造成文档重排。修改visibility属性只会造成本元素的重绘。
4、 读屏器不会读取display: none;元素内容；会读取visibility: hidden;元素内容
1、 新增各种css选择器
2、 圆角 border-radius
3、 多列布局
4、 阴影和反射
5、 文字特效text-shadow
6、 线性渐变
7、 旋转transform
CSS3新增伪类有那些？
1、 p:first-of-type 选择属于其父元素的首个<p>元素的每个<p> 元素。
2、 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个<p> 元素。
3、 p:only-of-type 选择属于其父元素唯一的 <p>元素的每个 <p> 元素。
4、 p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
5、 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
6、 :after 在元素之前添加内容,也可以用来做清除浮动。
7、 :before 在元素之后添加内容
8、 :enabled
9、 :disabled 控制表单控件的禁用状态。
10、 :checked 单选框或复选框被选中
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。