会当凌绝顶，一览众山小

AlloyTouch

其实对于移动端而言，不管是native app还是web app适配总是一个头疼的问题。像素在web开发中几乎天天用到，但到底什么是像素，像素是一个相对长度还是绝对长度？，移动端和pc端的像素有区别吗，retina屏和普通的屏幕有什么区别？让我们看下去。

在网页适配到手机屏幕时，普通的pc页面调整到（Chrome按F12）手机页面时会发现字体很小。此时需要搞明白什么是viewprot,正确的viewport meta标签的使用才能更好的让我们的网页适配或响应不同分别率的移动设备。

我们没打开一个页面查看源码时都会在header标签内看到看到<meta>，meta标签到底有什么用呢？

浏览器在完整展示一个页面前做了哪些工作：

• 加载：根据请求的URL进行域名解析，向服务器发起请求，接收文件（HTML、JS、CSS、图象等）
• 解析：从html解析出DOM tree，解析css产生css规则树（计算css样式），js，通过DOM api和Css api操作DOM tree和CSS ruletree。
• 渲染：解析完成后，浏览器引擎会通过DOM tree和CSS RuleTree来构造Rendering tree（渲染树）（不包含Header等不需要显示的东西），也就是将CSS rule加到每一个DOM结点上（或者叫做Frame）。定位坐标和大小，是否换行等。
• 绘制：最后调用操作系统的Native GUI的API绘制。

使用vue全家桶构建一个完整的单页面应用的配置过程，包括从开发，到测试以及发布的过程中的各种配置，比如ESLink,webpack等等。

通过正则表达式验证数字的方式集合，本文整理的常用验证都可直接使用。

一个网页的加载过程，native、网络、后端处理、cpu都会参与，各种都有必要的工作和依赖关系；让各个工作可以并行进行，就可以让网页的加载更快

• WebView初始化慢，可以在初始化同时先请求数据，让后端和网络不要闲着。
• 后端处理慢，可以让服务器分trunk输出，在后端计算的同时前端也加载网络静态资源。
• 脚本执行慢，就让脚本在最后运行，不阻塞页面解析。
• 同时，合理的预加载、预缓存可以让加载速度的瓶颈更小。
• WebView初始化慢，就随时初始化好一个WebView待用。
• DNS和链接慢，想办法复用客户端使用的域名和链接。
• 脚本执行慢，可以把框架代码拆分出来，在请求页面之前就执行好。

每个元素都是一个节点。每片文字也是一个节点。甚至注释也都是节点。一个节点就是页面的一个部分。就像家谱树一样，每个节点都可以有孩子节点 (也就是说每个部分可以包含其它的一些部分)。