【讲座笔记】听了几位前端前辈的讲座，我总结出这些的学习经验

一、前端的范畴

1. 网页开发是公认的前端开发，App客户端开发、桌面应用的开发也都隶属于前端体系。
2. 传统的MVC架构中，V层（视图层）和C层（控制器）都属于前端的架构，尤其目前单页面应用流行的当下，前端已经完全承接了视图和控制器的开发。
3. 这些工作都有一个共性，都是基于用户行为的事件反射进行的编程。
4. 很多高级的前端开发也会后端开发，也能搞定工程化和自动化，前端向后端的拓展也是基于界面开发衍生出来的。
5. 目前流行大前端的概念，将前端的范畴拓展得更大，除了数据库设计外的更多纳入前端。

二、如何学习前端

1. 作为一个合格的前端工程师，要先学会用户界面开发，再掌握工具和流程化的知识。
2. 先从静态页面入手，模拟一个首页，能独立构建后再学习JS，再学习后端的服务器，可以拓展学各种工具和公众号、小程序的开发。
3. 页面仿照的方法：整个页面分成区块，中间的内容复用的地方，写HTML的结构，用div写，再说明区块。再用css写样式。
4. 学好JavaScript，对前端开发和后端开发，都有很大帮助。
5. JS先看JS入门书，dom学习浏览器部分，看网站交互和特效，如何写JS，自己想怎么写。不会就学，慢慢积累。开始看书从简单，容易实践，贴近业务场景的书开始，然后再去看权威的大部头，直接读权威书容易一头雾水。
6. 写组件要先想这个组件干什么用？给谁用？别人怎么用，先写别人调用需要的代码，先实现API接口后，再做内部实现，组件可以基于框架实现，这因地制宜。
7. 读代码是学习的第一步，读大量好的代码，读高手写的优质代码。
8. 看大型项目，先看ReadMe，先看实际的页面入口文件，搭建调试环境后找到JS文件，怎么组织，也方面查找bug，官网看项目介绍，实现了双向绑定的功能。
9. 开源项目的源代码，有官方文档的话首先看文档，JS的代码用npm维护，有脚本，开发环境怎么build构建，src目录有源代码，看test单元测试怎么测试功能的，预期和实例。有一个整体的概念之后，再针对性的调试，逐渐提升。
10. 造轮子，模仿源码不能复制粘贴，看完代码后把大脑清空，自己重写，再对比再重写，反复3-5次就可以了。
11. 流行的混合开发利用了WebView这个能展示网页的容器，学习重点在如何和原生的app交互。
12. 高级的前端，能更好的做好网站的优化，把精力放到JS上，要能写新的框架，插件。
13. 成长后期可以学客户端或者是后端，不一定只挖掘前端新出的特性。
14. 要找到精益求精的点，提高自己的眼界，知道什么是好的，想新的问题，
15. 学习数据可视化，如何把大数据以动态视觉展现出来。
16. 看书，总结，输出成文章和代码，再讲出来 ，讲到别人听懂。
17. 如何检验自己的基础是否过关，找亚马逊评价最好的基本前端书籍，只看目录自己回忆知识点，想错或者没有想到的地方就是薄弱项。
18. 初级关注的点是API会不会用，代码语言组织的好不好，高级关注的点是设计，抽象，分层的能力，这时需要有人指引方向，静下心来看书补充东西。
19. JavaScript后可以学习TypeScript，TS弥补了JS类型模块的不足，多了静态类型检查的功能。TypeScript先声明类型，能减少大型项目的bug。
20. 新人开始只会调用API，提升的方式：做组件，自己不会就看别人是怎么做的，他提供了哪些接口，然后你模仿实现，同一个功能写很多次，二次会比第一次更好，直到能发表到Github为止。写完觉得不好就删了重写，这避免之前的坑，找到更好的方案，多次打磨，会有精进。
21. 找工作的标准，做8个项目，留下精心4个，还有博客至少10篇，项目是要简历出彩，博客是让面试时说话有条理，找小公司模拟面试。
22. 学习框架，先做静态网页或者计算器，再做带储存功能的TodoList，随后不断深入。

三、如何学习后端

1. 后端的学习，租一台服务器，从数据库的增删改查和路由控制入手，实现一个留言板和博客的小项目，自己有全权选型的能力，不断迭代改进中，就能基本上手了。
2. 做一个留言板，能做一个动态网站，数据对增删改查，对服务器 的配置和调试、
3. 高并发优化主要集中在后端，可以用Node.js异步，让请求排队，不影响主逻辑，或者做消息分发，负载均衡，分到不同的服务器上，或者不同的进程上
4. 后端重点要熟悉的东西是HTTP，因为前后端交互是通过HTTP。

四、前端框架的认识

1. 如今和很多框架都是原生的JS加上浏览器端的DOM操作和BOM操作，很多框架其实你自己也能写出来。
2. 主要实现的是对多浏览器兼容性的封装，使用框架时可以忽略兼容性，直接写业务逻辑，要注意代码的复用性，理解HTTP的接口请求。
3. 之后根据公司的业务场景学习，要能规划出自己的组件库，能自己实现一个MVVM框架，关注工程化、自动化，或者架构层面，或者寻求创新。
4. 要关注本质。框架是为了解决目前某个场景的某一个问题，这个能不能解决问题谁也说不好。
5. 关注Craft.js等游戏引擎。

五、企业招聘的认识

1. 面试要看是否有自信，有足够的好奇心，有自己的想法思路。要有理想公司也要准备保底公司。
2. 把电脑搞定，页面还原要能做到位，实习生做是去学习的，考察的是计算机的基础，和人是否聪明，js和css语言掌握，说明白一个功能后可以实现这个功能。
3. 校招大公司更注重求职者的态度，是否聪明，有潜力，主要考察基础，看以后会不会，而不是现在会不会。通过两个月的实习你学会就愿意接受，小公司重视现有能力能否开箱即用，能马上上手完成现有的业务。实习时期暴露缺点是好事，但不要老犯低级错误。大公司需要知识深度，需要知道框架的源码和原理，大公司提升速度快，需要跟人学习，而不是跟书学习。
4. 准备好基础，比如《JS高级程序设计》。
5. 社招前提是有独立完成业务的能力，3轮，前两轮是基础知识，项目知识，前后端团队配合，第三面交叉面，考察P6，需要有框架能力，能造轮子插件给别人用。每次完成业务，自己先做一个组件放到自己的Github上，即使没有人关注也没有人用，但还是以独立的组件要求自己，有好的拓展性，做10个，表单验证，表单数据收集，TAB切换，全屏幕滚动等，开源到github，要自己造轮子，比开源的好一点点就足够了，能让别人记住你，是有潜力的人。
6. 简历要有让面试官一眼抓住的亮点。简历在手机端打开看着要很舒服，技术具体怎么使用，在什么场景下用到了什么，为什么用这些技术，遇到什么问题，用到什么工具，要写清楚，熟练掌握，自动化怎么做的，写了哪些模块，组件，自动化怎么做的。
7. 简历的注意事项：简历要简洁明了，应届生一页，社招两页。突出个人技能和项目经验（技术栈要写清楚），可以把个人博客(但博客要有内容)、开源作品放在简历中。简历不要造假，保证能力上的真实性(斟酌用词，不要写精通xxx)。
8. 面试者有两种快速提升方式，一种偏工程实践，有动手能力，另一种有理论能力，看重书本上的东西，面试题很厉害，把答案都背下来，但实际操作少。这两方面要权衡。
9. 会后端开发的程序员在前端市场上也比较吃香。
10. 精通熟悉等是措辞，真正校招还是看面试的表现，还有面试官的风格，主要看自己的基础知识，特别是对JS的熟练程度，对前端的认识.
11. JS的重点包括动画特效，正则，浏览器dom的api，面向对象的操作，字符串、函数都要熟悉，还有实际项目中的东西，ajax等等，面试官问起来也不虚。
12. css的重点有布局方式，盒子模型，动画，伪类选择，性能优化，定位（水平、垂直居中）布局。
13. 学习前端，要有自己的技术博客，github上有复杂的实际能跑起来的项目，要内推，成功的概率更高。
14. 学到很多新东西，怎么和别人说清楚呢，就把这个东西写出来，写的过程就是思考的过程，要形成文章，或者给知乎问题做解答。知识层面越高，引申出来的东西也越高，文章就会很长，但新人小白不用担心这个问题。
15. 市场是优胜劣汰的，初级很多，高级很少，前端广度很广，深度不够深。
16. 遇到比较抽象的题目就具体化（举例），遇到比较具体的题目就抽象化（阐述），抽象题目搜知乎，代码题目搜 Stackoverflow 或博客，【XXX 的原理】这种题目一般都是说源代码思路，可以参考别人的博客。
17. 千万不要挑战面试官、反考面试官。
18. 学会给面试官惊喜，证明你能想到更多，做的更好，但不要太多。
19. 遇到不会的问题，说出你知道的部分即可，但别岔开话题。
20. 谈谈你的缺点，说一下你最近在学什么即可。如何看待加班：像借钱，救急不救穷。
21. 面试官有两种，一种由易到难，循序渐进，一种由难到易，循序渐进。
22. 面试流程一般四轮，HR约定第一轮面试时间。

轮次	分别问啥
第一轮:同事面	平时用什么技术，就问你什么
第二轮:上司面	这个人能不能完成工作、能不能被我指导
第三轮:总监面	这个人有没有明显的缺陷、有没有潜力
第四轮: HR面	这个人能不能久待，价值观合不合、工资给多少

六、工作阶段如何成长

1. 工作后要先把公司用的框架先研究清楚，知道问题所在，在去学习新框架对现有问题的解决。
2. 通过不断重构来提升代码能力。第二遍就不再关注业务实现，而是关注代码逻辑，之后的代码再和第一遍对比就会发现差距。
3. 大公司会有很多会议，立项会议，需求评审会议，再做设计评审，开发，之后是提测会议，看结果要开功能预演会议，资源申请和审批。
4. 开发流程包括具体业务开发、联调、测试、合并压缩，最后分发CDN，发布版本。
5. 业余做项目，公司业务不能使你提升，你需要自己私人的项目，你想用什么框架就用什么框架，可以完全自主选行。
6. 编写可以开发提升效率的工具。
7. 和同事交流前说清楚，这是一个互相学习的过程，每周花半个小时，看别人的代码，态度要好，有一个交流的氛围，共同进步。
8. 看知乎的问题，找共性的问题，看答案，和后端的程序员交流，技术差，学到的东西都是有用的。综合能力起来之后再有时间去提高，业务需求先完成，再去提高，再去学习。
9. 拦截后保存别人源代码，本地自己调试，这样学习不会影响线上业务。
10. 业务代码主要目的是实现功能，包括，解耦、复用、多态等，比如说一个评论组件，ajax刷新，面向对象重构，输入部分是一块，展示、编辑删除，弹出图层，评论可能会有表情，还有表请的渲染，还有分页，把评论这个大功能拆成一个个的小功能，抽象一层了，模块都是抽象的，数据缓存到本地，30s后再上传，对性能优化，再汇总，实例化后绑定事件，每一个函数，抽象路由，操作数据属性的变化，之后还有设计模式，重复代码写得太多后，就会考虑面向对象维护，新手很难体会，积累到一定代码量再看《JavaScript设计模式》这本书
11. 代码风格和代码规范，风格在公司需要统一，规范要自我重视。
12. 做不出来的效果，用谷歌搜索，查询某某特效源码分析，找不当就再用英文试试，实在不行再和产品经理说明白，为什么技术上实现不了。
13. 动画原理，单位时间内更改dom元素位置，比较复杂交互的JS，可以搜索一下开源插件。
14. 大公司做螺丝钉也要做不可或缺的螺丝钉，要不断给自己找事，给团队找事，给产品找事，大公司可以让程序代替人，工具化，效率低下的东西可以改进，刨根问底，问原理机制，搞出技术氛围。
15. 在大公司对项目也要知其全局，抬头看。
16. 对技术有提前预测和技术准备。
17. 写博客，混社区，帮忙解决问题，交朋友。
18. 努力成为团队的技术专家。
19. 重视从零到一的过程，踩的坑多了才能积累好技术经验。
20. 要不断去创新，开发新的工具。
21. 有自己的个人项目，个人博客或者其他的东西，数据是在自己手里的。
22. 参与内部创业或者黑客马拉松，从快速设计开发中锤炼产品思路。
23. 跳槽前要综合考虑自己想要提升的能力，可能下一份工作会减少收入但能学到新东西，再跳槽能涨到原来3倍的收入。
24. 前端主管要做到两件事：manage things, lead people。通过打胜仗凝聚人心。