推介一位前端实力博主朋友：SHERlocked93

布满荆棘的人生 2022-11-28 10:26 115阅读 0赞

今天给大家推荐一下我的好朋友 「SHERlocked93」，慕课讲师，是慕课畅销专栏「JavaScript 设计模式精讲」的作者。

他长期活跃于知乎、掘金、GitHub、SegmentFault 等多个社区，善于思考，乐于分享。技术上，深入 Vue、React 等各类框架原理，对 Webpack 工程化、自动化部署等各类前端技术领域都有深入研究。

他的公众号「前端下午茶」 是一个专业又有意思的前端公众号，里面有很多 JS、CSS、Vue、React、GraphQL、浏览器原理、Node、工程化 等各方面多维度的精选干货好文，很适合前端开发者巩固基础知识，以及拓展视野，把最优质的前端文章推荐给读者，让读者的技术广度以及技术深度都有个质的提升，强烈推介！

推介关注一下他的公众号 「前端下午茶」，希望对初步进入前端和希望在前端周边技术更进一步的人一些指引和学习的方向。

长按识别下方二维码关注吧～

![format_png][]

或者直接扫他的微信码可以直接加他的微信

![format_png 1][]

公众号窗口回复：「面试资料」 可以领取300MB的前端学习以及面试资料哦~

![format_png 2][]

## 他的部分博客 ##

下面这些博客是他部分博客，完整的博客可以看 https://github.com/SHERlocked93/blog 这个地址，或者直接翻到下面点击 **阅读原文** 即可直接跳转他的 GitHub 博客。

### 1. Vue 实践 ###

1.  [数据动态过滤技巧在 Vue 项目中的实践][Vue]
2.  [前端预渲染机制引入实践][Link 1]
3.  [你需要了解的前端骨架屏注入实践][Link 2]
4.  [Vue 强烈推介的实用技巧][Vue 1]

### 2. 前端相关技术栈 ###

1.  [GraphQL 入门看这篇就够了][GraphQL]
2.  [半小时搞会 CentOS 入门必备基础知识][CentOS]
3.  [前端开发需要了解的「路由跳转原理」][Link 3]
4.  [Nginx 从入门到实践，万字详解！][Nginx]
5.  [一文搞定前端 Jenkins 自动化部署][Jenkins]
6.  [前端 Web Workers 到底是什么][Web Workers]
7.  [Git 常用命令总结,掌握这些,轻松驾驭版本管理][Git]
8.  [**开发微信小程序，我为什么放弃 setData，使用 upData**][Git]

### 3. 那些好用的工具 ###

1.  [打造舒适搬砖环境，这些是我最想推介的桌面好物][Link 4]
2.  [神器推荐！让我用的最爽的几款 Windows 软件，非常实用！][Windows]
3.  [好用到叫出声！强烈推荐 10 款 Mac 软件！][10 _ Mac]
4.  [你的 Mac 用对了吗？推荐一些 Mac 上比较好用的软件][Mac _ Mac]

### 4. 浏览器 ###

1.  [浏览器渲染基本原理解析][Link 5]
2.  [一文搞懂浏览器缓存机制][Link 6]
3.  几种浏览器存储方法及其优缺点：https://segmentfault.com/a/1190000013896386

### 5. Webpack ###

1.  [一文搞懂 Webpack 多入口配置][Webpack]
2.  [Webpack 打包太慢? 试试 Dllplugin][Webpack _ _ Dllplugin]

### 6. JavaScript / CSS ###

1.  [「手摸手设计模式系列」 享元模式与资源池][Link 7]
2.  [前端进阶必须知道的正则表达式知识][Link 8]
3.  [十分钟快速了解 JS 中的 offset、scroll、client][JS _ offset_scroll_client]
4.  [JS 服务器推送技术 WebSocket 入门指北][JS _ WebSocket]
5.  [JS 中可以提升幸福度的小技巧][JS]
6.  [CSS 是如何影响浏览器元素在文档中的排列][CSS]
7.  [Vue 骚技巧，策略模式实现动态表单验证][Vue 2]  
    
8.  JS 中的柯里化：https://segmentfault.com/a/1190000012769779
9.  JS 中的反柯里化：https://segmentfault.com/a/1190000012912503
10. JS 中的垃圾回收与内存泄漏：https://segmentfault.com/a/1190000012738358
11. JS 异步的实现：https://segmentfault.com/a/1190000012362556
12. JS 执行上下文栈 / 作用域链：https://segmentfault.com/a/1190000012362182
13. JS 中的 \_\_proto\_\_ 与 prototype：https://segmentfault.com/a/1190000012362383
14. JS 中的 this 指向：https://segmentfault.com/a/1190000012362141
15. JS throttle 与 debounce 的区别：https://segmentfault.com/a/1190000014292298
16. JS 静态类型检查工具 Flow：https://segmentfault.com/a/1190000014367450
17. JS 活学活用正则表达式：https://segmentfault.com/a/1190000013276177
18. CSS 中重要的层叠概念：https://juejin.im/post/5ba4efe36fb9a05cf52ac192
19. CSS margin 合并问题：https://segmentfault.com/a/1190000013735912

### 7. 源码阅读 ###

1.  vue-router 源码阅读 - 文件结构与注册机制：https://juejin.im/post/5c7160d46fb9a049d236ae79
2.  Vue源码阅读 - 文件结构与运行机制：https://juejin.im/post/5b38830de51d455888216675
3.  Vue源码阅读 - 依赖收集原理：https://juejin.im/post/5b40c8495188251af3632dfa
4.  Vue源码阅读 - 批量异步更新与nextTick原理：https://juejin.im/post/5b50760f5188251ad06b61be

### 8. Node ###

1.  Node 中的事件循环和异步API：https://segmentfault.com/a/1190000012648569
2.  JS 与 Node.js 中的事件循环：https://segmentfault.com/a/1190000012362096

### 9. 读书笔记 ###

1.  《图解 HTTP》 阅读摘要：https://juejin.im/post/5c938812e51d4539fc2d61a5
2.  《HTTP/2 基础教程》 阅读摘要：https://juejin.im/post/5cb54286e51d456e235d9be6
3.  《你不知道的JavaScript》 (上) 阅读摘要：https://juejin.im/post/5c3473215188252593123478
4.  《你不知道的JavaScript》 (中) 阅读摘要：https://juejin.im/post/5c31b9816fb9a049b78084e8
5.  《你不知道的JavaScript》 (下) 阅读摘要：https://segmentfault.com/a/1190000017812997
6.  《单核工作法图解》阅读摘要：https://juejin.im/post/5ccbaa2be51d456e671c7e55
7.  《JavaScript 面向对象精要》 阅读摘要：https://juejin.im/post/5c94452ae51d45341b068369
8.  《JavaScript DOM 编程艺术》 阅读摘要：https://segmentfault.com/a/1190000011051108

[format_png]: /images/20221124/d0a3c673004145fe8de656aabe1764eb.png
[format_png 1]: /images/20221124/252515046cd743938c6cb25f65e860f2.png
[format_png 2]: /images/20221124/aab6d582e7ab487c9f79293fa73092af.png
[Vue]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669af3f71113e591106965b54262d7ac24dbe6887e7d9f4bd423bffc655fd737e0e128b81d&idx=1&lang=zh_CN&mid=2247483915&scene=21&sn=3c1f0b707f7893c8166ced4f6ab51dc9&token=1644769857#wechat_redirect
[Link 1]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669904f7111012dd5fe3da6799d2230efe733a385353220239e75bdfba2c9865bf43183ee6&idx=1&lang=zh_CN&mid=2247483900&scene=21&sn=4870b57d904766d7db00afb48876f5ab&token=1644769857#wechat_redirect
[Link 2]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c066992ef7111038cc99a2c90635967d8db4bd5825bdc147060da918fd767d8491e25c3c9472&idx=1&lang=zh_CN&mid=2247483862&scene=21&sn=36bc0bfa0199358af60dc5a84ce673ae&token=1644769857#wechat_redirect
[Vue 1]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a03f7111315729897d081d728a129d6f861400d40cc0b520658eecbed658d55efacef00&idx=1&lang=zh_CN&mid=2247484155&scene=21&sn=c75c29f6985b8b9efc2b88f9fdb29525&token=1644769857#wechat_redirect
[GraphQL]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669ad6f71113c0454a725da02e3b7ac00c05911cc49e6981892b70b10d8a3313685d8ff95b&idx=1&lang=zh_CN&mid=2247483950&scene=21&sn=f5c96530084156c6cd9621bfb5b299ab&token=1644769857#wechat_redirect
[CentOS]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669dfcf71114ea79f6017a3567da34a1964a138794c9d4e91242fd030797f0ba903946d870&idx=1&lang=zh_CN&mid=2247484676&scene=21&sn=bf33db5879e235f106251a16b8e6fa0c&token=1644769857#wechat_redirect
[Link 3]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669addf71113cb381a801d55a7d82ffbd202308c61a09cb4c0894c4584fbdd10f7bfa5f8f0&idx=1&lang=zh_CN&mid=2247483941&scene=21&sn=a0d8432f1514137e8b3a362270cdef06&token=1644769857#wechat_redirect
[Nginx]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669c15f711150394583b5c1bb48e248d5cdad60eae7b6505bf74ff2dabd94da57b07dfe58e&idx=1&lang=zh_CN&mid=2247484653&scene=21&sn=3d384389337950a9f2391f2464bc4d9c&token=1644769857#wechat_redirect
[Jenkins]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669ab4f71113a2a85f1a012500ab66c42d677a1dfc183cc4e93556f29191da180f9c9eaa23&idx=1&lang=zh_CN&mid=2247483980&scene=21&sn=751f1efa4ec01e912b1d325dba215479&token=1644769857#wechat_redirect
[Web Workers]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a56f71113400b867edec2cbe9bfb2fc35762c70554139fee2d324673875661b44f37d94&idx=1&lang=zh_CN&mid=2247484078&scene=21&sn=4dee948f3949020babbdea4bd284948b&token=1644769857#wechat_redirect
[Git]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a18f711130efb1e4c3df66a2a0cafb5d779835ab0578906811a9c8fa30f42b86c2ee81a&idx=1&lang=zh_CN&mid=2247484128&scene=21&sn=c3a7c9708c3938e085eb95ec6853edf8&token=1644769857#wechat_redirect
[Link 4]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669f78f711166eccfb01e6a2e60c65cd6d2e4b684f64ec9d356428a6845eb70118b12ec598&idx=1&lang=zh_CN&mid=2247485312&scene=21&sn=82b4f9b210638ad6020f021497c2a074&token=1644769857#wechat_redirect
[Windows]: http://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669b46f71112503a06f5f59858a83673fa4e6e87804862f3e84702652d96f5a3184f0c971c&idx=1&mid=2247484350&scene=21&sn=d233cc779f21055feb769e9bf8199919#wechat_redirect
[10 _ Mac]: http://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669d53f711144565426bfc464c06ad9aad625714c5860a32a0e18fab0dc2463655a2af1b55&idx=1&mid=2247484843&scene=21&sn=83ca767b2980120646cdb874d60b24ae#wechat_redirect
[Mac _ Mac]: http://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669b81f71112970cd08f7900175e1f18b5e33cba0f4f84199df881ad4b0fc154089346f4a2&idx=1&mid=2247484281&scene=21&sn=f75eebda6d652490550b30a24385d680#wechat_redirect
[Link 5]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669949f711105f71a438a718008526fbfc8dc46b625c41e18f97b8a3f683cbf9a60f408e56&idx=1&lang=zh_CN&mid=2247483825&scene=21&sn=741043999f2d2b6281fdca920fb1f428&token=1644769857#wechat_redirect
[Link 6]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a7df711136b45424c468e98710ecde0490c8302fed9d0a2e82b8852bd833a5432628676&idx=1&lang=zh_CN&mid=2247484037&scene=21&sn=a3f34bafa707bc7cf569b8603b82f544&token=1644769857#wechat_redirect
[Webpack]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&idx=1&mid=2247484077&scene=21&sn=f6ad3feebe1bc5dfbd716b6bcec25ecc#wechat_redirect
[Webpack _ _ Dllplugin]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a3ef7111328ab91ba9b8b2185044e56dba46896fc7c6b141ae0ec9c0777ed5918cd9788&idx=1&lang=zh_CN&mid=2247484102&scene=21&sn=72b855b0d664b2225959d7763cda1e4f&token=1644769857#wechat_redirect
[Link 7]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a99f711138f9d410cee6429e10acf08cd37561672c9562fe1a278553dfb074c58ab0d58&idx=1&lang=zh_CN&mid=2247484001&scene=21&sn=4d6ea64d8858a731fe0d18ffd711ba73&token=1644769857#wechat_redirect
[Link 8]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669afaf71113ec3c5f62ac393d1c53f430abef4f3d5e2a9c6dc869e327b070f6f52dd98092&idx=1&lang=zh_CN&mid=2247483906&scene=21&sn=896a92431e696487f6fd221ba4c06902&token=1644769857#wechat_redirect
[JS _ offset_scroll_client]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a6df711137b09a6f6348adc953511b8322a3d2cb60d2e61e53af5c8262cd922adbd7fe1&idx=1&lang=zh_CN&mid=2247484053&scene=21&sn=daa008e0498bb43fd6e8a4406a17ec9c&token=1644769857#wechat_redirect
[JS _ WebSocket]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669a45f71113536eebe91d6b73f5b226970381ce3f48530e9f8c097003ae648342cd23e74a&idx=1&lang=zh_CN&mid=2247484093&scene=21&sn=7164c720b36ccf8f827fd3759113f50d&token=1644769857#wechat_redirect
[JS]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&idx=1&mid=2247484137&scene=21&sn=56e2f73217edfb014ad21b93e95ac7f5#wechat_redirect
[CSS]: https://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669ae2f71113f444c6148eea85905b428de49293b5628a718427d7bfe309cf693f83079b40&idx=1&lang=zh_CN&mid=2247483930&scene=21&sn=276cd41687f5586e6754712738d68290&token=1644769857#wechat_redirect
[Vue 2]: http://mp.weixin.qq.com/s?__biz=Mzg5ODA5MzQ2Mw%3D%3D&chksm=c0669034f71119221f011261f0bc4b1fc6bb7b721988c151c46d470e755628e7cd3ed4c8d522&idx=1&mid=2247485644&scene=21&sn=85c92e4f434f7f151a5a842209e01269#wechat_redirect