个人前端资源汇集（适合收藏）
这里是个人的「博客」、「笔记」、「书籍」、「Awesomes」、「书签」以及 「面试」等资源汇集。如果目前的你
- 愁于找不到某项技术相对完善的文档
- 不知道读哪些书
- 想快速检索某一项技术
- 想快速获取某一方面的
- 想了解别人怎么记笔记
- 想了解别人的书签里都收藏了些啥
- 想快速获取面经资源
- 迷茫于不知道如何继续学习
那么可以看看这个资源汇集，或许能给你带来一些灵感（这是我开始工作以来的所有前端资源成果，如果大家喜欢可以点个赞哈）。感兴趣的同学可以 Star 一下 Git 仓库，或者自己 Fork 哦。
文档地址：https://ziyi2.github.io/awesome/
目录
博客
有些文章写了，但可能还没理解透彻。
CSS
Vue
- Vue CLI 3 构建库时对于产生 Polyfill 的问题分析
- Vue CLI 3 缓存旧版本的 VUE 组件(npm包)问题
- Vue CLI 3 结合 Lerna 进行UI设计
- Vue 源码分析 - nextTick
- 基于 Vue 的简易 MVVM 实现
设计模式
- MV* 架构设计模式的演变历史 - 了解MVC、MVP以及MVVM的演变历史
- 观察者模式和发布/订阅模式
- mvvm - 模拟Vue的简易实现
Git
Npm
面试
总结
随笔
笔记
有些笔记记了，但可能仍然会忘记。
JavaScript
- jquery 2.0.3 源码分析笔记 - 参考《锋利的jQuery》/《jQuery技术内幕》/《JavaScript高级程序设计》/《JavaScript权威指南》
- 设计模式 - 参考两本《JavaScript设计模式》
- JavaScript 类和继承 - 参考《ES6标准入门》/ 《JavaScript高级程序设计》/《JavaScript权威指南》
- 如何使 JavaScript 提高运行性能 - 参考《高性能JavaScript》
- ES6 学习笔记 - 参考《ES6标准入门》
- JavaScript 高级程序设计 - 参考《JavaScript高级程序设计》
- JavaScript 权威指南 - 参考《JavaScript权威指南》
算法
- 算法导论与 JavaScript 实现 - 参考《算法导论》/《数据结构与算法JavaScript描述》/ javascript-algorithms / CLRS - 【进行中】
- 数据结构和算法 - 参考《数据结构与算法JavaScript描述》
CSS
HTTP
- HTTP 协议分析 - 参考《图解HTTP》
正则
- 正则表达式 - 参考《精通正则表达式》- 【进行中】
Awesomes
一个好的 Awesome 可以快速入门某项技术。
全部
- awesome - Awesome lists about all kinds of interesting topics
- awesome-awesome - A curated list of awesome curated lists of many topics.
- awesome-awesome-awesome - Awesome list of repositories of awesome lists
语言
- awesome-javascript - A collection of awesome browser-side JavaScript libraries, resources and shiny things.
- awesome-css - A curated contents of amazing CSS :)
- awesome-nodejs - Delightful Node.js packages and resources
- Front-End-Develop-Guide - 这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成
- knowledge - 文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering 又称 FEE、F2E) 学习与进阶。
- awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等
框架
- awesome-vue - A curated list of awesome things related to Vue.js
- awesome-react - A collection of awesome things regarding React ecosystem
- awesome-wechat-weapp - 微信小程序开发资源汇总
- awesome-graphql - Awesome list of GraphQL & Relay
- Awesome Redux - Awesome list of Redux examples and middlewares
- awesome-github-vue - Vue 相关开源项目库汇总
- awesome-github-wechat-weapp - 微信小程序开源项目库汇总
- awesome-nuxt - A curated list of awesome things related to Nuxt.js
- awesome-nextjs - A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
UI
- awesome-ui-component-library - Curated list of framework component libraries for UI styles/toolkit
- awesome-react-components - Curated List of React Components & Libraries.
架构
- awesome-architecture - 架构师技术图谱，助你早日成为架构师
书籍
- awesome-books - 开发者推荐阅读的书籍
- awesome-programming-books - 经典技术书籍推荐，持续更新...
- awesome-bookmarks
工具
- awesome-mac - Collect premium software in various categories
- awesome-vscode - A curated list of delightful VS Code packages and resources.
- Awesome-Design-Tools - The best design tools and plugins for everything
- awesome-webpack - A curated list of awesome Webpack resources, libraries and tools
- awesome-gulp - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation
- awesome-github - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue
- awesome-npm - Awesome npm resources and tips
图标
- Font Awesome - The iconic SVG, font, and CSS toolkit
文档
-
awesome-resume - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版
-
awesome-interview-questions - A curated awesome list of lists of interview questions. Feel free to contribute!
-
awesome-webpack-cn - webpack 优秀中文文章
书籍
有些书买了，但可能永远遗憾。
HTML
- 《HTML5与CSS3权威指南》- 陆凌牛 - 机械工业出版社
JavaScript
- 《JavaScript从入门到精通》- 明日科技 - 清华大学出版社
- 《JavaScript宝典（第六版）》- (美)古德曼,(美)莫里森 - 人民邮电出版社
- 《JavaScript高级程序设计》- Nicholas C. Zakas - 人民邮电出版社
- 《JavaScript权威指南》- (美)弗兰纳根 - 机械工业出版社
- 《高性能JavaScript》 - Nicholas C. Zakas - 电子工业出版社
- 《JavaScript设计模式》- - (美)奥斯马尼 - 电子工业出版社
- 《ES6标准入门》 - 阮一峰 电子工业出版社
- 《JavaScript设计模式》- 张容铭 -人民邮电出版社
- 《jQuery技术内幕》- 高云 - 机械工业出版社
- 《锋利的jQuery》 - 单东林，张晓菲，魏然 - 人民邮电出版社
- 《JavaScript性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社
- 《编写可维护的JavaScript》- Nicholas C. Zakas - 人民邮电出版社
- 《JavaScript语言精髓》- (美)克罗克福德 - 电子工业出版社
- 《JavaScript函数式编程》- (美)Michael Fogus - 人民邮电出版社
- 《JavaScript忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社
浏览器
- 《Chrome扩展及应用开发》- 李喆 - 人民邮电出版社
CSS
- 《CSS权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社
- 《深入理解Bootstrap》 - 徐涛 - 机械工业出版社
- 《CSS世界》- 张鑫旭 - 人民邮电出版社
- 《精通CSS：高级WEB标签解决方案》- (英)巴德，(英)科利森，(英)莫尔 - 人民邮电出版社
- 《CSS揭秘》- Lea Verou - 人民邮电出版社
- 《CSS实战手册》- (美)David McFarland - 中国电力出版社
- 《图解CSS3》- 大漠 - 机械工业出版社
Node.js
- 《Node即学即用》 - (英)TomHughes-Croucher MikeWilson - 人民邮电出版社
- 《深入浅出Node.js》 - 朴灵 - 人民邮电出版社
- 《Node.js权威指南》- 陆凌牛 - 机械工业出版社
- 《Node.js调试指南》- 赵坤 - 电子工业出版社
全栈
- 《Node.js+MongoDB+Angular Web开发：MEAN全栈权威指南》 - （美）Brad Dayley - 电子工业出版社
- 《Web全栈工程师的自我修养》- 余果 - 人民邮电出版社
Vue
- 《Vue.js前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社
- 《Vue.js权威指南》- 张耀春 - 电子工业出版社
- 《Vue2实践揭秘》- 梁睿坤 - 电子工业出版社
React
- 《深入React技术栈》 - 陈屹 - 人民邮电出版社
Git
- 《Git版本控制管理》- (美)罗力格，(美)麦卡洛 - 人民邮电出版社
数据结构
- 《数据结构(第二版)》- 严蔚敏 - 清华大学出版社
- 《数据结构与算法JavaScript描述》- (美)Michael McMillan - 人民邮电出版社
网络
- 《计算机网络基础》- 罗娅 - 清华大学出版社
- 《图解HTTP》 - (日) 上野宣 - 人民邮电出版社
- 《深入理解Nginx》- 陶辉 - 机械工业出版社
- 《TCP/IP详解 卷1-3》- 机械工业出版社
- 《图解TCP/IP》- (日) 竹下隆史 - 人民邮电出版社
- 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社
Web
- 《Web性能权威指南》- Ilya Grigorik - 人民邮电出版社
正则
- 《精通正则表达式》- (美)杰佛瑞E.F.佛瑞德 - 电子工业出版社 -【进行中】
算法
- 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -【进行中】
- 《计算机程序设计艺术 卷1：基本算法》- (美) 高德纳 - 人民邮电出版社
- 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社
- 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社
存储
- 《Redis设计与实现》- 黄健宏 - 机械工业出版社
软件工程
- 《软件工程》 - 赖均 - 清华大学出版社
操作系统
- 《鸟哥的Linux私房菜基础学习篇》- 鸟哥 - 人民邮电出版社
- 《操作系统真象还原》- 郑钢 - 人民邮电出版社
其他
- 《不止代码》 - 电子版 - 阿里巴巴
- 《前端面试江湖》- 李红米 - 电子工业出版社
人生
- 《冰心诗集》
- 《艾青诗选》
- 《朱自清散文》
- 《徐志摩诗集》
- 《骆驼祥子》
- 《三国演义》
- 《仓央嘉措》
- 《红与黑》
- 《傲慢与偏见》
- 《巴黎圣母院》
- 《希腊神话》
- 《鲁滨逊漂流记》
- 《少年维特之烦恼》
- 《三个火枪手》
- 《简·爱》
- 《茶花女》
- 《包法利夫人》
- 《爱的教育》
- 《契诃夫小说集》
- 《钢铁是怎样炼成的》
- 《老人与海》
- 《罪与罚》
- 《挪威的森林》
- 《浮士德》
- 《局外人》
- 《羊脂球》
- 《莫泊桑短篇小说选》
- 《苦儿流浪记》
- 《十四行诗》
- 《飘》
- 《悲催世界》
- 《堂·吉诃德》
- 《忏悔录》
- 《九三年》
- 《欧也妮·葛朗台》
- 《高老头》
- 《基督山伯爵》
- 《呼啸山庄》
- 《汤姆叔叔的小屋》
- 《草叶集》
- 《战争与和平》
- 《安娜·卡列宁娜》
- 《复活》
- 《普希金诗选》
- 《了不起的盖茨比》
- 《飞鸟集》
- 《小王子》
- 《童年》
书签
有些书签收藏了，但可能永远不会再打开。
HTTP
文档
博文
应用
- superagent - Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features
博文
- 跨域资源共享 CORS 详解 - 阮一峰
- 浏览器缓存知识小结及应用
- GET方法与POST方法的区别
- [译] SuperAgent中文使用文档
- 彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0
- 前端跨域整理
CSS
文档
- CSS Snapshot 2018 - w3c
- CSS - MDN web docs
- DevDocs API Documentation CSS
- BEM - class命名规范
- Less 中文网
- Sass
- PostCSS
应用
- Bootstrap - Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目
- Bootstrap Table
- Bulma - Bulma is a free, open source CSS framework based on Flexbox
- FLEXBOX FROGGY - 学 Flex 的小游戏
后台模板
- WrapPixel - Free & Premium Bootstrap, Angular & React Admin Templates + UI Kits
- Remark - Responsive Bootstrap 4 Admin Template
- ampleadmin - Bootstrap Admin Template
博文
- CSSOM视图模式(CSSOM View Module)相关整理 - 张鑫旭
- CSS相对定位|绝对定位(五)之z-index篇 - 张鑫旭
- 获取元素CSS值之getComputedStyle方法熟悉 - 张鑫旭
- 我对CSS vertical-align的一些理解与认识 - 张鑫旭
- CSS实现单行、多行文本溢出显示省略号
- Flex 布局教程 - 阮一峰
- 我所知道的几种display:table-cell的应用 - 张鑫旭
- [译] 这些 CSS 命名规范将省下你大把调试时间
- 等高分栏布局小结
- css写作建议和性能优化小结
- CSS定位属性详解
- [译] Web 流式文字排版的现状
JavaScript
文档
- ECMAScript 6 入门 - 开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性
工具
- ESLint - 可组装的JavaScript和JSX检查工具
- Prettier - An opinionated code formatter
- CKEditor 4 - Smart WYSIWYG HTML editor
应用
- lodash - A modern JavaScript utility library delivering modularity, performance & extras
- jQuery
- zTree - jQuery Tree Plugin
博文
设计模式
- Scaling Isomorphic Javascript Code
- Understanding JavaServer Pages Model 2 architecture
- GUI Architectures
- 界面之下：还原真实的MV*模式
- ES7 Decorator 装饰者模式
- javascript设计模式系列
- 框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结
- [译] 什么将会替代 JavaScript 呢？
机制
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- Forcing Garbage Collection in node.js and JavaScript - 强制垃圾回收
语法
- 如何实现一个深拷贝
- 获取元素CSS值之getComputedStyle方法熟悉 - 张鑫旭
- Object()的方法一览
- Promise之你看得懂的Promise
- 深入理解 JavaScript 的类型转换
- 【JS 进阶】你真的掌握变量和类型了吗
- 记一次面试题，正则表达式(?=a)是什么意思？
- 【JS迷你书】类型转换之拆箱操作
- 《三分钟阅读》7个有用的JavaScript技巧
- 我是如何将业务代码写优雅的
- JS中的null和undefined,undefined为啥用void 0代替?
- async/await 优雅的错误处理方法
- JavaScript 代码简洁之道
工具
- 使用ESLint ＆ Prettier美化Vue代码
- eslint prettier的配置选项（参数）官网直译
- A Comparison of JavaScript Linting Tools - JSLint，JSHint，JSCS和ESLint对比
- 一个日期处理类库moment.js
- Prettier 介绍与基本用法
性能优化
- 让老板虎躯一震的前端技术 - 掘金
- 前端优化不完全指南
风格指南
TypeScirpt
文档
- TypeScirpt - JavaScript的超集
- TypeScript 入门教程
博文
Vue
文档
- Vue.js - 渐进式JavaScript 框架
- Vuex - 专为Vue.js应用程序开发的状态管理模式
- Vue Router - Vue.js官方的路由管理器
- Vue CLI3 - Vue.js开发的标准工具
- Vue CLI2 - A simple CLI for scaffolding Vue.js projects
- Vue Loader - Vue组件的webpack loader
- Vue插件开发指南 - Vue CLI3的插件开发指南手册
- Vue SSR 指南 - Vue.js服务器端渲染指南
- eslint-plugin-vue - Official ESLint plugin for Vue.js
应用
- Nuxt - Vue.js通用应用框架(服务端渲染)
- Vue Apollo - 在你的 Vue.js 应用中集成 GraphQL
- Vue I18n - Vue.js国际化插件
- Vue Test Utils - Vue.js 官方的单元测试实用工具库
- VuePress 1.x - Vue 驱动的静态网站生成器
源码分析
- MVVM - 基于Vue的简易MVVM实现
- DMQ/MVVM - 剖析Vue实现原理，如何实现双向绑定mvvm
- 剖析 Vue.js 内部运行机制 - 掘金小册
- Vue.js 技术揭秘 - 全方位细致深度解析Vue.js的实现原理
- 深度剖析：如何实现一个 Virtual DOM 算法
- Tasks, microtasks, queues and schedules - 了解$nextTick中macrotask和microtask的区别
- 为什么Proxy可以优化vue的数据监听机制
- 【Vue原理】Watch - 源码版
- Vue.js的computed和watch是如何工作的？
- 深入理解Vue的watch实现原理及其实现方式
- Vue nextTick 机制
UI组件库
- element-ui - 基于Vue2.0的饿了么桌面端组件库
- muse-ui - 基于Vue 2.0优雅的Material Design UI组件库
- ant-design-vue - Ant Design 的 Vue 实现
- buefy - Lightweight UI components for Vue.js based on Bulma
- Vue Material - Build beautiful apps with Material Design and Vue.js
中台前端
- vue-antd-admin - 一个开箱即用的中后台前端/设计解决方案
- ant-design-pro-vue - 开箱即用的中台前端/设计解决方案
脚手架
- vue-typescript-starter - vue-typescript-starter 脚手架
插件
- cli-plugin - Vue官方插件
- vue-cli-plugin-i18n - Vue I18n插件
工具
- nuxt-property-decorator - nuxt属性修饰器
社区
会议
- VueConf - Vue.js开发者大会
博文
- [译] 尤雨溪：Vue 3.0 计划 - 介绍Vue 3.0带来的新特性
- Tasks, microtasks, queues and schedules - 了解$nextTick中macrotask和microtask的区别
- 使用ESLint ＆ Prettier美化Vue代码
- vue + typescript 新项目起手式
- vue + typescript 进阶篇
- 美团点评点餐 Nuxt.js 实战
- 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
- Vue2.0 探索之路——生命周期和钩子函数的一些理解
- vue-cli3 项目从搭建优化到docker部署
- 离职后才搞懂vue项目开发流程中的疑惑点
- Vuex 带来全新的编程体验
- vue-cli3 从搭建到优化
- what-i-learned-from-analysis-vuepress
- 少年，撸猫吗
- 结合vue-cli来谈webpack打包优化
React
文档
- React
- Create React App 中文文档
- React Router
- Redux
- Redux Toolkit
- RxJS 中文文档
- redux-observable
- React Lifecycle
UI组件库
- Ant Design - 基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品
- Salt UI - 高效、简洁的移动端UI组件库
博文
- 如何管理好10万行代码的前端单页面应用
- React 的性能优化（一）当 PureComponent 遇上 ImmutableJS
- [译] React-Redux 官方 Hooks 文档说明
- 渔人和Rxjs的故事,这次一定教会你前端必会的Rxjs
- Immutable 操作在 React 中的实践
- Redux 入门教程（一）：基本用法
- Redux 入门教程（二）：中间件与异步操作
- Redux 入门教程（三）：React-Redux 的用法
- How to fetch data with React Hooks?
- 2020 年你应该知道的 React 库
- React Hooks 究竟有多慢？
- 终于搞懂 React Hooks了！！！！！
- 关于Vue和React的一些对比及个人思考（中）
- [译] React-Redux 官方 Hooks 文档说明
- React 开发必须知道的 34 个技巧【近1W字】
- 使用70行代码配合hooks重新实现react-redux
- 使用 React Hooks + Context 打造简版 Redux
- 2019年了，整理了N个实用案例帮你快速迁移到React Hooks
- React Hooks 详解 【近 1W 字】+ 项目实战
- React16：Hooks总览，拥抱函数式 (这大概是最全的React Hooks吧)
- React hooks实践
- 30分钟精通React Hooks
- Redux-thunk快速入门
- Immutable 操作在 React 中的实践
- RxJS入门
- [译] 看动画，学 RxJS
- 使用 redux-observable 实现组件自治
- React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下）
- React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上）
- [译] 关于 React Router 4 的一切
- React路由鉴权
- react-router4基于react-router-config的路由拆分与按需加载
- 快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践
- 从0到1快速构建基于create-react-app的脚手架
- 【长文慎入】一文吃透 React SSR 服务端渲染和同构原理
- 技术胖的2019新版React全家桶免费视频（84集）
- React组件设计实践总结02 - 组件的组织
- React组件设计实践总结01 - 类型检查
- [译] 2019 React Redux 完全指南
- 掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
源码解析
Webpack
文档
- Webpack - 静态模块打包器
- 深入浅出Webpack
工具
- webpack-chain - 生成和修改Webpack配置信息的链式API集
博文
- 入门 Webpack，看这篇就够了 - Webpack科普类博文
- Webpack 入门指迷 - Webpack科普类博文
- Webpack 大法之 Code Splitting - 缩小打包体积
- 彻底解决Webpack打包性能问题
- 让你的Webpack起飞—考拉会员后台Webpack优化实战
- import、require、export、module.exports 混合使用详解
- 前端构建秘籍
- 结合vue-cli来谈webpack打包优化
- html-webpack-plugin 使用总结
- 带你深度解锁Webpack系列(优化篇)
- 玩转 webpack，使你的打包速度提升 90%
- 看完这篇，面试再也不怕被问 Webpack 热更新
- 成长 | 一年时间，0 到 30000
- webpack4入门
Gulp
- Gulp中文网 - 用自动化构建工具增强你的工作流程！
Babel
文档
- Babel - JavaScript编译器
插件集
- @vue/babel-preset-app - Vue CLI3的Babel插件集
- @babel/preset-env - Babel插件集
博文
- 你真的会用Babel吗？ - 全面了解Babel
- 再见，babel-preset-2015
- Deploying ES2015+ Code in Production Today
- 【建议改成】读完这篇你还不懂Babel我给你寄口罩
Node.js
文档
应用
- linkerd2 - Linkerd gives you observability, reliability, and security for your microservices
- Express - 高度包容、快速而极简的 Node.js Web 框架
- Koa - 基于Node.js平台的下一代web开发框架
- Egg - better enterprise frameworks and apps with Node.js & Koa
- Socket.io - websocket
- Node Redis
工具
- pm2 - The Most Advanced Production Process Manager for Node.js
博文
命令行工具
数据库
框架
微服务
BFF
Typescript
爬虫
Npm
文档
博文
Yarn
文档
- yarn - 快速、可靠、安全的依赖管理工具。
- Workspaces in Yarn
- 工作区
Lerna
文档
- Lerna - A tool for managing JavaScript projects with multiple packages
博文
- Why you should use a single repository for all your company’s projects - 多项目单仓库思考
- Open Sourcing CloudFlare’s UI Framework - 使用Lerna开源的UI框架设计
- monorepo 新浪潮 | introduce lerna - Lerna介绍
- Why is Babel a monorepo?
- lerna管理前端packages的最佳实践
Git
文档
- Git - Documentation
- Git教程 - 廖雪峰
- commit_msg - git钩子文档
- Git 分支 - 变基
- 语义化版本 2.0.0 - 语义化版本控制规范
规范
工具
- cz-cli - cz工具
- cz-customizable - cz适配器
- @commitlint/config-conventional - cz适配器
- commitlint - cz校验工具
- commitlint-config-cz - cz校验工具的校验规则
- validate-commit-msg - cz校验工具
- conventional-changelog - cz日志生成器
网站
- HELLO GITHUB - 分享 GitHub 上有趣、入门级的开源项目
博文
- 如何让你的 GitHub 项目表面上更专业
- git-flow 的工作流程
- 如何使用 Issue 管理软件项目？
- Git 工作流程
- 为无线前端团队打造高效git工作流
- GitHub 新出的 Actions 是什么? 用他做自动测试?
GraphQL
文档
- GraphQL - A query language for your API
- Prisma OSS Documentation - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...)
- Apollo Client - Apollo Client is the best way to use GraphQL to build client applications
应用
- graphql-yoga - Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience
- graphql-middleware - Split up your GraphQL resolvers in middleware functions
博文
- 30分钟理解GraphQL核心概念
- Open Sourcing GraphQL Middleware - A Library to Simplify Your Resolvers
- RPC vs REST vs GraphQL
- GraphQL从入门到实战
Nginx
文档
博文
微前端
Serverless
中台
监控
- 7 天打造前端性能监控系统
- 把前端监控做到极致
- 全景还原报错现场 | 应用实时监控 ARMS 上线用户行为回溯功能
- “前端+应用”两大监控利器商业化首发 ARMS领跑APM市场
- 通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕
- UEM“探针”技术及用户体验管理
客户端
- 简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink
- 从用 AngularJS 开发 PC 客户端说起
- 互联网:桌面客户端框架技术选型
- 漫谈windows桌面客户端的UI框架
- 小白必看，JSBridge 初探
- 分享这半年的 Electron 应用开发和优化经验
- Electron 从零到一
- 浅谈Native、Web App、Hybrid、RN 和 Weex优劣
- 用JS开发跨平台桌面应用，从原理到实践
- Hybrid APP架构设计思路
- 前端构造桌面级应用（QQ音乐）
- Electron构建跨平台应用Mac/Windows/Linux
- Hybrid 开发：JsBridge - Web 和客户端的桥
- JSBridge实战
- 高并发IM系统架构优化实践
- 给客户端同学的一份前端学习指南
- 2000万日订单背后：美团外卖客户端高可用建设体系
docker
地图
- OpenLayers
- OpenLayers 3 Primer - OpenLayers 3使用的入门教程
测试
文档
- Vue Test Utils - Vue.js 官方的单元测试实用工具库
- Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity
- Nightwatch.js - Browser automated testing, the easy way
- Mocha - Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun.
- Chai - 断言库
- Karma - A simple tool that allows you to execute JavaScript code in multiple real browsers
博文
部署
博文
Fonts
应用
- Font Awesome
- Font Awesome - 完美的图标字体只为Bootstrap设计
- Free Icons - Get free icons designed to combine perfectly and fit into the style of your design
- [译] 深入浅出 SVG
浏览器
Chrome插件
- Google翻译
- Vue.js devtools - Vue调试工具
- Octotree - Github源码文件浏览工具
- 谷歌访问助手 - 访问Google浏览器
- 马克飞象
兼容性
- Can I use - 查询浏览器兼容性
- browserl.ist - A page to display compatible browsers from a browserslist string
博文
Visual Studio Code
插件
- ESLint - Integrates ESLint JavaScript into VS Code
- Prettier - Prettier formatter for Visual Studio Code
- Vuetur - Vue tooling for VS Code, powered by vue-language-server
移动端
博文
算法
文档
示例
- javascript-algorithms - Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- CLRS - Solutions to Introduction to Algorithms
工具
- 函数图像绘制工具
- Desmos - Graphing Calculator
- MathJax与LaTex公式简介 (转载)
- MathJax basic tutorial and quick reference
博文
博客
应用
- Hexo - Hexo 是一个快速、简洁且高效的博客框架
- Next - Elegant Theme for Hexo
- icarus - A simple, delicate, and modern theme for the static site generator Hexo
- Yelee - 简而不减 Hexo 双栏博客主题
- LeanCloud - 博客评论
Markdown
工具
文档
设计
工具
- coolors - 颜色搭配设计
文章
职业
- 16年毕业的前端er在杭州求职ing
- 我在淘宝做前端的这三年 — 第一年
- 我在淘宝做前端的这三年 — 第二年
- 我在淘宝做前端的这三年 — 第三年
- 阿里前端社招面试总结
- 一位前端 2018 绝地求生记
- 职业路线：前端工程师的晋升逻辑到底是什么
- 今天聊：你晋升失败的原因是什么
- 如何成为公司独当一面的工程师
- 一名合格的程序员应该是什么样子
- 25 岁，毕业写前端的这三年
- 职场瓶颈：2~4 年前端走出离职困境与舒适区
团队
- 第二届搞基建|堂主 - 如何推动前端团队的基础设施建设
- 前端API层架构，也许你做得还不够
- if 我是前端Leader，谈谈前端框架体系建设
- 有赞开源项目最佳实践
- 技术栈：小菜前端的技术栈是如何规划和演进的
- 滴滴后市场前端技术体系
- 大型项目前端架构浅谈（8000字原创）
- https://juejin.im/post/5d1c6550518825330a3bfa01
协议
工具
文档
博文
低代码
- 前端生产方式：过去 10 年回顾和未来 10 年展望
- 第三届搞搭建|洛尘 - 如何设计实现 PC 站点搭建系统 - Schema
- 第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（上篇）
- 第三期 |《早早聊搞搭建》搞过搭建的我收获了什么？（下篇）
- React无门槛实现拖拽布局、表单设计器
- 格式校验利器：JSON Schema 简介
- JSON Schema与表单验证
- json-schema 可视化编辑器发布了
可视化
稳定性
总结
- 2019年前端大事件回顾：流年笑掷，未来可期
- 一套比较完整的前端技术选型，需要规整哪些东西，你知道不？
- 前端技术全景展望
- 前端技术体系大局观
- 掘金排行前5000大佬 | 掘金文章排行 看这里
- 这些年掘金上的优质前端文章，篇篇经典，一次打包带走！
- 精读《前端未来展望》
- 阿里前端委员会主席圆心：未来前端的机会在哪里？
- 哪些技术会决定前端开发者的未来发展？
全栈
面试
面经
- 面试分享：两年工作经验成功面试阿里 P6 总结
- 在阿里我是如何当面试官的（持续更新）
- 【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我
- 2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文
- 2019 面试系列 - 简历
- JavaScript-面试
- Javascript 面试核心考点(基础版)
- jsliang 的 2019 面试准备
- 从面试题看 JS 事件循环与 macro micro 任务队列
- 总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)
- 面试 -- 网络 HTTP
- 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)
- (下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂
- 面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~
- 中高级前端开发高频面试题
- 前端工程师面试必备（持续更新中）
- 阿里前端社招面试总结
- 你要的 React 面试知识点，都在这了
- 大揭秘！“恐怖”的阿里一面，我究竟想问什么
- 你要的Vue面试题都在这里。
- 面试官：自己搭建过vue开发环境吗？
站点
书籍
- 《前端面试江湖》