摘要： js中几种实用的跨域方法原理详解 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.comp 阅读全文

摘要： 前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得grunt 阅读全文

摘要： 提到移动布局不得不提到盒模型display:-webkit-box;这个属性，在移动布局中浮动已经不在重要，相反自适应成为主要的需求，所以display:-webkit-box;变得尤为重要。 box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经 阅读全文

摘要： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto el.scrollTop = 500; 此时，我发现在IOS环境下，每次手动改变scrollTop后整个容器变成空白，但手指触摸一下内容就出来了，scrollTop是成功改变了的，只是内容 阅读全文

摘要： 1.transition过渡动画 2.@keyframes关键帧动画，配合transform、animation使用 阅读全文

摘要： 1.直接写在样式里，比如一个小箭头，transform:rotate(135deg)即可 2.写动画过程，@keyframes和transform和animation组合起来用 写在@keyframes minify{ 0%{ transform:scale(1); -webkit-transfor 阅读全文

摘要： animation基本用法是： 第一个参数：name (animation-name)： 动画的名字，即设定动画过程的名字，CSS3采用“关键帧 keyframes”来定义动画，方式形如： 前缀-webkit-表示webkit内核浏览器（Chrome、Safari和变心的opera），以上代码定义了 阅读全文

摘要： 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeig 阅读全文

摘要： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。 情况1： 元素 阅读全文

摘要： 1. Grunt -> Gulp 早些年提到构建工具，难免会让人联想到历史比较悠久的Make，Ant，以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。而如今前端提到构建工具会自然想起Grunt。Java世界里的 阅读全文