【笔记】《Web全栈工程师的自我修养》_web全栈工程师基本素养

摘录，于2017年1月21

作者博客：http://yuguo.us/

1. “全栈”翻译自full-stack，表示为了完成一个项目，所需要的一系列技术的集合。

2. 服务器、数据库、服务器端编程语言、HTML、CSS、JavaScript等组合为Web栈（Web-Stack）。

3. 最常用的Web栈——LAMP(Linux-Apache-MySQL-PHP)整体解决方案：服务器给予Linux、Web发布用Apache、数据库用MySQL、服务器端语言使用PHP。
   
   

4. 甘特图(Gantt Chart)，是一种柱状图，用于显示项目、子项目的进度及其他与时间相关的系统进展。如浏览器中的调试。

5. 新的全栈框架——MEAN(MongoDB-Express-AngularJs-Node.js)。其服务器端到页面端都采用相同的语言JavaScript和相同的架构MVC。其中，MongoDB是面向文档的NoSQL类型的数据库，采用了类似于JSON的文档结构存储数据；Express是Node.js的一个框架，创建灵活的Web服务；AngularJS是开源JavaScript框架，使用MVC模式规范Web应用程序；Node.js是运行在服务器端的JavaScript运行环境。

6. VPS(Virtual Private Server，虚拟专用服务器)，把物理服务器虚拟为多个虚拟专用服务器的服务。

7. 注重解决问题，而不是醉心技术。

8. 作为求职者，一定要在某个特定方向上有非常深入的理解。

9. ”全栈工程师“需要的三个能力一专多长、关注商业目标、关注用户体验

10. 前端工程师的基本常识：结构、表现、行为分离。

11. 《写给大家看的设计书》，设计的四大原则：对齐、对比、距离、重复。

12. 好的开始：①记住团队每个人；②问题主动问导师；③主动介绍自己；④记录心得总结；⑤离职的项目交接。

13. Web性能优化P47：压缩源码和图片、选择合适的图片格式、合并静态资源、开启服务端的GZip压缩、使用CDN、延长静态资源缓存时间、把CSS放在页面头部，JavaScript放在页面地图。

14. 野生程序员——没有计算机基础知识和相关教育经历，靠着对计算机开发的兴趣进入这个行业，虽然知识面比较广，但是各方面都一知半解的开发者。

15. 重视作品集！重视作品集！重视作品集！

16. 成本最低的一种作品展示方式就是把自己的代码发布到GitHub上。

17. 静态页：GitHub Pages。

18. 前端视角：减少同一域下的HTTP请求数（CSS合并，图片合并）、减少每一个资源的体积（图片格式、文本压缩）。

19. 通过Chrome开发者工具中的PageSpeed工具，可以快速获得关于站点性能优化的建议。

20. 后台视角：快速响应，减少开销。

21. BigPipe，一种非阻塞式模型。

22. 高性能网站的关键——缓存：服务器的数据库缓存、浏览器缓存的Expires和Last-Modified

23. Markdown语言，文本编辑工具。相比word无无意义的标签，比HTML易读，可转HTML

24. 库是一系列对象、方法等代码，库起到了重用代码的作用。如jQuery

25. 框架是一个软件系统中可重用的一部分。如ExtJS

26. App不是缩写，是Application的缩写，正确读法是[æp]

27. 做自己产品的用户

28. PhoneGap框架，开发者可以使用Web技术创建跨平台的混合型App，如安卓、IOS等。善于跨平台，但动画效果不佳。

29. Git是一个分布式版本控制软件

30. npm是Node.js的包管理器，是世界上最有名的包管理器

31. Bower包管理器也很有潜力

32. 编程语言编译成机器码有两种方法：①编译器(compiler)预先编译；②解释器(interpreter)边编译，边运行。

33. JIT，Just-In-Time compilation，运行时编译

34. Java，一次编写，到处运行，在JVM上运行

35. WinJS，可以使用JavaScript编写通用Windows程序

36. 通用用途语言，GPL，如C、Java、Python、XML；特定领域语言，DSL，如HTML、CSS、SQL

37. VPS,Virutual Private Server，虚拟专用服务器。内存是VPS的主要瓶颈，硬盘的大小和读写速度是关键，CPU相对不重要，

38. 评估员工看结果，不看努力过程