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

better-learning

整理收藏一些優秀的文章及大佬部落格留着慢慢學習

github:https://github.com/ahwgs/better-learning      

協作規範

​​中文技術文檔協作規範​​(阮一峰)​​Javascript程式設計風格​​​​凹凸實驗室前端代碼規範​​​​vuejs風格指南​​

資料結構與算法

• ​​用JavaScript實作的算法和資料結構​​
• ​​labuladong的算法小抄​​
• ​​YaxeZhang/Just-Code​​
• ​​LeetCode 算法題刷題心得（JavaScript）​​

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奇思妙想，單标簽實作各類圖形​​
• ​​Web圖檔資源的加載與渲染時機​​

Vue

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

React

• ​​譯 以面試官的角度來看 React 工作面試​​
• ​​扔掉Create React App，打造你自己的React生成工具！​​
• ​​知乎-虹晨-你真的了解setState嗎？​​
• ​​聊一聊 React 中更新 ui 視圖的幾種方式​​
• ​​React Interview Questions & Answers​​
• ​​React源碼解析-react.jokcy.me​​
• ​​Redux 中文文檔​​
• ​​!!!React小書​​
• ​​如何管理好10萬行代碼的前端單頁面應用​​
• ​​一篇看懂 React Hooks​​
• ​​這可能是最通俗的 React Fiber(時間分片) 打開方式​​
• ​​2019年了，整理了N個實用案例幫你快速遷移到React Hooks(收藏慢慢看系列)​​

Electron

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

Webpack與前端工程化

• ​​webpack 插件總結歸類​​
• ​​幹貨！撸一個webpack插件(内含tapable詳解+webpack流程)​​
• ​​深入淺出 Webpack​​
• ​​搜羅一切webpack的好文章好工具​​
• ​​玩轉webpack​​
• ​​那些花兒，從零建構Vue工程(webpack4 Eslint git hooks…)​​
• ​​掘金站内 webpack 優秀文章彙總​​
• ​​Webpack 4 配置最佳實踐​​
• ​​webpack4 的30個步驟打造優化到極緻的 react 開發環境，如約而至​​
• ​​從零實作webpack熱更新HMR​​
• ​​Webpack HMR 原了解析​​
• ​​細說 webpack 之流程篇​​
• ​​fe-workflow​​

TypeScript

• ​​TypeScript中文網​​
• ​​TypeScript入門教程 https://ts.xcatliu.com/​​
• ​​深入了解 TypeScript​​
• ​​TypeScript and React​​

Flutter

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

面試

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

移動端開發

• ​​mobileTech-移動端開發所需要的一些資源與小技巧​​
• ​​移動端頁面開發适配 rem布局原理​​

Nodejs

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

爬蟲

• ​​這可能是你見過的最全的網絡爬蟲幹貨總結​​

Nginx

• ​​Nginx配置參考​​

H5踩坑

• ​​可能這些是你想要的H5軟鍵盤相容方案​​
• ​​滾動穿透問題的解決方案​​
• ​​VUE開發微信H5頁面總結​​
• ​​前端 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方案以及優化​​
• ​​圖檔布局的最全實作方式都在這了！附源碼​​
• ​​領域驅動設計在前端中的應用​​
• ​​移動 web 最佳實踐​​
• ​​現代 JavaScript 教程​​
• ​​這應該是你見過的最全前端下載下傳總結​​
• ​​WebSocket是時候展現你優秀的一面了​​
• ​​Array.prototype.reduce 實用指南​​
• ​​JavaScript正規表達式備忘單​​
• ​​一種自動化生成骨架屏的方案​​
• ​​vue-content-loader​​
• ​​awesome-javascript sorrycc的js資源整合​​
• ​​線上正規表達式​​

浏覽器相關

• ​​es6-shim 使得ES6相容傳統浏覽器​​
• ​​html5shiv html5标簽被IE識别​​
• ​​Modernizr 2.3w star+ 檢測浏覽器功能支援情況的js庫,可以檢測18項css3功能以及40多項關于h5的功能​​
• ​​性能優化篇 - Performance（工具 & api）​​
• ​​移動端開發的螢幕、圖像、字型與布局的相容适配​​
• ​​為你重新系統梳理下， Web 體驗優化中和圖有關的那些事（萬字長文）​​

微前端

• ​​微前端實踐心得​​
• ​​微前端如何落地？​​
• ​​微前端在美團外賣的實踐​​
• ​​每日優鮮供應鍊前端團隊微前端改造​​
• ​​螞蟻-乾坤​​
• ​​用微前端的方式搭建類單頁應用​​
• ​​Bifrost微前端架構及其在美團閃購中的實踐​​
• ​​ 什麼是微前端​​

個人部落格

• ​​木易楊，哈羅出行進階前端工程師​​
• ​​dwqs-Shopee​​
• ​​冴羽的部落格​​
• ​​yck​​
• ​​frontend-weekly 前端周刊​​
• ​​天豬部落格(egg.js核心開發者)​​
• ​​張鑫旭-css​​
• ​​CodeSky 代碼之空-敖天羽​​
• ​​doodlewind-花名雪碧的小透明/稿定科技​​
• ​​花褲衩-iview作者​​
• ​​dendoink​​
• ​​舞動乾坤 Bug | 魔法師百度​​
• ​​前端小智​​
• ​​戀貓de小郭 移動端開發​​
• ​​微醺歲月 blog​​
• ​​龍恩0707​​
• ​​荒山 專注React、前端工程化、跨平台開發領域​​
• ​​技術胖-專注于前端開發與免費視訊​​

技術團隊

• ​​大轉轉FE​​
• ​​大搜車「無線開發中心」團隊​​
• ​​有贊技術團隊​​
• ​​滴滴技術​​
• ​​酷家樂平台前端部落格​​
• ​​京東凹凸實驗室​​
• ​​淘系前端團隊（FED）​​
• ​​百度Web前端團隊​​

工具類

• ​​You-need-to-know-css 常用CSS屬性線上示範​​
• ​​手繪風格CSS架構​​
• ​​程式員應該通路的最佳網站中文版​​
• ​​線上logo設計神器​​
• ​​稿定設計 線上ps​​
• ​​代碼轉優美的圖檔​​
• ​​矢量圖插圖網​​
• ​​網易雲音樂 NodeJS 版 API 100+​​
• ​​前端面試與進階指南​​
• ​​常用正則​​
• ​​processon線上流程圖​​
• ​​Markdown線上履歷排版​​

線上配色方案網站

• ​​漸變色配色​​
• ​​配色、圖檔顔色修改、配色提取、logo生成​​
• ​​基于色彩原理的扁平插畫快速配色​​
• ​​随機産生優質配色靈感​​
• ​​http://colorhunt.co/popular​​
• ​​http://www.peise.net/​​
• ​​https://coolors.co/461220-8c2f39-b23a48-fcb9b2-fed0bb​​
• ​​https://www.materialui.co/colors ​​
• ​​選50種你喜歡的顔色 自動為你生成配色方案：http://khroma.co/ ​​
• ​​快速提供前背景色配色靈感​​
• ​​快速提供前背景色配色靈感​​
• ​​選擇一個顔色，比對色彩方案​​
• ​​擷取網站的配色方案​​
• ​​知名畫家名作顔色提取​​
• ​​點選上方顔色，自動生成配色方案​​
• ​​點選左側标簽，拖動滑鼠差調整自己喜歡的顔色​​
• ​​選擇≥2種的顔色，自動生成扁平化配色界面​​
• ​​熱點與資料可視化配色​​
• ​​線上調整配色方案​​
• ​​顔色安全​​
• ​​配色方案​​
• ​​中國風配色​​

關于

• 新增了靜态資源頁面

  使用​

  ​node+webhook​

  ​建構
• ​​​http://better-learning.ahwgs.cn/​​​
• ​​​https://github.com/ahwgs/post-auto-update​​​