ie6能识别*，+，_ _只有IE6 *+只有IE7
ie7能识别*，+，*+
火狐两个都不能识别但是识别！important
IE6~IE10都认识"\9"
<!--[if IE]--><!--[endif]-->
*color:red;
_color:red;
color:red\9
color:!important;
1几个图片img在一起会出现边距。设置float:left;或者display:inline-block;
2设置了padding之后火狐的宽高会自动的加上你设置的那个padding。其他浏览器不会。这个时候需要使用！important这是火狐能识别的标记而其他浏览器不能识别，。。火狐利用!important设置的宽高要减去那个padding值。
3如果div设置了float又设置margin在ie6中就会有双边距，这时候可以使用display：inline
4.min-height不起作用
min-height：20px；height：auto !important；height:20px;overflow:visible;
5,不同浏览器的默认padding和margin值是不同的。所以要*{margin:0;padding:0}
6.高度较小一般小于10px。ie6，ie7会超过设置的高度。可以使用overflow:hidden
jpg是像素点组成的图。是有损压缩。图片的质量较差。所占内存比较少，即使没有背景默认的也是白色背景。。png是矢量图。是无损压缩找的内存较大。可以设置透明的背景
canvas是html5的标签通过 JavaScript 来绘制 2D 图形。。svg是XML 描述 2D 图形的语言。
canvas是位图或者成为标量图，他和jpg的图片一样的效果由一个个像素点构成，他是逐像素渲染的，。一些游戏的背景就是使用canvas画布。统计用的图标也是canvas做的。
svg矢量图，放大也不会失真。通常用来做地图。
canvas绘制的图形不会被搜索引擎抓取，js可以实现绘制。
svg可以被搜索引擎抓取支持事件绑定，通过标签来绘制。
隐藏display:none不占用空间，无法添加事件
visibility:hidden 占据空间。但无法添加点击事件
opacity:0.5;filter:Aplha(opacity=50) 占据空间可以添加事件
height:0;overflow:hidden;不占空间，无法添加事件
link是xhtml标签没有兼容性问题。import是css2。1提出了的ie5以下的无法识别
link再引入的时候加载。import在页面加载完以后在执行
ie ：trident
火狐：gecko
safira和chorme：webkit
opera:presto
不同浏览器的内核代表他们渲染页面的。不同的内核的浏览器渲染页面的我效果不同。
数据类型9
基本数据类型6 。String，Boolean，Null，Undefined，Number
引用类型3.Array ，Object，Function
es6新增的symbol 表示独一无二的值，最大的用法是用来定义对象的唯一属性名
1、vue中 key 值的作用
当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。key的作用主要是为了高效的更新虚拟DOM
2、vue中子组件调用父组件的方法
第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法
第二种就是通过this.$emit("父组件的方法名"，"要传给父组件的一些内容")
3、vue等单页面应用及其优缺点
单页应用的优缺点
优点：
无刷新体验,提升了用户体验；
完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整；
API 共享，如果你的服务是多端的（浏览器端、Android、iOS、微信等），单页应用的模式便于你在多个端共用 API，可以显著减少服务端的工作量。容易变化的 UI 部分都已经前置到了多端，只受到业务数据模型影响的 API，更容易稳定下来，便于提供鲁棒的服务；
组件共享，在某些对性能体验要求不高的场景，或者产品处于快速试错阶段，借助于一些技术（Hybrid、React Native），可以在多端共享组件，便于产品的快速迭代，节约资源。
缺点：
首次加载大量资源，要在一个页面上为用户提供产品的所有功能，在这个页面加载的时候，首先要加载大量的静态资源，这个加载时间相对比较长；
较高的前端开发门槛，MVC 前置，对前端工程师的要求提高了，不再是『切切图，画画页面这么简单』；同时工作量也会增加数倍，开发这类应用前端工程师的数量往往多于后端；
不利于 SEO，单页页面，数据在前端渲染，就意味着没有 SEO，或者需要使用变通的方案
<!DOCTYPE html>
<head>
<title>我的页面</title>
<meta name="viewpoint">
<link>
<script>
<style></style>
</head>
<body>
</body>
</html>
@media screen and (min-width:90px){
}
new Promise(function(resolve，reject){
$.ajax({
url:,
data:
success:function(res){
resolve(res)
},
error:function(res){
reject(res)
}
})
})
this的指向问题
普通函数、指向window
对象里面的函数、指向对象obj
构造
最低0.47元/天 解锁文章
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
