关于前端开发
起源、架构、变迁
最早诞生于1989年,由HTML HTTP URL三种技术构成。CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。
只读时代(1989-2004)
-
HTML\css\JavaScript(架构)
单向发布 静态只读 链接跳转 刷新页面 表格对齐元素 CGI
体验时代(2005-2010)
-
Ajax\Web\jQuery(架构)
动态交互 社交媒体 用户生成内容(UGC) 单页应用(SPA) jQuery YUI
敏捷时代(2010-2021)
-
Fetch\Node.js\Webpack(架构)
模块化 组件化 转译(transpiling) 打包(bundling) React.js vue.js
应用领域
- To Business(面向公司)
- To Customer(面向用户)
- To Developer(面型开发者)
语言、框架、工具
语言
- HTML、CSS、JavaScript
- WebAssembly
框架、工具
- node.js
- koa
- React
- vue
- Typescript
- git
- babel
- webpack
- esbuild
Web标准
标准组织
- W3C: World Wide Web Consortium
- Ecma: Ecma International
- WHATWG: Web Hypertext ApplicationTechnology Working Group
- IETF: Internet Engineering Task Force
W3C规范制定流程
- Explainer demo (演示Demo)
- Find the right community/group (找到合适的组织)
- Web IDL for APIs link(API 链接的 Web IDL)
- Step-by-step algorithms(逐步算法)
- GitHub, Markdown, respec, bikeshed,etc(上传GitHub, Markdown, respec, bikeshed,etc等)
- Get an early review w3ctag/design-reviews(获得w3ctag的评估)
- Write web-platform-tests (WPT) tests(编写测试)
Web标准与前端开发的区别:
-
web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上。
-
移动端主要以webkit内核为主,对于HTML5等新技术支持的更好;而web前端由于很多场景下要求兼容IE等老版本浏览器,有些情况下限制了新技术的使用。
-
页面的适配性上,移动端页面的适配难度更高一些。
-
页面的性能上,web端的性能比移动端稳定。
总结
Web标准与前端开发,使我对Web的标准有了更加清晰和深刻的理解。