身为一个 Web 开发萌新，很难忘记我发的那条朋友圈，根据我的感悟总结过的这一段话，也得到了 justjavac (jjc)的点赞，好生勉励：
在这个信息爆炸的时代，重要的不是掌握多少信息，而是认识多少承载信息的人，并努力成为其中一个。
阮一峰的经济学博士背景、池建强的“技术与人文”理念，廖雪峰的详细 Git 教程以及 Phodal 的全栈之旅和花式秀恩爱等等“程序员英雄”事迹，让我看到了一个个鲜活的生命力在互联网的行业中激情迸发，激励着自己。如果身为程序员的你还不知道他们，想必搜索引擎用的也不多吧？
[图片上传失败...(image-d075e9-1509644516045)]](http://upload-images.jianshu.io/upload_images/2558748-cce7aa03a5abdfc6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
回归到我们的主角 jjc 和主题“前端工程师入门与进阶”，这里凝聚了我在 2017 年 4 月 22 日我的第一场知乎 Live 中的笔记。
P.S. 最近的 IOS 不再支持订阅号赞赏也阻挡不住知识付费的潮流~
语录
- 最能提高自己的方式：别人 Review 自己的代码
- 学新语言时和曾经学过的语言作对比：求同法和求异法
- 想成为前端程序员，先成为程序员
- 避免三个月的经验，重复了五年
- 没有工资高的语言，只有工资高的开发者
- javascript 不只是 script
- React：抛开 React 学习 React
- 对前端有了基本了解后，建议忘掉 dom 忘掉浏览器学习 javascript
举例子：学 C 时先学数据类型
问答
1
- 程序员 80% 的时间是在维护老项目
- 老项目都是慢慢更新成新技术的
2
- 先多练 JS，不要专注酷炫的效果。
- 看看自己代码是否整齐
- 写写代码逻辑很复杂但页面简单的项目
- 区分函数式、过程式、面向对象式
- 提升自己代码“健壮性”，任何非法输入都不会崩溃产品
- 代码可调式性是否高
- 分技能练习，点亮自己的技能树
3
- 所有展示性的东西，都是前端工程师
- React 做 MVC 架构的 V (View)
4
- 80% 的程序员都在写业务代码
- 成熟的开发公司外很少有不写业务代码的
- 不提倡使用 for 等循环语句，推荐函数式编程
- 前端和后端最大不同之公司业务很稳定，后端不易改
5
- 能独立完成项目的人不一定不算是初学者
- “三个月经验，重复了五年”
- 编程入门者：不要使用框架
- React：抛开 React 学习 React
- 使用框架是为了解决未来可能会出现的问题，迎接变化
6
- 提升编程思维和编程能力，可以用 js 刷刷 c 语言的题目
- 阅读别人的代码，多问为什么
7
- 看看 Martin Fowler 的《重构》、设计模式
- 函数要短小，不能超过 20 行
- 项目驱动
- 考察思维方式
例如：编程计算根号 7 ：从二分查找到牛顿迭代法 - 提问的智慧会了解一个事实
大牛不是生来就是大牛，而是这些大牛在提问之前已经把问题解决了
8
- 停留在入门，停留在写一个页面而已上面
- 没有系统的了解 javascript
- 为了编程而编程
- 前端最容易犯的错：追求炫酷和最新的技术
- 前端学习应该刻意联系 解决 Bug 的思路
如何阅读一本书
- 高效的读书：如何阅读一本书（不要被书名迷惑）
9
- 跟着简历上说到的技术提问：深入和全面掌握某一门知识，“系统化”学习，拓展知识
个人知识管理
- 可以看看编程、历史、经济类的书，经济管理类的书可以拓展思路：经营、管理自己的时间、知识
如何创造财富
- 截取自阮一峰老师翻译的《黑客与画家》
前端工程师
- 不陌生吧
10
- 代码 Review、Chrome 调试工具
11
- 训练出来，多刷题，多遇到
12
- 一种技能：解决问题的技能
- 现在前端处于什么阶段：从 Web Page 到 Web APP，后端逻辑逐渐转移至前端 -> 胖客户端
13
- 工具类了解原理和背景就好，比如 Webpack 为什么诞生。随着
HTTP 2 的推广，Webpack 这类也不一定会持久下去。且用户访问量最大的 QQ 空间，所有 JS 已经缓存在各大服务器，也不便转用 Webpack - 之所以做前后端分离，因为不只有 Web 前端
- 后端：提供 API
- 前端：处理展示逻辑，无论是否在浏览器上还是在服务器上运行
14
- 代码 Review 、技术分享和看看开源团队的代码
- 代码 Review 最大的困难是说服和技术无关的领导进行此类活动
15
- 大部分人进入前端其实是为了逃离后端
- 对自己进行职业定位
- 去招聘网站多看看自己职位的要求
- 没用的知识就不要学习
- 前端错误学习方式：JS 还不清楚，盲目学习前端页面、框架
- 看明白，多动手敲
- 没有工资高的语言，只有工资高的开发者
- 大部分人事自学成才的
- 初学者：尽量远离外包公司，尽量去产品型公司
避免三个月的经验，重复了五年 - 快速的成长：要踩足够的坑，系统化、理论化
16
- 想得到工作，努力提高自己达到公司要求，而不是降低自己薪资标准
17
- 新人，不要使用任何框架（除 jQuery）
- 现在叫前端工程师，以前叫页面重构师
- 做一些开源项目，做十个不如做精一个
18
- 多提问：设计模式是什么，设计模式用在什么场景，设计模式解决了什么问题，设计模式怎么才能解决这个问题
- 前端数据来源，Ajax、本地缓存、URL 等
19
- 从发布最初版本开始看，包括其中的各种提交 diff
20
- 需求更改：新手害怕改变，高手迎接改变，大神以不应应万变
- 代码要多进行单元测试。
21
- 将兴趣和工作结合，也不能将兴趣作为收入太多的来源
22
- 移动端几乎摆脱 jQuery
- 应该少操作 DOM，推荐使用 React
23
- 产品、工程路线和底层、研发路线
24
- 做精一俩个项目足以，不要贪多
25
- 什么样的：前端工程化要了解、设计模式要了解、解决问题要了解
26
- React：单项数据流、函数式编程
27
- Vue，轻量级、门槛低、有成功案例，因此也很有价值
28
- 学习理念
书签管理
29
- 首选官网，再搜维基等文档，拓展链接
- 拓展：从一篇博客到其友情链接等延伸提升
- 实战提升自己：实战建立在自己有全面的知识架构，不要盲目实战
- 想成为前端程序员，先成为程序员
- 先学语言和库
30
- 推荐书籍
- 《黑客与画家》
- 《JavaScript 高级程序设计》
- 《JavaScript 精粹》
- 《你不知道的 JavaScript》
我的感悟
- 用后端的角度思考前端
- 用设计的角度思考前端
- 分享，是最好的学习方式，就像这场知乎 live 或这篇文章一样
- 更多精彩希望直接付费去听知乎 live 回顾咯：
https://www.zhihu.com/lives/824618968198291456
- 感受一下
- Hello，我是韩亦乐，现任本科软工男一枚。软件工程专业的一路学习中，我有很多感悟，也享受持续分享的过程。如果想了解更多或能及时收到我的最新文章，欢迎订阅我的个人微信号：韩亦乐。我的简书个人主页中，有我的微信个人订阅号二维码和 Github 主页地址；我的知乎主页 中也会坚持产出，欢迎关注。
- 本文内部编号经由我的 Github 相关仓库统一管理；本文可能发布在多个平台但仅在上述仓库中长期维护；本文同时采用【知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议】进行许可。
