css
网站的肥胖症危机（节译版）
1、大多数网站的主要内容是文本，更准确地说，是简短的文本。文本本身并不大，但是展示它们的网页，正变得越来越大。Twitter展示单条评论（140个字符）的页面，超过900KB。Medium的一篇文章大约400个词，页面大小是1.2MB。如果这种趋势持续下去，2020年，网页的体积平均将超过5MB，比一本俄罗斯长篇小说还大。比如，陀思妥耶夫斯基的《罪与罚》，文本压缩后不到80
业界
2016年07月11日
巧用SASS之如何遍历n个子元素并为其设置属性
最近在新项目中引入了 SASS 来编写样式代码，心想既然用到了这种高端货，就要用得巧用得妙，不能单纯地只是把常用属性定义成变量或定义重用的代码块等等。因此在编写样式时，都要时刻提醒自己是不是可以巧用SASS来解决一些问题。这次遇到的需求是， 里有7个重复的 1. ，这7个 需要应用7中不同颜色的 background-color ，需求很简单，如下是简易的效果图。针对这
业界
2016年07月12日
CSS 布局：position
点击链接预览：CODEPEN
参考：cssnext 演示你对Position的了解程度有多少?HTML和CSS高级指南之二——定位详解html 部分：
Tabs
PostCSS 部分（使用pluins：postcss-cssnext）：
:root {--r: 50px;--height: calc(2*var(--r));--w: 10px;
}.tabs {width:
业界
2016年07月11日
CSS：区别 p、em、rem
有何区别px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小；em 的值并不是固定的，会继承父级元素的字体大小，代表倍数；rem 的值并不是固定的，始终是基于根元素 的，也代表倍数。emem 的使用是相对于其父级的字体大小的，即倍数。浏览器的默认字体高都是 16px，未经调整的浏览器显示 1em = 16px。但是有一个问题，如果设置 1.2em 则变成 19
业界
2016年07月11日
数组reduce方法的高级技巧
因为用for循环被老大鄙视之后，这几天都在偷偷摸摸的研究数组的那几个迭代方法。使用下来，感觉确实妙用无穷，仿佛自己的逼格在无形中变得高大了一点点，哈哈，上一篇文章的简单介绍确实有点糙，因此决定重新一些总结文章。这篇文章就是专门总结reduce方法的，这个方法大有可研究的地方，值得大家get它并去同手实践一下。上一篇文章我认为reduce是一个聚合或者减少方法，它可以将数组中
业界
2016年07月10日
CSS不常用属性---Tips1文本样式
字体样式font-variant设置字体是否以小型大写字母显示。p{ font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}font字体设置简写组合方式。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称；p{ font: bold italic 20px 楷体;}文本样式text-decoration设
业界
2016年07月08日
切图崽的自我修养－模块插件化书写方式
前言:大致记一下模块插件化的书写思路一般写法:define(function(require, exports, module) { var plugin = { //插件初始化入口 init : function(options){ var that=this;
业界
2016年07月08日
