摘要： 为了方便例子讲解，现有数组和json对象如下 for 可以直接看示例，用得太多了，很简单 关于for循环，有一下几点需要注意 for循环中的i在循环结束之后仍然存在与作用域中，为了避免影响作用域中的其他变量，使用函数自执行的方式将其隔离起来()(); 避免使用for(var i=0; i 的方式，这 阅读全文

摘要： "this" 上下文 上下文通常是取决于一个函数如何被调用。当函数作为对象的方法被调用时，this 被设置为调用方法的对象： 同样的原理适用于当调用一个函数时通过new的操作符创建一个对象的实例。当以这种方式调用时，this 的值将被设置为新创建的实例： 当调用一个未绑定函数，this 将被默认设置 阅读全文

摘要： meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 viewport模板——通用 移动端touch事件当用户手指放在移动设备在屏幕上滑动会触发的touch事件 touchstart——当手指触碰屏幕时候发生。touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会 阅读全文

摘要： 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱边界Hack 使用属性选择器选择空 阅读全文

摘要： 1.很多时候使用方法ul列表去展示。当然这也有一些好处，比如float对齐之类的。当然直接用p或者div也行。 2.了解overflow属性。在溢出情况下的处理。其实轮播就是在不断的处理ul溢出的情况。 3 jQuery animate的动画效果。当然如果不用这个也行。一个setInterval就能 阅读全文

摘要： 现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。而我们在写一个动画特效的过程中，如何去提升它的性能呢？当然首先我们需要去了解一下基本的概念，比如浏览器渲染的工作原理等，这些我也在读了几位大牛写的相关文章后才有了一定的了 阅读全文

摘要： background-size的基本属性 background-size: 可以设定背景图像的尺寸，该属性是css3中的，在移动端使用的地方很多，比如最常见的地方在做响应性布局的时候，比如之前做的项目中有轮播图片，为了自适应不同大小分辨率的图片，我门需要使用css3中的媒体查询来针对不同的分辨率设置 阅读全文

摘要： 一个基础却又容易混淆的css知识点 本文依赖于一个基础却又容易混淆的css知识点：当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！ 也许你会说，left/right以父元素的width为参照物好理解，但是t 阅读全文

摘要： 将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。 IE8/9并不支持 appearance:none CSS属性，想要支持的话可能需要非常特殊的方法，参考SF： 我们需要为其添加一个父容器，容器是用来覆盖小箭头的，然后为select添加一个向右的小偏移或者宽度大于父 阅读全文

摘要： 1.文本的水平垂直居中 line-height + text-align:center 2.利用盒模型的水平垂直居中 我们一般讲的盒模型都是说的块级盒的盒模型，也只有块级盒的盒模型用得多一点，块级盒block-level box又是分别由content-box、padding-box、border- 阅读全文