better-learning
整理收藏一些优秀的文章及大佬博客留着慢慢学习
原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.html
github:https://github.com/ahwgs/better-learning
协作规范
数据结构与算法
- 用JavaScript实现的算法和数据结构
- labuladong的算法小抄
- YaxeZhang/Just-Code
- LeetCode 算法题刷题心得（JavaScript）
- doocs/leetcode
Event Loop
- 这一次，彻底弄懂 JavaScript - 执行机制
- 一次弄懂Event Loop（彻底解决此类面试问题)
- 浏览器与Node的事件循环(Event Loop)有何区别?
- 笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）
异步编程
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
- VUE优秀UI组件库合集
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
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
Flutter
面试
- 面试篇寒冬求职季之你必须要懂的原生JS(上)
- 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)
- 2019年前端面试都聊啥？一起来看看
- jsliang 的 2019 面试准备
- 总结了17年初到18年初百场前端面试的面试经验(含答案)
- 这儿有20道大厂面试题等你查收
- 一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧
- 剖析一些经典的CSS布局问题，为前端开发+面试保驾护航
- 手把手撕LeetCode题目
移动端开发
Nodejs
爬虫
Nginx
H5踩坑
Babel
- 【前端词典】关于 Babel 你必须知道的
- 结合Babel 7.4.0 谈一下Babel-runtime 和 Babel-polyfill
- babel-handbook
- 傻傻分不清之 —— babel 全家桶
RabbitMQ
其他
- 前端学习书籍
- 从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系
- 如何通俗易懂地解释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 体验优化中和图有关的那些事（万字长文）
微前端
常见需求
个人博客
- 木易杨，哈罗出行高级前端工程师
- dwqs-Shopee
- 冴羽的博客
- yck
- frontend-weekly 前端周刊
- 天猪部落格(egg.js核心开发者)
- 张鑫旭-css
- CodeSky 代码之空-敖天羽
- doodlewind-花名雪碧的小透明/稿定科技
- 花裤衩-iview作者
- dendoink
- 舞动乾坤 Bug | 魔法师百度
- 前端小智
- 恋猫de小郭 移动端开发
- 微醺岁月 blog
- 龙恩0707
- 荒山 专注React、前端工程化、跨平台开发领域
- 技术胖-专注于前端开发与免费视频
技术团队
工具类
- You-need-to-know-css 常用CSS属性在线演示
- 手绘风格CSS框架
- 程序员应该访问的最佳网站中文版
- 在线logo设计神器
- 稿定设计 在线ps
- 代码转优美的图片
- 矢量图插图网
- 网易云音乐 NodeJS 版 API 100+
- 前端面试与进阶指南
- 常用正则
- processon在线流程图
- Markdown在线简历排版
在线配色方案网站
- 渐变色配色
- 配色、图片颜色修改、配色提取、logo生成
- 基于色彩原理的扁平插画快速配色
- 随机产生优质配色灵感
- colorhunt.co/popular
- www.peise.net/
- coolors.co/461220-8c2f…
- www.materialui.co/colors
- 选50种你喜欢的颜色 自动为你生成配色方案：http://khroma.co/
- 快速提供前背景色配色灵感
- 快速提供前背景色配色灵感
- 选择一个颜色，匹配色彩方案
- 获取网站的配色方案
- 知名画家名作颜色提取
- 点击上方颜色，自动生成配色方案
- 点击左侧标签，拖动鼠标差调整自己喜欢的颜色
- 选择≥2种的颜色，自动生成扁平化配色界面
- 热点与数据可视化配色
- 在线调整配色方案
- 颜色安全
- 配色方案
- 中国风配色
关于
最新更新时间(2020/06/23)
- 新增了静态资源页面
使用
node+webhook构建 - better-learning.ahwgs.cn/
- github.com/ahwgs/post-…
