CSS多种方式实现底部对齐
使用flex布局是目前最好的解决办法，子元素布局还是按照1、2、3、4、5这样的顺序进行布局，浏览器器在渲染时会自动反转过来，并且滚动条也会反转过来，即自动定位到最底部。但是IE10目前为止还不支持~，所以在我做的这个项目中是用不了了
CSS属性white-space
本文说的white-space是一个控制换行和空白处理的CSS属性。我曾经被这个属性烦死，一直没记住，今天决定还是写下来好好琢磨下。normal默认值，正常换行，空白和换行符会被浏览器忽略。啥意思呢？
利用CSS变量进行黑暗模式切换
设置主题对应的CSS变量，切换主题只需切换css属性的变量值。例如：切换APP元素的主题只需切换App的color和background-color对应CSS变量的变量值即可。
网站性能优化实战
读取缓存→DNS查询→TCP链接→发起请求→接收响应→处理HTML元素→加载完成。CSS属性读写分离：浏览器每次对元素样式进行读操作时，都必须进行一次重新渲染（重排 + 重绘）
js图片上传和预览
给标签的父级设置一个‘+’背景图，把的宽高设置得跟父级一样，且完全透明，这样点击的时候看似是点击的‘+’的节点，其实点击的是节点。
Vue组件库搭建实践与探索
在以前传统的前端页面开发方式时，存在协同困难，可复用性差的问题，导致开发和维护都不是一件简单的事。而组件化思想的提出，以及Vue、React等MV*框架的快速流行，让我们开始尝试用组件化的思想去开发
小程序生成海报：通过 json 配置方式轻松制作一张海报图
由于我们无法将小程序直接分享到朋友圈，但分享到朋友圈的需求又很多，业界目前的做法是利用小程序的 Canvas 功能生成一张带有二维码的图片，然后引导用户下载图片到本地后再分享到朋友圈
FabricJs:动态海报营销方案
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情，如下：
JavaScript中“void(0) ”是什么意思
expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是可选的，鉴于规范化，以及养成好习惯，建议写上去。当我们使用 void 操作符指定超级链接时，表达式会被计算但是不会在当前文档处装入任何内容。