webproblem / learning-article

学习资源 or 大前端导航，持续更新

说明

平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。

目前整合的学习资源只是前端方向的，可能会存在漏缺比较好的资源，需要慢慢的完善它，欢迎在该 dicuss issue 上补充资源或者交流意见。

觉得有帮助的话，请点击右上角 Watch ， Star ， Fork，也可以 follow 我关注更多信息

突然觉得开一个公众号来维护会更好点，更方便学习，这里收集下大家的意见，如果开一个公众号，是否更合理，欢迎反馈意见和建议！

目录

• 面试资源

• 项目资源

• 知识锦集

• 前端早读课文章

• Vue 相关

• React 相关

• Javascript 函数式编程

• TypeSctipt

• webpack

• Parcel

• Gulp

• es系列

• Babel

• http 请求库

• Promise

• NodeJS

• MongoDB

• Git

• 移动端

• 可视化工具

• 提高生产力工具

• Python

• PWA

• Flutter

• GraphQL

• 机器学习

• Chrmoe

• 其他

• 博客/社区

• 业界技术交流会

• Github资源

vue

文档

• Vue 官方文档

• Vuex 文档

• vue-router 文档

• vue-loader 文档

• Vue.js 服务器端渲染指南

• Nuxt.js 文档

• Vue 1.0 中文文档

• Vue 驱动的静态网站生成器

• Vue CLI

UI 库

• 有赞 Vue UI 库 vant

• cube-ui

• Mint UI

• vonic UI 框架

• element UI

• iview UI

• vue-antd-ui

源码

• Vue.js 源码学习笔记

• Vue.js 源码解析

• 剖析vue实现原理，自己动手实现mvvm

• Vue.js 技术揭秘

• Vue.js 逐行级别的源码分析

相关

• Vue.js 中文社区

• Vue相关开源项目库汇总-总结得很详细

React

文档

• React 文档

• react-router 文档

• redux 文档

• React 模式

• mobx 文档

• React.js 小书

UI 库

• ant-design

• ant-design-mobile

• ant-motion 动画框架

• Zent

相关

• Nerv-京东高性能前端框架

Javascript 函数式编程

• JS 函数式编程指南

• Underscore

  • Underscore 源码分析

  • underscore-1.8.3.js 源码解读

Typescript

• Typescript 文档

• TypeScript Handbook（中文版）

• Awesome TypeScript

• 深入理解 TypeScript

webpack

• webpack 文档

• webpack 中文文档(v3.5.5)

• 深入浅出 Webpack

• 入门Webpack，看这篇就够了

• webpack 优秀中文文章

源码

• Webpack 源码解析

• Webpack揭秘——走向高阶前端的必经之路

Parcel

• Parcel 文档

Gulp

• Gulp 中文网

es系列

• es6 教程

• 《深入理解ES6》教程学习笔记

Babel

• Babel文档

HTTP

• HTTP/3详解

http 请求库

• Axios 中文说明

• axios 中文文档翻译

• fly : 跨平台的http请求库

Promise

• JavaScript Promise迷你书（中文版）

• Promises/A+

• 【翻译】Promises/A+规范

NodeJS

• Node.js 中文网

• Koa

• Koa2进阶学习笔记

• Node.js 优秀学习资源汇总

• Express

• 如何正确的学习Node.js

• 《一起学 Node.js》

• 七天学会NodeJS

• Node.js 包教不包会

• Nodejs学习笔记以及经验总结

• 《Node.js从入门到上线》

• 《Node.js 调试指南》

• nodejs基础教程

MongoDB

• MongoDB中文网

• mongoose中文文档

• MongoDB Driver API

• MongoDB 可视化工具 robo3t

• MongoDB 可视化工具 adminMongo

Git

• Git 练习

• Git Book

• 有关 git 的学习资料

canvas

• canvas 教程

移动端

技术类

• Taro-多端统一开发框架

• Weex

• react-native

• React Native 中文网

微信小程序

• 小程序文档

• 小程序社区

• mpvue 基于 Vue.js 的小程序开发框架

• wepy 让小程序支持组件化开发的框架

• zanui-weapp

• WeUI for 小程序

• iview-weapp

• 微信小程序开发资源汇总

支付宝小程序

• 官网

快应用

• 官网

百度小程序

• 官网

可视化工具

• 百度 echarts

• 蚂蚁金服数据可视化 AntV

• BizCharts : 基于 React 技术栈的图表库

• v-charts : 基于 Vue2.0 和 echarts 封装的 v-charts 图表组件

• D3.js

静态站点生成器

• docsite : 阿里一款开源站点搭建工具

• docsify : 文档站点生成器

• VuePress : Vue 驱动的静态网站生成器

提高生产力工具

• 飞冰-让前端开发简单而友好

• Easy Mock : 可视化模拟数据工具

• EasyAPI : 简单，好用的API服务平台

• YAPI : 高效、易用、功能强大的API管理平台

• showdoc : 文档编写工具

• 标你妹啊 : 一款自动化设计标注工具

• Framer : 全功能设计工具

• Kitchen : 一款为设计者提升工作效率的 Sketch 工具集

• gka : 一款简单的、高效的帧动画生成工具，图片处理工具

• Typora : 一款强大的 markdown 编辑器

• processon : 免费在线作图

• 声享 : 在线制作 PPT

• VisuAlgo: 算法学习工具

• FSCapture : 滚屏截图软件

• picpick : 一款全能的设计工具

刷题网站

• LeetCode 中文版

• 牛客网

• codewars

Python

• 廖雪峰 Python 教程

• Python 入门教程

PWA

• PWA 中文文档

• LAVAS : 基于 Vue.js 的 PWA 解决方案

Flutter

• 认识Flutter

• Flutter攻略

• Flutter中文网

• Flutter 社区中文资源

• Dart 中文社区

• Dart 语言中文社区

GraphQL

• GraphQL 中文文档

机器学习

• 机器学习速成课程

Chrome

• Chrome 开发者工具文档

• Chrome开发者工具中文手册

• Chrome 插件开发简要指南

产品

• 人人都是产品经理

博客/社区

团队博客

• 百度 EUX 团队博客

• 百度 EFE 团队博客

• 百度FEX 团队

• 百度用户体验中心

• 百度外卖前端团队

• 京东凹凸实验室博客

• 京东设计中心

• 美团点评技术团队博客

• 饿了么前端

• 淘宝前端团队博客

• 蚂蚁数据体验技术团队博客

• 阿里巴巴国际UED团队

• 阿里巴巴中文站UED

• 天猫前端

• 阿里达摩院

• 腾讯 AlloyTeam 团队博客

• 腾讯 IMWEB 团队

• 腾讯前端IVWEB团队

• TGideas-腾讯游戏官方设计团队

• 腾讯CDC

• QQ音乐前端团队

• 腾讯FERD(腾讯网研发中心)

• 有赞技术团队

• 滴滴开源平台

• 滴滴DDFE博客

• 饿了么前端

• 大搜车无线团队

• 大搜车博客

• 人人网 FED 博客

• 网易用户体验中心

• 携程UED

• 奇虎360-奇舞团

• 360用户体验设计中心

• 去哪儿网大前端技术中心

• 今日头条技术博客

• 前端俱乐部

• JS 前端开发群月报

• 丁香园前端小分队

个人博客

• 廖雪峰博客

• 阮一峰博客

• 张鑫旭博客

• https://yanlee26.github.io/posts

• https://github.com/Aaaaaaaty/blog

• https://github.com/mqyqingfeng/Blog

• http://obkoro1.com/

• https://yangbo5207.github.io/wutongluo/

• https://www.chuchur.com/

• kidney

• http://www.taoweng.site/

• 小剧客栈

• CSS 森林

• 汤姆大叔的博客

• https://github.com/jawil/blog

• Hux Blog

• 贤心

• 玉伯

• 月影

• 豪情

• 尤雨溪

• 张云龙

• 张克军

• 黄轶

• Aresn

• 芋头君

• 狼叔

• CSS魔法

• 伍酱

• http://delai.me/

• 第一届前端艺术家沙龙1群每日资讯整理

社区

• 掘金

• 掘金翻译计划

• segmentfault

• 博客园

• 前端乱炖

• w3cschool

• w3school

• w3cplus

• W3C **

• 重庆前端社区

• 前端圈

• V2EX

• 前端头条

• 伯乐在线

• 小专栏

• Stack Overflow

• 大前端

• 众成翻译

• WEB前端开发

• 前端网

业界技术交流会(一年一度的持续性的交流会)

• FEDAY 前端日

• 腾讯 Live 开发者大会

• Alloyteam Web 前端大会

• 前端体验大会

• D2 前端技术论坛

• D2 开发者大会

• 全球大前端技术大会

• iWeb 峰会

• CSS 大会

• React 大会

• IMWeb 前端大会

• 云栖大会

• 前端艺术家沙龙

• 掘金开发者大会

• Vue.js 开发者大会

• ** JS 开发者大会

资源

前端

• 免费的计算机编程类中文书籍

• 《前端回忆录》

• 前端入门和进阶学习笔记

• PDF - 收集的各种资源

• 你可能不知道的前端知识点

• GitHub最全的前端资源汇总仓库

• 从零开始构建 JavaScript 技术栈

• 前端笔记系列

• 前端开发者指南 2018

• 30 seconds : 一些精炼的代码片段

• 33-js-concepts : 每个 JavaSript 开发人员应该知道的 33 个概念

• 每个 JavaSript 开发人员应该知道的 33 个概念-中文版

• MDN 文档

• Awesomes

• 印记中文

• GitBook 简明教程

• Web前端导航

• 移动端问题收集

其他

• 为互联网IT人打造的中文版awesome-go

• 后端架构师技术图谱

• Java Core Sprout：处于萌芽阶段的 Java 核心知识库

• 【Java学习+面试指南】

• 一些经典且高质量的电子书分享

• 互联网公司技术架构

• Computer Science Learning Notes

• 后台技术栈/全栈开发/架构师之路

learning-article's Issues

啥时候出公众号啊

有了公众号的话就可以随时随地用手机愉快的学习了

开公众号的想法

突然觉得开一个公众号来维护会更好点，更方便学习，这里收集下大家的意见，如果开一个公众号，是否更合理，欢迎反馈意见和建议！

前端

讨论区

欢迎补充资源或者提供宝贵的建议

好用的工具插件

Moment.js：日期处理插件
Dayjs: 日期处理插件
keymaster：快捷键插件
Sortable：列表拖拽排序插件
bpmnjs: 流程图绘制插件
v-contextmenu: 右键菜单插件
monaco-editor: 微软开源编辑器，vscode内嵌编辑器
webpack打包文件资源分析工具
图片压缩工具
get-browser-info: 获取浏览器设备信息
打字动画插件(typing-animation)
vanilla-lazyload
localforage
ncgen: 代码生成器插件
Eruda: 手机网页前端设计的调试面板
file-type: 文件类型校验插件
formilyjs: 前端表单解决方案
source-location: 用于定位源码的命令行小工具
unis: React & Vue3 框架
pinyin-pro: 汉语拼音转换工具
shepherd：用户引导插件
vue-words-highlight：用于高亮关键词的vue组件
vue-awesome-swiper：轮播图插件
nzh：数字转中文（大写，小写）数字，金额。
jsdiff：内容对比插件
diff2html：内容对比插件
PrismJS：代码高亮插件
vue-fontawesome：icon 图标库
countUp.js
vue-codemirror

动画库
● vue2-animate
● css代码片段-You-need-to-know-css
● css代码片段
● vue-scroll-reveal
● animateplus
● kristofferandreasen
● spinkit
● lottie: AE动画（Bodymovin）导出JSON文件，lottie库使用JSON文件渲染动画
● emotion

视差滚动效果
● skrollr

富文本编辑器
● Braft Editor

低代码开源软件
● form-generator
● variant-form
● mometa
● 腾讯云微搭低代码 WeDa
● 宜搭
● 飞冰
● amis
● lowcode-engine

mock平台
● rap2-delos
● easy-mock
● fastmock

翻墙软件
● SwitchyOmega

终端工具
● tabby
文档工具
● showdoc
● easydoc
● typedoc

在线编辑器
● codesandbox
● vscode.dev
● jsrun
● stackblitz

office
PPT
● PPTist - 在线PPT插件
Excel
● Luckysheet
● sheetjs
● x-sheet
table
● vxe-table - 复杂表格插件
通信
● Rocket.Chat
知识库
● think

前端测试
● cypress

前端监控
● heimdallr-sdk
● monitor

tree
● vue3-tree-org
● vue-okr-tree

甘特图
● gantt-elastic
● gantt-schedule-timeline-calendar
● v-gantt
● gunter
● xpyjs/gantt

页面引导插件
● intro.js
● driver.js

添加一篇VSCode配置插件

后期计划添加一篇VSCode配置插件列表

添加一篇Chrome插件

后期计划添加一篇Chrome插件列表