世界观认知 #

浏览器内核 #

• Presto - 欧朋浏览器 (opera)
• Gecko：早期被 Netscape 和 Mozilla Firefox 浏览器浏览器使用；
• Trident：微软开发，被 IE4~IE11 浏览器使用，但是 Edge 浏览器已经转向 Blink；
• Webkit：苹果基于 KHTML 开发、开源的，用于 Safari，Google Chrome 之前也在使用；
• Blink：是 Webkit 的一个分支，Google 开发，目前应用于 Google Chrome、 Edge、 Opera 等；

大部分国产浏览器（360、搜狗、QQ、UC、猎豹、百度）

认知的浏览器世界

   浏览器因为内核不同，将会导致很多问题，比如说 js 的适配问题，解决 es6 的兼容问题，比如说 css3 的兼容问题，这些势必都会成功很多比较麻烦的问题。; 因为最早期的设计中，在我的认知中，div+css 的拼图模式。但是根据移动端的出现，和各自的核心浏览器适配问题，而又没有统一的局势和方案。

   加上最近的 node(v8) 环境的出现，js 代码的生存空间（解释器）的扩张，面对前端的适配问题，也将层出不穷。

世界观 #

   我认为可能这就分为 3 个部分，差不多可以理解成为，html 部队，css 部队，js 部队。而项目则是关卡，需要三家合理才能打赢。

   这第一仗就是 html，负责把骨架搭好了，再上颜料和动态效果。骨架搭的好，有什么好处呢，大家都知道只要 div+css，那么这个页面除了几个特殊标签，比如 a，viode 啊，其他的都可以伪装出来。这个牵扯到一个标签语义化的作用，语义化有两种好处。

权重（蜘蛛） #

   骨架好，百度蜘蛛会爬取收录。这个作用，可以帮助很多公司，获取百度权重的排名。百度蜘蛛，它的功能其实就和抄书一样。那么就意味着他不能解析 css。所以，他看到了 img 就知道是图片，但是你写一个 div+background:url('./img.png')。它可就不认识了。

障碍解析器 #

使用特殊的阅读器。

那么如何判断骨架的好坏呢？

我们拿慕课网举例子，原图如下

我们把网页的 css 删除了，标签的格式还不乱，这就是好的骨架。

改呗收录的都被收录了这就是语义化。

按下不表：接下来我们将根据 html，css，js 的基本和升级探究，前端的世界。