技术文章

• Bringing instant page-loads to the browser through speculative prerendering

  来自chrome官方，增加 preconnect, preload, prefetch, and prerender 功能，目前在chrome的实验版中，同时，有一些开源工具基于此功能封装，增加了按需求预加载各种策略的封装，https://github.com/GoogleChromeLabs/quicklink（基于界面显示部分预测），https://github.com/GoogleChromeLabs/quicklink（基于数据统计，进行预加载预测）

工具&&框架

• ct.css – Let’s take a look inside your

  被N多网站推荐的一个工具，用来检测网页head标签里的内容，对于页面加载速度的影响。

• petite-vue

  it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework. 只有6KB大小

• VISUALIZE CODE EXECUTION

  一个在线代码执行可视化工具，通过图结构来描述代码执行顺序。（支持Js）

• DOM 复杂度查看工具

  chrome插件，可以看到当前页面，各dom节点个数，来分析当前页面节点是不是太多，或者层次是否太深

• css 设置checkbox,radio,progress色值

  通常checkbox,radio,progress 颜色的设置，会借助label，隐藏掉原有的选项框，实际上对于颜色的设置，浏览器有属性可支持accent-color

• CSS多个背景的应用

设计&&杂谈

• 海平面上升模拟影响

  可以选择地区，海平面上升高度，来看下影响（可以看到海平面上升5M，上海基本就被淹没了）

资料收集

• Github优秀的小程序开源项目汇总

• Github 70个微信小程序源码

• 小程序开发资源汇总

  本文收集了小程序开发过程中会使用到的资料、问题以及第三方组件库。