这是我参与「第四届青训营 」笔记创作活动的的第7天
关于前端开发
前端开发的时代变迁
只读时代 HTML/CSS/JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
体验时代 AJAX/Web API/jQuery
- 动态交互
- 社交媒体
- 用户生成内容(UGC)
- 单页应用(SPA)
- jQuery
- YUI
敏捷时代 Fetch/Node.js /Webpack
- 模块化
- 组件化
- 转译
- 打包
- React.js
- Vue.js
前端应用的领域
Business：大型机构、银行、互联网公司
Customer：电商平台、在线教育、新闻资讯
Developer：开发者开发整个流程
前端常用浏览器
客户端 Chrome、Edge、Firefox、Opera、Safari
移动端 安卓、IOS
前端常用服务器
- Node.js
- express
- koa
前端应用领域之终端和跨端
命令行/终端
- Webpack CLI
- Babel CLI
- Yue CLI
- React CLI
桌面跨端
- Electron
- nw.js
移动跨端
- React Native
- Flutter
前端学习路线图
自己的认识：
-
前端三剑客：HTML、css、JavaScript
-
了解node.js、npm、esm、es6、js高级等知识
-
学习前端框架vue、react等
目前处于还在学习前端三剑客的阶段。 关于HTML学习的笔记： juejin.cn/post/712383…
关于css学习的笔记： juejin.cn/post/712429… juejin.cn/post/712467…
关于JavaScript学习的笔记： juejin.cn/post/712501… juejin.cn/post/712541…
关于前端的几个问题
为什么要使用框架？
框架的出现，是改变前端地位的重要标志。最重要的表现，就是前后端分离，在前后端分离之前，很多后端开发都是包揽所有的工作，效果不好效率也不高。框架可以减少开发周期，使用框架的时候，很多功能都得到了封装，比如说很多指令都有数据绑定，数据格式化这些功能。
移动前端开发和 Web 前端开发的区别是什么？
业务应用场景
移动前端开发出来的页面主要是运行在手机上，而web前端开发页面主要运行在PC端浏览器中。直观上会觉得PC端页面更大，但页面大不代表代码复杂，页面小也不一定简单，开发的难易主要是取决于具体的业务需求。
新技术的应用
移动端主要以webkit内核为主，对于html5等新技术更支持，可以大范围使用新技术。而PC端由于很多情况下要求兼容一些老版本浏览器，有时候会被限制于对新技术的应用。
页面的适配性
移动端页面的适配性难度要较高一些。PC端页面会设定一个固定宽度，然后在两侧留白。而移动端的页面较小，要尽可能展示较多内容，页面需要适应各种屏幕尺寸的手机，然后达到对页面的最大化利用。
页面的性能
PC端的网络较稳定，页面性能也较稳定。而移动端的网络情况较复杂，不稳定的网络连接给页面性能带来很大挑战，页面资源不能太大否则在恶劣情况下页面将可能无法访问。
关于web标准
Web 标准主要由 W3C（万维网联盟）负责规划和制定，但 IETF、Ecma、WHATWG 也是 Web 标准的重要制定者。Web 标准的制定总体上是开放性、国际性的，浏览器厂商和其他 Web 标准实现者拥有较多话语权，但前端开发者也有很多途径参与 Web 标准的制定。
标准组织
- W3C: World Wide Web Consortium
- Ecma: Ecma International
- WHATWG: Web Hypertext Application
- Technology Working Group
- IETF: Internet Engineering Task Force
总结
今天的学习没有关于技术层面的学习，而是让我更了解前端的发展历程、前端要干什么，怎么去规划自己的前端学习路线，也让我清楚自己还有很多知识要学习，前面要走的路还很长。
