JS基础知识-01

Posted 2020-12-04 小柯222

01-浅谈前端发展史

• 第一阶段：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...

02-前端常用的IDE

IDE(Integrated Development Environment集成开发环境)

• 网页三剑客(Adobe Dreamweaver/Fireworks[PhotoShop]/Flash)
• Sublime Text
• HBuilder
• Webstorm
• Atom
• Vim

• Visual Studio Code

  关于浏览器的内核和引擎

• Webkit内核(V8引擎)：大部分浏览器
  • Google Chrome/Safari/Opera/大部分国产和手机浏览器
• Gecko内核(Mozilla Firefox)：火狐
• Presto内核
• Trident排版引擎(Internet Explorer)：IE

• KHTML排版引擎

W3C：万维网联盟,指定编程语言的规范与标准

• 开发者按照规范编写代码,浏览器开发商也会开发一套按照规范把代码渲染成页面的东西(这个东西就是内核或者引擎)
• 浏览器内核的作用：按照一定的规范,把代码基于GPU(显卡)绘制出对应的图形和页面等
• 为啥会出现浏览器兼容：?
  • 1.部分浏览器会提前开发一些更好的功能,后期这些功能会被收录到W3C规范中,但是在收录之前,会存在一定的兼容性
  • 2.各个浏览器厂商,为了突出自己的独特性,用其他方法实现了W3C规范中的功能
    

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