JS基础知识-01

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规范中的功能
      Alt text

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

posted @ 2018-07-13 19:45 kjz 阅读(...) 评论(...) 编辑 收藏