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

better-learning

整理收藏一些优秀的文章及大佬博客留着慢慢学习

原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.html
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种的颜色，自动生成扁平化配色界面
• 热点与数据可视化配色
• 在线调整配色方案
• 颜色安全
• 配色方案
• 中国风配色

关于

最新更新时间(2020/06/21)

• 新增了静态资源页面
  使用node+webhook构建
• http://better-learning.ahwgs.cn/
• https://github.com/ahwgs/post-auto-update