摘要： 刚开始的时候我也觉得不可能，但是就是这么神奇，总有大神给你意想不到的惊喜。 快来感受一下把。（仔细看看头部黄色条的变化） 思考一下啊，怎么出现的那，其实作者使用了一点小技巧，那就是背景色渐变和遮挡产生的视觉效果。 再来欣赏一个图片，大概你就明白了。 看到了把，其实就是内容区域的背景色的渐变黄色部分， 阅读全文

摘要： 一：Emmet LiveStyle（http://livestyle.io/） CSS，LESS和SCSS的第一个双向实时编辑工具。 官网说只适用与谷歌跟sublime，可以自行测试 1.sublime下载插件liveStyle 2.谷歌商店下载Emmet LiveStyle 3.不需要任何服务，只 阅读全文

摘要： 鼠标移入的动画之前发布过一次，今天特地做了gif的图片，主要用到box-shadow 这是看到一个叫daisy，gogogo的博友总结的，记录一下，以备后用 阅读全文

摘要： 之前这些小细节都在实践的时候给忽视了，或者都动态加载，框架的使用等因素的隐藏，变得不那么容易出现。 今天看到张鑫旭大牛的微博，觉得记录一下这个小问题的解决方案 加了这句话就不会出现闪动问题，因为这样计算左边总会预留出来滚动条的宽度回没有滚动条为0； 100vw相对于浏览器的window.innerW 阅读全文

摘要： 今天才发现一个简单有趣的问题，有关iframe的； 此时div出现了滚动条，百思不得其解，原来还是老问题，就是因为iframe是行内元素，后面的 空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条 解决方案 第一种，设置iframe的vertical-align 阅读全文

摘要： 这个也是在脚本之家看到的，感觉挺有意思的；记录一下 其实这个案例还是有很多问题的，有些情况不能准确转换 希望看到的大神，帮我斧正，感激不尽 阅读全文

摘要： 字符串的替换转换，一般大家都会想到字符串的替换replace方法跟正则表达式的结合。 但是对于不了解的童鞋们，正则表达式仅仅在于使用，很难有人理解，我也不例外。 通过一个小案例，我们一起探讨一下它们的奥秘！ 1.replace定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符 阅读全文

摘要： var arr = [1, 3, 3, 4, 6, 7] for (var i = 0; i < arr.length - 1; i++) { var bool = true; for (var j = 0; j < arr.length - i - 1; j++) { if (arr[j] > a 阅读全文

摘要： 1 : Object.keys(obj) 返回给定对象的所有可枚举属性的字符串数组 例子1： var arr = [1, 2, 6, 20, 1]; console.log(Object.keys(arr), "arr")//["0", "1", "2", "3", "4"] "arr" 返回的数组 阅读全文

摘要： 图片中间有条渐变的白块，主要是css3的新属性线性渐变的功劳（linear-gradient），附上css样式表 我这里是插了一张图片，你也可以用背景图 阅读全文