世界观的认知 #

浅聊前端发展史 #

第一阶段：C/S（client server） -> B/S（browser server） 网页制作 #

技术栈：PhotoShop、HTML、CSS

第二阶段：从静态到动态，从后端到前端 前端开发工程师 #

前后端分离 后台：完成数据的分析和业务逻辑编写（包含 API 接口编写） 前端：网页制作、JS 交互效果、数据的交互和绑定

技术栈：JavaScript、AJAX（跨域技巧）、jQuery...

第三阶段：从前端到全端（从 PC 端到移动端） #

技术栈：H5、CSS3、响应式布局开发、Zepto、Hybrid（混合 APP 开发）、微信小程序。..

第四阶段：从全端到全栈 #

全栈开发：前后端都可以开发（严格意义讲，一种语言完成前后端开发） 技术栈：NODE（基于 JS 编程语言开发服务器端程序）、Express/Koa...

为了迎合日益发展的前端开发，JS 中诞生很多有助于开发、维护、提高性能的框架：Vue、React、Angular、webpack...

展望 WEB4.0 时代，VR/AR 元年，前端需要 Canvas/webGL...

关于浏览器的内核和引擎 #

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

大部分网站都已放弃 IE8 及更低版本浏览器（例如：淘宝）

W3C：万维网联盟，制定编程语言的规范与标准 开发者按照规范编写代码，浏览器开发商也会开发一套按照规范把代码渲染成页面的东西（这个东西就是内核或者引擎）

浏览器内核作用：按照一定的规范，把代码基于 GPU（显卡）绘制出对应的图形和页面等

为啥会出现浏览器兼容 #

1. 部分浏览器会提前开发一些更好的功能，后期这些功能会被收录到 W3C 规范中，但是在收录之前，会存在一定的兼容性

2. 各个浏览器厂商，为了突出自己的独特性，用其它方法实现了 W3C 规范中的功能

主要探讨的内容 #

1. 编程语言 HTML+CSS 是标记语言 编程语言是具备一定逻辑的，拥有自己的编程思想（面向对象编程 [OOP]、面向过程编程）

• 面向对象
  • C++
  • JAVA
  • PHP
  • C#（.net）
  • JS
  • ...
• 面向过程
  • C

2. 目前的 JS 已经不仅仅是客户端语言了，基于 NODE 可以做服务器端程序，所以 JS 是全栈编程语言

3. 学习 JS，我们学习它的几部分组成

• ECMAScript（ES）：JS 的核心语法
• DOM：document object model 文档对象模型，提供各种 API（属性和方法）让 JS 可以获取或者操作页面中的 HTML 元素 (DOM 和元素）
• BOM：browser object model 浏览器对象模型，提供各种 API 让 JS 可以操作浏览器

4. ESMAScript 它是 JS 的语法规划，JS 中的变量、数据类型、语法规范、操作语句、设计模式等等都是 ES 规定的