获得徽章 0
- 各大站通用首页变灰代码：
依次排序：百度、淘宝（京东）、网易云音乐、360首页、腾讯网、掘金、CSDN、中国中央政府网、国务院新闻办公室。26189 - 推荐一个报错监控开源项目：
一款开箱即用的前端报错监控的SDK，监控收集整个前端项目在运行的时候产生的 js 内部报错，资源加载异常，接口返回报错的问题。358 - 770
- 学到一招，通过window.performance不仅可以帮助我们判断具体的性能，还可以通过window.performance.navigation.type来判断网页是刷新进入还是正常进入。0是正常跳转进入，1是通过reload方式刷新进入，2是通过浏览器历史记录进入
945 - 安利一个免费思维导图软件——GitMind。界面简洁易操作，可直接在PC浏览器、手机微信、手机浏览器使用，具备云端自动存储功能，用完即走。
而且还支持自动整理思维导图布局；主题多样，10多款主题可任意选择；支持富文本编辑，可插入图片、链接；支持创建文件夹、批量管理文件；支持导出高清图片和TXT文本；有协作、分享功能，可用来制作思维导图、逻辑结构图以及组织结构图等等。
展开336 - # 每天一道前端中高级面试题 # 请简述浏览器渲染过程
个人思考：1、构建DOM树：解析html文档，构建dom树
2、构建css 树：根据样式的优先级，构建cssom
3、等到Javascript 脚本文件加载后， 通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tree
4、构建渲染树：DOM和CSSOM合并后生成Render Tree
5、layout：有了Render Tree，浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置
6、painting: 按照算出来的规则，通过显卡，把内容画到屏幕上。
7、reflow（回流）：主要是指css布局的位置，尺寸发生变化引起的重新渲染
8、repaint（重绘）：改变某个元素的背景色、文字颜色、边框颜色等等不影响它周围或内部布局的属性时，屏幕的一部分要重画，但是元素的几何尺寸没有变展开112 - 分享一下自己最近做的一个小项目：ColorKitty
colorkitty.com，主要功能是可以从图片中提取出主要颜色，生成一个色板。
之前看过一句话，好的配色就藏在那些美妙的照片里。深以为然，于是便有了这个项目。
使用的技术栈主要是 react，已发上 Github。如果觉得不错，赏个 Star 吧
github.com 展开751
webpack.jakoblind.no