Contents
- 1 Resource list
- 1.0.1 协作规范
- 1.0.2 组件库与工具
- 1.0.3 数据结构与算法
- 1.0.4 Event Loop
- 1.0.5 异步编程
- 1.0.6 CSS
- 1.0.7 Vue
- 1.0.8 React
- 1.0.9 Electron
- 1.0.10 Webpack与前端工程化
- 1.0.11 TypeScript
- 1.0.12 Flutter
- 1.0.13 面试
- 1.0.14 移动端开发
- 1.0.15 Nodejs
- 1.0.16 爬虫
- 1.0.17 Nginx
- 1.0.18 H5踩坑
- 1.0.19 Babel
- 1.0.20 React Native
- 1.0.21 RabbitMQ
- 1.0.22 其他
- 1.0.23 浏览器相关
- 1.0.24 微前端
- 1.0.25 常见需求
- 1.0.26 个人博客
- 1.0.27 技术团队
- 1.0.28 工具类
- 1.0.29 工具
- 1.0.30 在线配色方案网站
- 1.0.31 关于
Resource list
整理收集一些文章,项目,工具列表
- 原文: 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组件库合集
- 实战技巧,Vue原来还可以这样写
- vue渲染器
- 移动端最佳实践
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(收藏慢慢看系列)
- react-use
- alibaba/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
- TypeScript中文网
- TypeScript入门教程 https://ts.xcatliu.com/
- 深入理解 TypeScript
- TypeScript and React
- 从零开始配置 TypeScript 项目
Flutter
- Dart中文社区
- Flutter实战教程
- Flutter中文网
- 6.9k star Flutter項目 GSYGithubAppFlutter
- Flutter完整开发实战详解
- Flutter 最佳实践:Best-Flutter-UI-Templates
面试
- 面试篇寒冬求职季之你必须要懂的原生JS(上)
- 中高级前端大厂面试秘籍,为你保驾护航金三银四,直通大厂(上)
- 2019年前端面试都聊啥?一起来看看
- jsliang 的 2019 面试准备
- 总结了17年初到18年初百场前端面试的面试经验(含答案)
- 这儿有20道大厂面试题等你查收
- 一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧
- 剖析一些经典的CSS布局问题,为前端开发+面试保驾护航
- 手把手撕LeetCode题目
- 腾讯面试四问,Are you OK?
移动端开发
Nodejs
爬虫
Nginx
H5踩坑
Babel
- 【前端词典】关于 Babel 你必须知道的
- 结合Babel 7.4.0 谈一下Babel-runtime 和 Babel-polyfill
- babel-handbook
- 傻傻分不清之 —— babel 全家桶
React Native
RabbitMQ
其他
- 前端学习书籍
- 从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系
- 如何通俗易懂地解释React生命周期方法?
- 扔掉Create React App,打造你自己的React生成工具!
- Vuex快速使用
- 前端一年精选好文,请打包带走
- 斐波那契数列求和的js方案以及优化
- 图片布局的最全实现方式都在这了!附源码
- 领域驱动设计在前端中的应用
- 移动 web 最佳实践
- 现代 JavaScript 教程
- 这应该是你见过的最全前端下载总结
- WebSocket是时候展现你优秀的一面了
- Array.prototype.reduce 实用指南
- JavaScript正则表达式备忘单
- vue-content-loader
- awesome-javascript sorrycc的js资源整合
- 在线正则表达式
- 值得一看的技术类书籍列表
- 可能是最详细的React组件库搭建总结
- ZooTeam 拍了拍你,来看看如何设计动态化表单
- 动态表单解决方案 formily
- 动态表单解决方案 form-render
- 为京东PLUS会员保驾护航的日子
- JavaScript 20 年
浏览器相关
- es6-shim 使得ES6兼容传统浏览器
- html5shiv html5标签被IE识别
- Modernizr 2.3w star+ 检测浏览器功能支持情况的js库,可以检测18项css3功能以及40多项关于h5的功能
- 性能优化篇 – Performance(工具 & api)
- 移动端开发的屏幕、图像、字体与布局的兼容适配
- 为你重新系统梳理下, Web 体验优化中和图有关的那些事(万字长文)
微前端
常见需求
- 一种自动化生成骨架屏的方案
- Web 工程师需要掌握的 38 种 SEO 技巧
- 九种跨域方式实现原理(完整版)
- 前端换肤的N种方案
- nodejs使用redis模块并实现图形验证码功能
- 终端代理记录
- H5 直播的疯狂点赞动画是如何实现的
- 字节跳动面试官:请你实现一个大文件上传和断点续传
- 字节跳动面试官,我也实现了大文件上传和断点续传
- React SSR方案
- Element UI表单设计及代码生成器
- form-create
个人博客
- 木易杨,哈罗出行高级前端工程师
- 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在线简历排版
- 组件库文档解决方案
- markdown在线转思维导图
- logoly logo生成器
- super-expressive 声明式写正则
- 手绘风 在线画图
- 前端进阶之路
- 图怪兽 专业作图
工具
在线配色方案网站
- 渐变色配色
- 配色、图片颜色修改、配色提取、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/11/05)
- 新增了静态资源页面
使用node+webhook
构建 - http://better-learning.ahwgs.cn/
- https://github.com/ahwgs/post-auto-update