推介一位前端實(shí)力博主朋友：SHERlocked93

今天給大家推薦一下我的好朋友 「SHERlocked93」，慕課講師，是慕課暢銷專欄「JavaScript 設(shè)計(jì)模式精講」的作者。

他長(zhǎng)期活躍于知乎、掘金、GitHub、SegmentFault 等多個(gè)社區(qū)，善于思考，樂(lè)于分享。技術(shù)上，深入 Vue、React 等各類框架原理，對(duì) Webpack 工程化、自動(dòng)化部署等各類前端技術(shù)領(lǐng)域都有深入研究。

他的公眾號(hào)「前端下午茶」 是一個(gè)專業(yè)又有意思的前端公眾號(hào)，里面有很多 JS、CSS、Vue、React、GraphQL、瀏覽器原理、Node、工程化 等各方面多維度的精選干貨好文，很適合前端開(kāi)發(fā)者鞏固基礎(chǔ)知識(shí)，以及拓展視野，把最優(yōu)質(zhì)的前端文章推薦給讀者，讓讀者的技術(shù)廣度以及技術(shù)深度都有個(gè)質(zhì)的提升，強(qiáng)烈推介！

推介關(guān)注一下他的公眾號(hào) 「前端下午茶」，希望對(duì)初步進(jìn)入前端和希望在前端周邊技術(shù)更進(jìn)一步的人一些指引和學(xué)習(xí)的方向。

長(zhǎng)按識(shí)別下方二維碼關(guān)注吧～

或者直接掃他的微信碼可以直接加他的微信

公眾號(hào)窗口回復(fù)：「面試資料」?可以領(lǐng)取300MB的前端學(xué)習(xí)以及面試資料哦~

他的部分博客

下面這些博客是他部分博客，完整的博客可以看 https://github.com/SHERlocked93/blog 這個(gè)地址，或者直接翻到下面點(diǎn)擊?閱讀原文?即可直接跳轉(zhuǎn)他的 GitHub 博客。

1. Vue 實(shí)踐

1. 數(shù)據(jù)動(dòng)態(tài)過(guò)濾技巧在 Vue 項(xiàng)目中的實(shí)踐
2. 前端預(yù)渲染機(jī)制引入實(shí)踐
3. 你需要了解的前端骨架屏注入實(shí)踐
4. Vue 強(qiáng)烈推介的實(shí)用技巧

2. 前端相關(guān)技術(shù)棧

1. GraphQL 入門(mén)看這篇就夠了
2. 半小時(shí)搞會(huì) CentOS 入門(mén)必備基礎(chǔ)知識(shí)
3. 前端開(kāi)發(fā)需要了解的「路由跳轉(zhuǎn)原理」
4. Nginx 從入門(mén)到實(shí)踐，萬(wàn)字詳解！
5. 一文搞定前端 Jenkins 自動(dòng)化部署
6. 前端 Web Workers 到底是什么
7. Git 常用命令總結(jié),掌握這些,輕松駕馭版本管理

8. 開(kāi)發(fā)微信小程序，我為什么放棄 setData，使用 upData
   

3. 那些好用的工具

1. 打造舒適搬磚環(huán)境，這些是我最想推介的桌面好物
2. 神器推薦！讓我用的最爽的幾款 Windows 軟件，非常實(shí)用！
3. 好用到叫出聲！強(qiáng)烈推薦 10 款 Mac 軟件！
4. 你的 Mac 用對(duì)了嗎？推薦一些 Mac 上比較好用的軟件

4. 瀏覽器

1. 瀏覽器渲染基本原理解析
2. 一文搞懂瀏覽器緩存機(jī)制
3. 幾種瀏覽器存儲(chǔ)方法及其優(yōu)缺點(diǎn)：https://segmentfault.com/a/1190000013896386

5. Webpack

1. 一文搞懂 Webpack 多入口配置
2. Webpack 打包太慢? 試試 Dllplugin

6. JavaScript / CSS

1. 「手摸手設(shè)計(jì)模式系列」 享元模式與資源池
2. 前端進(jìn)階必須知道的正則表達(dá)式知識(shí)
3. 十分鐘快速了解 JS 中的 offset、scroll、client
4. JS 服務(wù)器推送技術(shù) WebSocket 入門(mén)指北
5. JS 中可以提升幸福度的小技巧
6. CSS 是如何影響瀏覽器元素在文檔中的排列

7. Vue 騷技巧，策略模式實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證
   

8. JS 中的柯里化：https://segmentfault.com/a/1190000012769779
9. JS 中的反柯里化：https://segmentfault.com/a/1190000012912503
10. JS 中的垃圾回收與內(nèi)存泄漏：https://segmentfault.com/a/1190000012738358
11. JS 異步的實(shí)現(xiàn)：https://segmentfault.com/a/1190000012362556
12. JS 執(zhí)行上下文棧 / 作用域鏈：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 的區(qū)別：https://segmentfault.com/a/1190000014292298
16. JS 靜態(tài)類型檢查工具 Flow：https://segmentfault.com/a/1190000014367450
    
    
17. JS 活學(xué)活用正則表達(dá)式：https://segmentfault.com/a/1190000013276177
    
    
18. CSS 中重要的層疊概念：https://juejin.im/post/5ba4efe36fb9a05cf52ac192
19. CSS margin 合并問(wèn)題：https://segmentfault.com/a/1190000013735912

7. 源碼閱讀

1. vue-router 源碼閱讀 - 文件結(jié)構(gòu)與注冊(cè)機(jī)制：https://juejin.im/post/5c7160d46fb9a049d236ae79
2. Vue源碼閱讀 - 文件結(jié)構(gòu)與運(yùn)行機(jī)制：https://juejin.im/post/5b38830de51d455888216675
3. Vue源碼閱讀 - 依賴收集原理：https://juejin.im/post/5b40c8495188251af3632dfa
4. Vue源碼閱讀 - 批量異步更新與nextTick原理：https://juejin.im/post/5b50760f5188251ad06b61be

8. Node

1. Node 中的事件循環(huán)和異步API：https://segmentfault.com/a/1190000012648569
2. JS 與 Node.js 中的事件循環(huán)：https://segmentfault.com/a/1190000012362096

9. 讀書(shū)筆記

1. 《圖解 HTTP》 閱讀摘要：https://juejin.im/post/5c938812e51d4539fc2d61a5
2. 《HTTP/2 基礎(chǔ)教程》 閱讀摘要：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 面向?qū)ο缶?閱讀摘要：https://juejin.im/post/5c94452ae51d45341b068369
8. 《JavaScript DOM 編程藝術(shù)》 閱讀摘要：https://segmentfault.com/a/1190000011051108