2019前端热门文章推荐

前言

今天是2019年最后一天，本年度共更新了220篇文章，让我们一起来回顾一下这一年我们都学习哪些东西、有多少收获，文章你都看过哪些呢？

面试官系列

1. 面试中突然遇到答不上的问题怎么办？
2. Web性能领域常见的专业术语
3. 一名攻城狮都必须懂的前端性能优化～
4. 面试经常被问的web安全问题
5. 面试官问:TCP为啥要3次握手和4次挥手？握两次手不行吗？
6. B站、喜马拉雅、流利说、蜻蜓FM、爱回收等前端面试经历
7. 总结19道出现率高达98.9%的Vuejs面试题
8. 工作中，如何衡量一个人的 JavaScript 编码水平？
9. 领导：你不能只是一个前端～
10. 面试季：如何在面试中介绍自己的项目经验
11. 手把手教你剖析,并手写十五个重要 API 的实现
12. 关于裸辞，关于前端面试
13. 懂点 Nginx 反向代理与负载均衡，是面试加分项没有之一
14. 详解三次握手和四次挥手 — 遇到心动的女孩时，如何去把握？
15. 面试官：a 可以同时 == 1 && == 2 && == 3吗？
16. 求职季之你必须要懂的原生JS(中)
17. 求职季之你必须要懂的原生JS(上)
18. 面试官问你JS基本类型时他想知道什么？
19. JS之数组的几个牛逼操作～面试高频
20. HTTP跳槽涨薪篇，通俗易懂～
21. 如何撸一份高薪架构级的工程师简历
22. 跳槽？前端面试知识点目录大全～
23. 年后小试水 前端面试题汇总（主要为 Vue）
24. 毕业一年左右的 前端 妹子 面经总结
25. 前端面试送命题-JS三座大山
26. 常见(XSS|CSRF)六大Web安全攻防解析
27. 面试官问：你能否模拟实现JS的bind方法？
28. 面试官问：能否模拟实现JS的new操作符
29. 2019年前端面试都聊啥？提前来看看

VueJs系列

1. 醉了，Vue 3.0 公开代码之后……
2. 长假正嗨时～ Vue 3.0 源码来了
3. 在框架设计中寻求平衡～
4. Vue.js 组件通信精髓归纳
5. 前端组件设计原则
6. 深入虚拟DOM和DOM-diff，让它成为你的装逼的资本
7. 前后端分离实际容易产生的问题
8. 如何在 vue 中添加权限控制管理？
9. 年后小试水 前端面试题汇总（主要为 Vue）
10. 尤大大多伦多Vue 3.0 的深情告白

React系列

1. 看文吃瓜：React遭遇V8性能崩溃的故事
2. 带你提前理解 React 的下一步：Concurrent Mode 与 Suspense
3. 深入虚拟DOM和DOM-diff，让它成为你的装逼的资本
4. 前后端分离实际容易产生的问题
5. 为什么说Suspense是一种巨大的突破？
6. 带你装逼 用199行代码实现一个mini版react框架
7. 浅谈react 那些事儿～
8. 猿兄请留步，耽误你几分钟，把MVVM原理还给你

ES6系列

1. 详解 ES 2018 新特性～
2. ES5 to ESNext —  自 2015 以来 JavaScript 新增的所有新特性
3. 【译】ES10功能完全指南 – 还学的动吗？
4. 近一万字的ES6语法知识点补充
5. 解读Promise原理，手动实现一个Promise～
6. ES6的Symbol的强大，跳槽面试中的加分点啊

工具系列(VSCode/Chrome/Git)

1. 这些console.log技能是真香啊~
2. VS Code 1.41 发布！Web 版 VS Code 增强对 macOS/iPadOS 的支持
3. Visual Studio Code为什么能这么牛X？
4. 有强迫症患者该如何用vscode开发Vue应用？
5. 想让代码更快，更有趣,这些VSCode 快捷键会多少？
6. 数不清的Chrome插件 ，最适合开发者的只有这几个！
7. 一位开发者的幽默独白：JavaScript工具怎么就这么烂
8. Google Chrome 正在走 Windows 的老路
9. 多图预警，Chrome 浏览器前端调试技巧大揭秘
10. Google Chrome 工程师：JavaScript 不容错过的八大优化建议
11. 一些Chrome 调试小技巧汇总
12. 一份你女朋友都能读懂的 Git 教程，还不赶紧学起来！

typescript系列

1. 使用TypeScript两年后,还值得吗？
2. TypeScript 3.7 RC 发布，备受瞩目的 Optional Chaining 来了
3. 阿里大佬漫谈 Typescript 研发体系建设～
4. 即日起 TypeScript —— 面向编辑器编程
5. 趋势：TypeScript – 一种思维方式

Javascript系列

1. 2019 年 JavaScript 现状调查报告火热出炉！
2. 2019前端大事件回顾(必读)～
3. 聊聊2020年大前端发展趋势
4. WebAssembly 1.0被纳入W3C推荐标准，也是在浏览器中运行的第四种语言
5. JavaScript 中的“黑话”，你知多少？
6. 来自腾讯CDC团队的前端异常监控解决方案～
7. Google程序员他们是如何去做coder review的
8. 探索 Serverless 中的前端开发模式
9. 在大多数教程中都找不到的11个JavaScript技巧
10. Serverless是否能够成就前端3.0时代
11. 大厂它们都是如何从单体应用转向微服务化的？
12. 简明 JavaScript 函数式编程——入门篇
13. 如何写出一个能让面试官直呼“666”的深拷贝？
14. 2020年前这款神器或许能提升你十倍工作效率～
15. 10个有趣又能编译为JavaScript的语言，你用过哪些？
16. 前端到底离业务有多远？前端如何赋能业务?
17. 2019 你应该知道的HTTP/2/3新特性
18. 烧脑！JS+Canvas 带你体验「偶消奇不消」的智商挑战
19. 透过现象看本质: 常见的前端架构风格和案例
20. 那么如何让你的 JS 写得更漂亮？
21. 5 门前途美好的编程语言
22. 忍者代码，代码审查大师～
23. 5 种可能衰败的编程语言
24. 这可能是你见过最完善的微前端解决方案！
25. 如何阅读大型前端开源项目的源码？
26. 深入理解 ESLint，就像了解你的另一半～
27. 「数据模型」是如何助力前端开发的
28. JS箭头函数三连问：为何用、怎么用、何时用
29. JavaScript到底是解释型语言还是编译型语言?
30. JS 中可以提升幸福度的小技巧
31. 大型项目前端架构浅谈
32. 如何测试你做的项目的可访问性
33. 编写更好的 JavaScript 条件式和匹配条件的技巧
34. 精读 The Cost of JavaScript
35. Web 安全漏洞之文件上传
36. 送你一波JS 开发常用工具函数～
37. 单点登录该如何实现？
38. 如何用200行JavaScript代码实现人脸检测？
39. 一根飞线的故事-SVG篇
40. 详解三次握手和四次挥手 — 遇到心动的女孩时，如何去把握？
41. 如何将Web主页性能提升十倍以上？
42. 那么JavaScript 究竟是如何工作的？（第二发）
43. JavaScript 究竟是如何工作的？（第一发
44. 拆解 JavaScript 中的异步模式
45. 上车，带你了解发布订阅模式与观察者模式～
46. 分手失败，那就聊聊前后端分离接口规范～
47. 前端：后端，我们要分手，咱两不合适
48. 对项目做了很多优化，团队中却找不出自己的价值？
49. 你是否听说过JavaScript的环境模型？
50. 传说中图片防盗链的爱恨情仇
51. What’s New in JavaScript
52. 用不了多久 Web Component，就能取代你的前端框架吗？
53. JavaScript 服务器推送技术之 WebSocket
54. 译 | JavaScript函数的6个基本术语
55. What！听说你还不会移动端真机DEBUG？
56. 彻底终结 Javascript 背后的隐式类型转换
57. 一些学习中常被忽略的 JavaScript 小技巧
58. 那么前端该如何优雅的处理异常？
59. JavaScript中的算法
60. 前端未来之路在何方？
61. 如何骚气的打开 web 页面录制与回放的黑盒子～rrweb
62. 浅谈让前端头疼的性能监控～
63. 攻城狮应该明白的浏览器工作原理～
64. PNG图片压缩无损，但解析原理呢？
65. 从高阶函数到库和框架之优秀前端进阶～
66. 深入浅出 JavaScript 中的For循环之详解
67. 从Webkit内部渲染机制出发，谈网站渲染性能优化
68. 网站性能优化实战—从12.67s到1.06s的故事
69. v8是怎么实现更快的 await ？
70. 人人都是艺术家！谈谈那些奇怪又有趣的字符～
71. 涨姿势 , JavaScript 玩转多线程编程～
72. 页面可视化配置搭建工具技术要点
73. JavaScript的这个难点，这些年毁了多少程序员？
74. 优秀的前端如何编写高质量的函数 — 函数底层篇
75. 写好 JS 条件语句的 5 条守则
76. 进阶：JS 执行上下文与执行栈，变量对象
77. 关于前端埋点统计方案思考
78. 由一个 emoji 引发的思考~
79. 三个JavaScript 新特性 值得期待哦～
80. 为什么说数据结构与算法对前端开发很重要？
81. 给2019前端开发的你5个进阶建议～
82. 都2019了，为何你的 JavaScript 代码还如此冗长～
83. 一次弄懂Event Loop（彻底解决此类面试问题）
84. 为什么(2.55).toFixed(1)等于2.5？
85. 深入了解JavaScript引擎精华，让你的代码执行更高效
86. 2019 – Web开发技术指南和趋势，也是学不动指南
87. AST抽象语法树—最基础的JavaScript重点知识
88. 弹、弹幕，是怎样练成的？
89. 浅谈柯里化与反柯里化～
90. 函数式编程：抽象与组合
91. 几个神奇的Web Api，你（可能）不知道～
92. GraphQL-前端进阶的利剑与桥梁
93. 我是如何将页面加载时间从6S降到2S的？

小程序系列

• Chameleon跨端框架—一个与Flutter比肩的开源作品

CSS/HTML系列

1. 史上最全的 “文本溢出截断省略” 方案秘籍，传授给你了～
2. 优化CSS并加速网站的21种方法
3. 【不可思议的CANVAS】画一只会跟着鼠标走的小狗
4. HTML5标签也可以DDoS攻击的新方法揭秘～
5. 非常牛X的纯CSS实现动态天气预报！
6. 20 个让你效率更高的 CSS 代码技巧
7. 9.9 个 CSS 小技巧，让你有更多时间摸鱼～
8. 看图说话， 详解perspective 和 preserve-3d
9. [译] 现代 JavaScript 与 CSS 滚动实现指南
10. 官宣 CSS 支持三角函数，未来会是什么？
11. 什么? CSS 阴影竟然还有这种骚操作 ？
12. 奇思妙想 纯 CSS 滚动进度条效果
13. 告别预编译，CSS 直接写嵌套的日子就要来临～

程序人生系列

1. 聊聊2020年大前端发展趋势
2. 进公司前是人 VS 进公司后是畜
3. 大写的服！84 岁的程序员
4. 时隔一日，Nginx 之父已被释放
5. 快讯！Nginx 之父被抓，写代码，竟能把自己写进牢里？
6. GitHub～要～登～陆～中～国～啦～
7. 原来程序员也是会 “中奸商“ 赚差价的～
8. 程序员无休止加班的真正原因
9. 聊聊这次试用期“被”离职和感悟（大前端组）
10. 互联网公司招工时常用的忽悠黑话
11. “狗屁不通文章生成器”项目登顶GitHub热榜～
12. 毕竟学前端太苦了，不如试试女装？
13. 写了8年的代码，做过的项目都下线了，程序员的意义在哪里！
14. 史上最烂的项目：苦撑 12 年，600 多万行代码
15. 程序员最常说的9句话，你躺枪了没～
16. 1024：做程序员的老婆，一定要注意的事情
17. 天马行空 | 假如上网装X需要花钱？～
18. 7天长假，程序员相亲图鉴～
19. 裸辞4个月，面试了30家公司，终于找到了理想的工作，同时也刷了1万字的经验给你
20. 趣图：几分钟就可以搞定
21. 去大公司，还是小公司？
22. 如何用一句话激怒互联网人？
23. 公司项目首次尝试前后端分离，结果项目经理（技术）各种怼我，咋办？
24. 哈哈哈哈哈哈哈哈哈哈着就哭了~
25. 前端开发的 20 年变迁史～
26. Why程序猿996会猝死，而企业家007却不会？
27. 一个月薪12000的北京程序员的真实生活
28. 支付宝玉伯：从前端到体验，如何把格局做大？
29. 话说一个项目是如何死掉的？太过真实！
30. 零基础的小明要如何成为前端工程师？
31. 如何写出让同事无法维护的代码？
32. 黑程序员黑的最好的段子是什么？
33. 开发一个静态 HTML 页，我要价 18000 美元，有错吗？
34. 无名前端的10年前端路～
35. 一个流水线女工人到谷歌工程师的经历～
36. 也就只有程序员才能看懂的文章～
37. 那天，她无意间瞟了眼程序员的桌面。。。
38. 史上最污技术解读，我竟然秒懂了！
39. 一位国外年近 40 “老”程序员的反思~
40. 在阿里云做前端这几年～
41. 内涵闷骚! 程序员才懂的动图…
42. 心里只有工作，却错过百万大奖～|周末
43. 没有这些强迫症？那你可能是个假的程序员

更多2018热文

• 2018年前端好文整理汇总推荐