Performance的使用

浏览器多进程架构

进程	负责的工作	包含的线程
浏览器进程	负责浏览器的导航栏、书签、前进、后退按钮等，还会控制我们看不见的部分，包括文件的读写等	UI线程等
渲染进程	渲染进程负责网页展示相关的所有工作，主要任务是将HTML，CSS，以及JavaScript转变为我们可以进程交互的网页内容。每一个tab页、页面内的每一个iframe都会分配一个单独的渲染进程	主线程:渲染主线程的任务执行过程; Compositor: 合成线程，将绘制列表合成页面; Chrome_ChildIOThread线程: IO线程； Raster: 光栅化线程池等
GPU进程	负责独立于其他进程的GPU任务，处理来自不同tab的渲染请求，并把他们在界面上画出来
网络进程	负责页面的网络资源加载
Plugin进程	负责网页使用的所有插件

Read More...

浏览器渲染流程

1. 构建DOM树(Parse HTML)：浏览器无法直接理解和使用HTML，需要通过html解析器，处理HTML标记并构造DOM树，可以通过document节点查看

Read More...

汉化

社区有兄弟做了汉化，点这个 汉化地址

Read More...

本文主要内容：

1. vue-loader解析vue单文件组件的过程分析
2. VueLoaderPlugin的作用

Read More...

导入一个单文件组件并用 console.log 输出，可以看到就是导入了如下这样的对象：

Read More...

大部分源码解析的文章都是从项目结构开始，然后再从入口处跟着它的执行流程一步步分析，但我发现那不适合我，很容易看着看着就不知道自己在看什么，我的方法是带着问题出发，先把自己想知道的点拆解成一个个问题，由浅入深，多次有选择的去看源码，每次只关注一个问题，解决一个问题后再继续下一个，最后再回过头来总结整体

Read More...

1. a标签

a标签可以调起系统自带的电话和发送邮件功能

<a href="tel:+18500000000"></a>
<a href="mailto:123456@163.com"></a>

a标签不能嵌套a标签

HTML规范中，标签不能嵌套另一可交互元素，比如<a>,<button>

从对观察者模式和发布订阅模式有疑问开始，连续看了好几篇文章，最后疑惑依然存在，这到底哪里不一样？？进一步研究和思考后才搞明白，我决定用最大白话最直观的代码方式来记录下来，以便未来再次忘记时来翻阅。
Read More...

项目里 superset 版本是 0.36.0, python 版本是 3.6, 网上大部分资料都是后端开发人员贡献的，这篇文章我从一个前端的角度记录一下 superset 二次开发遇到的一些问题和解决方法。
Read More...

color

color是一个常用的属性，在很多配置项里用来设置填充颜色，color的值有rgb，rgba，16进制的颜色值，还支持渐变和纹理.

渐变

纯色很好理解，这里主要说一下渐变，以线性渐变为例
Read More...

SVG是可缩放矢量图形的缩写，它使用XML来定义图像，这篇文章记录我学习SVG的过程。
Read More...

flex属性用来设置弹性盒子项的拉伸，收缩和自身主大小，flex的属性值有多种形式，可以为一个值，两个值，或三个值
Read More...