值得一读的好文

这里记录了一些，自己平时看过的好文章，方便日后回顾。

2021

五月

• Tooltips提示框的视觉效果：SVG方案实现 (opens new window) 如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。附带SVG ToolTip可视化设计 (opens new window)

2020

十一月

• 有哪些效果拔群的 WebAssembly 应用？ (opens new window)

九月

• 4W 字从 0 到部署上线，用 TS 带你彻底掌握前端工程化 (opens new window)

八月

• 是无奈的退让，但不是跪倒 -- 再聊聊字节跳动被迫出售 TikTok 美国业务 (opens new window)

七月

• 一次性讲清楚互联网广告的基本逻辑 (opens new window)

• 如何不靠运气变得富有 (opens new window)

• 浏览器工作原理和工作过程 (opens new window)

六月

• 为全球设计，国际化与本地化探索：国际化设计 (opens new window) 深度好文

• 如何拿到阿里 P8 Offer-候选人视角谈面试 (opens new window) 很多硬核干货

• Vue Prop 中的 null vs undefined (opens new window)

• vue-i18n 原理解析 (opens new window)

• 上中台吗？会送命的那种！ (opens new window)(里面有些点说的还不错)

• 为什么 HTTPS 需要 7 次握手和 9 倍时延 (opens new window)

• 编写可维护的前端代码 (opens new window)

• 巧用 Typescript (opens new window)

• 巧用 Typescript (二) (opens new window)

五月

• 年轻人不肯吃苦？ (opens new window)

• 20 岁出头赚几百万，惨遭社会毒打，UP 主的魔幻人生 (opens new window)

• 离开阿里巴巴 (opens new window) 能在这样一个大环境下保持技术的初心挺不容易的

• Naval Ravikant：如何不靠运气而致富 (opens new window) 40 个建议还是非常有指导价值的，值的反思

• 大规格文件的上传优化 (opens new window)

• ES2020: Everything You Need to Know (opens new window)

• 还在找源文件？在 vue 前端页面一键打开源码所在行 (opens new window) 挺有意思的一篇文章

• 深入了解 font-weight (opens new window) 安卓 font-weight 没有 600，被坑了，这种建议直接写 bold

四月

• 为什么数组下标是从 0 开始？ (opens new window)

• 全双工通信的 WebSocket (opens new window)

• github 一些小技巧 (opens new window)

• 什么是 CDN 刷新与预热？ (opens new window)

三月

• 伟大的领导如何激励员工？ (opens new window)

• 前端模块化详解(完整版) (opens new window)

• 前端工程师的自我修养-关于 Babel 那些事儿 (opens new window)

• 从构建进程间缓存设计 谈 Webpack5 优化和工作原理 (opens new window)

• SameSite Cookie 介绍 (opens new window)

• 你的 App 为什么知道你想买什么？ (opens new window)

• 现代 Web 开发的现状与未来 (opens new window)

二月

• 如何进行 web 性能监控？ (opens new window)

• 十个保险相关常见问题的回答 (opens new window)

• npm lockfiles 的安全隐患 (opens new window)

• TED 演讲：如何成倍增加你的时间？ (opens new window)

• 前端微服务在字节跳动的打磨与应用 (opens new window)

• 将游戏思维用到现实中 (opens new window)

• 前端 DSL 实践指南（上）—— 内部 DSL (opens new window)

一月

• 如何用保险保障自己的一生 回答 1 (opens new window)

• 如何用保险保障自己的一生 回答 2 (opens new window)

• 如何写一份有效的技术简历？ (opens new window)

• Why Not Iframe (opens new window)

• 微前端的核心价值 (opens new window)

• 0202 年了, Chrome DevTools 你还只会 console.log 吗 (opens new window)

• 深入理解 TypeScript (opens new window)

• 你所不知道的模块调试技巧 - npm link (opens new window)

2019

十二月

• Print CSS basics in 10 minutes (opens new window)

• css-utility-classes-and-separation-of-concerns (opens new window)

• 为什么 MySQL 使用 B+ 树 (opens new window)

• 2019-D2 晚会前端分享记录 (opens new window)

• 漫画：什么是 MD5 算法？ (opens new window)

• Design better data tables (opens new window)

十一月

• api-guidelines (opens new window) REST API 指导

• 产品经理推荐书 (opens new window)

• 在 iOS 下使用 iframe 的种种问题 (opens new window)

• 玉伯-我的前端成长之路 (opens new window)

十月

• 像素化你的代码 (opens new window) 通过把代码编译成图片，从而缩小代码体积。或者按照同样的方法可以在图片或者文章里面加入防伪内容

• 200 行代码实现前端无痕埋点 (opens new window)

• 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传 (opens new window)

• 腾讯新闻抢金达人活动 node 同构直出渲染方案的总结 (opens new window)

• 说一说程序员的职业规划 (opens new window)

• 这些年的体验技术部-蚂蚁 (opens new window)

• 会向业务“砍需求”的技术同学，该具备哪 6 点能力？ (opens new window)

• 自私的基因，颠覆你对生命的认知 (opens new window)

• 视频方向的团队需要面临哪些问题 (opens new window)

九月

• 说一说程序员的职业规划 (opens new window)

• Inside look at modern web browser (opens new window)

• 从一次性能优化看 Vue 的一个“feature” (opens new window)

• 总结几点“上不得台面”的技术领导经验 (opens new window)

• 剑桥博士：为何中国肯下血本在西方不做的亏本买卖上 (opens new window)

• 美团张川：做了 8 年平台，我总结了平台的 5 道坎 (opens new window)

• 狼叔：如何正确的学习 Node.js (opens new window)

八月

• 招聘启事都要求 35 岁以下的，那 35 岁以后油腻中年人该去哪？ (opens new window)

• 谈谈 Web 应用中的图片优化技巧 (opens new window)

• 大 BU 级别的"前后端分离"实践 (opens new window)

• 从图片优化说起 (opens new window)

• 白鸦内部培训：企业服务类产品的底层逻辑，和“有赞产品设计原则” (opens new window)

七月

• 在阿里一年，我颠覆了曾经坚信不疑的技术思维... (opens new window)

• 一个程序员的成长之路 (opens new window)

• 「自然交互 1」前馈：让功能找到用户；让用户体验美好 (opens new window)

• 技术人具备“结构化思维”意味着什么？ (opens new window)

• fullpage.js 这个开源项目怎样从免费到每月$15000 (opens new window)

• 对话 BOSS 直聘赵鹏：技术人员先富起来，整个厂才有可能都富起来 (opens new window)

• 反击爬虫，前端工程师的脑洞可以有多大？ (opens new window)

• avaScript 反调试技巧 (opens new window)

• “后台产品” UX & UI 设计总结（上）- 设计要点概括 (opens new window)

• 如何有效地提升执行力 (opens new window)

• 为什么我就遇不到，手摸手指导我的 leader？ (opens new window)

• ”我是技术总监，我确实答不出那么多技术细节” (opens new window)

六月

• 把一生过成两辈子：颠覆你时间观的两个概念 (opens new window)

• 蚂蚁金服的前端框架和工程化实践 (opens new window)

• 阿里前端委员会主席圆心：前端路上的思考 (opens new window)

• What's new in javascript (opens new window)

五月

• 大前端时代前端监控的最佳实践 (opens new window)

• CSS can do that? (opens new window)

• LD | 前端一定要知道的设计常识(一) | 席克定律 (opens new window)

• png 文章 (opens new window)

• 前端安全系列（一）：如何防止 XSS 攻击？ (opens new window)

• 前端安全系列（二）：如何防止 CSRF 攻击？ (opens new window)

• 拼多多为什么崛起？这是目前解读最深刻的一篇 (opens new window)

• 前端人眼中的大数据生态链 (opens new window)

• 聊一聊前端换肤 (opens new window)

待读

https://juejin.im/post/5cde316f6fb9a07ed9118f01

https://juejin.im/post/5ce272c56fb9a07f0a2db1fc

https://github.com/nusr/hacker-laws-zh

https://mp.weixin.qq.com/s/pqFhhb5u6w7gmUutilH5xQ

http://louiszhai.github.io/2017/04/07/http-cache/

https://juejin.im/post/5cdf84e3f265da1bb564c79a

juejin.im/post/5cdfb48fe51d4510ac6721b7

juejin.im/post/5c8fa71d5188252d785f0ea3

juejin.im/post/5caaacc0e51d452b45296487

juejin.im/post/5cb9e563f265da03712999e8

juejin.im/post/5b7a50c0e51d4538af60d995

http://www.aliued.com/?p=4172

https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/

juejin.im/post/5a98ea2f6fb9a028bb186f34

www.basecss.net/2014/03/27/code-learning

github.com/lishengzxc/bblog/issues/6

zhuanlan.zhihu.com/p/26177815

tech.meituan.com/2018/09/27/fe-security.html

tech.meituan.com/2018/10/11/fe-security-csrf.html juejin.im/post/5cd373bee51d456e671c7e70 github.com/zwwill/blog/issues/8 juejin.im/post/5cc1da82f265da036023b628 juejin.im/post/5cd6ad7a51882568d3670a8e

https://github.com/qq449245884/xiaozhi

https 劫持

https://juejin.im/post/5cde316f6fb9a07ed9118f01 https://juejin.im/post/5c6e6063f265da2da53ec8f3 https://github.com/jawil/blog/issues/6

https://github.com/chinanf-boy/minipack-explain/blob/master/explain.md

https://github.com/mqyqingfeng/Blog