优秀文章收藏（慢慢消化）持续更新~

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​​​