優秀文章收藏（慢慢消化）持續更新~

整理收藏一些優秀的文章及大佬博客留着慢慢學習

原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.html
github:https://github.com/ahwgs/better-learning
複製代碼

協做規範

• 中文技術文檔協做規範(阮一峯)
• Javascript編程風格
• 凹凸實驗室前端代碼規範
• vuejs風格指南

Event Loop

• 這一次，完全弄懂 JavaScript - 執行機制
• 一次弄懂Event Loop（完全解決此類面試問題)
• 瀏覽器與Node的事件循環(Event Loop)有何區別?
• 筆試題——JavaScript事件循環機制（event loop、macrotask、microtask

異步編程

• 理解 JavaScript 的 async/await
• JavaScript異步編程

CSS

• CSS Inspiration -- CSS靈感
• animate.css CSS動畫庫
• 30 Seconds of CSS
• chokcoco CSS3奇思妙想，單標籤實現各種圖形

vue

• learnVue-深刻學習vue源碼 5k star
• vue-cli3 項目從搭建優化到docker部署
• 手摸手，帶你用vue擼後臺 系列五(v4.0新版本)
• vue 路由 按需 keep-alive
• 淺談使用 Vue 構建前端 10w+ 代碼量的單頁面應用開發底層

react

• 譯 以面試官的角度來看 React 工做面試
• 扔掉Create React App，打造你本身的React生成工具！
• 知乎-虹晨-你真的理解setState嗎？
• 聊一聊 React 中更新 ui 視圖的幾種方式
• React Interview Questions & Answers
• React源碼解析-react.jokcy.me
• Redux 中文文檔
• !!!React小書
• 如何管理好10萬行代碼的前端單頁面應用
• 一篇看懂 React Hooks

Electron

• Electron構建跨平臺應用Mac/Windows/Linux
• 用JS開發跨平臺桌面應用，從原理到實踐

webpack

• webpack 插件總結歸類
• 乾貨！擼一個webpack插件(內含tapable詳解+webpack流程)
• 深刻淺出 Webpack
• 蒐羅一切webpack的好文章好工具

TypeScript

• TypeScript中文網
• TypeScript入門教程 https://ts.xcatliu.com/

Flutter

• Dart中文社區
• Flutter實戰教程
• Flutter中文網
• 6.9k star Flutter項目 GSYGithubAppFlutter
• Flutter完整開發實戰詳解

其餘

• 這應該是你見過的最全前端下載總結
• WebSocket是時候展示你優秀的一面了
• Array.prototype.reduce 實用指南
• JavaScript正則表達式備忘單
• 一種自動化生成骨架屏的方案
• vue-content-loader
• awesome-javascript sorrycc的js資源整合

面試

• 面試篇寒冬求職季之你必需要懂的原生JS(上)
• 中高級前端大廠面試祕籍，爲你保駕護航金三銀四，直通大廠(上)
• 2019年前端面試都聊啥？一塊兒來看看
• jsliang 的 2019 面試準備
• 總結了17年初到18年初百場前端面試的面試經驗(含答案)
• 這兒有20道大廠面試題等你查收
• 一個合格的中級前端工程師必需要掌握的 28 個 JavaScript 技巧
• 剖析一些經典的CSS佈局問題，爲前端開發+面試保駕護航

移動端開發

• mobileTech-移動端開發所須要的一些資源與小技巧
• 移動端頁面開發適配 rem佈局原理

nodejs

• awesome-nodejs nodejs資源整合 3w star+

爬蟲

• 這多是你見過的最全的網絡爬蟲乾貨總結

Nginx

• Nginx配置參考

H5踩坑

• 可能這些是你想要的H5軟鍵盤兼容方案
• 滾動穿透問題的解決方案
• VUE開發微信H5頁面總結
• 前端 H5 橫屏 獨特處理方案詳解

Babel

• 【前端詞典】關於 Babel 你必須知道的
• 結合Babel 7.4.0 談一下Babel-runtime 和 Babel-polyfill
• babel-handbook
• 傻傻分不清之 —— babel 全家桶

RabbitMQ

• rabbitmq教程
• RabbitMQ 中文文檔
• 架構設計之NodeJS操做消息隊列RabbitMQ

其餘

• 前端學習書籍
• 從 IIFE 聊到 Babel 帶你深刻了解前端模塊化發展體系
• 九種跨域方式實現原理（完整版）
• Web 工程師須要掌握的 38 種 SEO 技巧
• 如何通俗易懂地解釋React生命週期方法？
• 扔掉Create React App，打造你本身的React生成工具！
• Vuex快速使用
• 前端一年精選好文，請打包帶走
• 斐波那契數列求和的js方案以及優化
• 圖片佈局的最全實現方式都在這了！附源碼
• 領域驅動設計在前端中的應用

瀏覽器相關

• es6-shim 使得ES6兼容傳統瀏覽器
• html5shiv html5標籤被IE識別
• Modernizr 2.3w star+ 檢測瀏覽器功能支持狀況的js庫,能夠檢測18項css3功能以及40多項關於h5的功能
• 性能優化篇 - Performance（工具 & api）
• 移動端開發的屏幕、圖像、字體與佈局的兼容適配

我的博客

• 木易楊，哈羅出行高級前端工程師
• dwqs-Shopee
• 冴羽的博客
• yck
• frontend-weekly 前端週刊
• 天豬部落格(egg.js核心開發者)
• 張鑫旭-css
• CodeSky 代碼之空-敖天羽
• doodlewind-花名雪碧的小透明/稿定科技
• 花褲衩-iview做者
• dendoink
• 舞動乾坤 Bug | 魔法師百度
• 前端小智
• 戀貓de小郭 移動端開發
• 微醺歲月 blog
• 龍恩0707

技術團隊

• 大轉轉FE
• 大搜車「無線開發中心」團隊
• 有贊技術團隊
• 滴滴技術
• 酷家樂平臺前端博客
• 京東凹凸實驗室
• 技術胖-專一於前端開發與免費視頻

優秀的網站資源

• You-need-to-know-css 經常使用CSS屬性在線演示
• 手繪風格CSS框架
• 程序員應該訪問的最佳網站中文版
• 在線logo設計神器
• 稿定設計 在線ps
• 代碼轉優美的圖片
• 矢量圖插圖網
• 網易雲音樂 NodeJS 版 API 100+
• 前端面試與進階指南
• 經常使用正則

在線配色方案網站

• 漸變色配色
• 配色、圖片顏色修改、配色提取、logo生成
• 基於色彩原理的扁平插畫快速配色
• 隨機產生優質配色靈感
• colorhunt.co/popular
• www.peise.net/
• coolors.co/461220-8c2f…
• www.materialui.co/colors
• 選50種你喜歡的顏色 自動爲你生成配色方案：http://khroma.co/
• 快速提供前背景色配色靈感
• 快速提供前背景色配色靈感
• 選擇一個顏色，匹配色彩方案
• 獲取網站的配色方案
• 知名畫家名做顏色提取
• 點擊上方顏色，自動生成配色方案
• 點擊左側標籤，拖動鼠標差調整本身喜歡的顏色
• 選擇≥2種的顏色，自動生成扁平化配色界面
• 熱點與數據可視化配色
• 在線調整配色方案
• 顏色安全
• 配色方案
• 中國風配色

... 持續更新(最新更新於2019/09/17)