Sakura同志

Formatting context 是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系、相互作用。最常见的 Formatting context 有 Block fomatting conte…

UI组件库选择有赞的Vant，该组件成熟稳定较为丰富，适用于移动端。 采用SASS风格的代码，编写页面重置的 reset.scss 和 mixin 的 mixin.scss，和公共颜色等变量的 param.scss。 并在 vue.config.js 中配置相关参数，以便无需使…

在OO语言中，继承方式通常有两种接口继承和实现继承。 在JavaScript中无法实现接口继承（由于函数没有签名），只支持实现继承（通常依靠原型链来实现继承）。 原型链实现继承的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。 在通过原型链实现继承时，原型实际上…

采用正确的图片尺寸，在PC端我们还是强烈建议使用1倍图，例如需要100 * 100 的图片就别使用我们通常在移动端使用的 2倍图 200 * 200。因为 1倍图 和 2倍图 压缩后的大小比通常达到 1 ： 4 左右。当数量达到一定程度时，两者加载的时间会有显著的差距。 所以，…

这次项目中UI小姐姐要求用平方等其他字体，遂引入了这些字体，打包的时候发现，OMG，一个字体文件竟然要10M，实在不能忍，于是开始了字体文件大小的优化实践，最后变成38KB一个，还行吧。 font-spider 字蛛 原理是通过爬取HTML文件以及关联的CSS，找到设置了字体的…

比如今天在开发微信 H5 页面的时候，在IOS微信内置浏览器中返回上一页时，上一个页面不会被刷新。 而通常在浏览器缓存机制中，在返回上一页的操作中， html/css/js/接口 等动静态资源不会重新请求，但是js会重新加载。但在IOS微信页面中js也会保存上一页面最后执行的状…

最后，文无第一，规范化的东西并没有一个得到大家认可的最优解，欢迎大家讨论自己的想法，共同努力去优化开发规范。