个人前端资源汇集

21,839 阅读26分钟

这里是个人的「博客」、「笔记」、「书籍」、「Awesomes」、「书签」以及 「面试」等资源汇集。如果目前的你

  • 愁于找不到某项技术相对完善的文档
  • 不知道读哪些书
  • 想快速检索某一项技术
  • 想快速获取某一方面的
  • 想了解别人怎么记笔记
  • 想了解别人的书签里都收藏了些啥
  • 想快速获取面经资源
  • 迷茫于不知道如何继续学习

那么可以看看这个资源汇集,或许能给你带来一些灵感(这是我开始工作以来的所有前端资源成果,如果大家喜欢可以点个赞哈)。感兴趣的同学可以 Star 一下 Git 仓库,或者自己 Fork 哦。

文档地址:ziyi2.github.io/awesome/

广告

子弈在掘金平台的课程里发布了一本小册,可以看下阅读指南看看是否值得购买哈,如有打扰请多多包涵。

博客

有些文章写了,但可能还没理解透彻。

CSS

Vue

设计模式

Git

Npm

面试

总结

随笔

笔记

有些笔记记了,但可能仍然会忘记。

JavaScript

算法

CSS

HTTP

正则

Awesomes

一个好的 Awesome 可以快速入门某项技术。

全部

语言

  • 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 框架和库、模板引擎等

框架

UI

架构

书籍

工具

  • 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

图标

文档

书籍

有些书买了,但可能永远遗憾。

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

博文

CSS

文档

应用

  • 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

博文

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

博文

设计模式
机制
语法
工具
性能优化
风格指南

TypeScirpt

文档

博文

Vue

文档

应用

  • Nuxt - Vue.js通用应用框架(服务端渲染)
  • Vue Apollo - 在你的 Vue.js 应用中集成 GraphQL
  • Vue I18n - Vue.js国际化插件
  • Vue Test Utils - Vue.js 官方的单元测试实用工具库
  • VuePress 1.x - Vue 驱动的静态网站生成器

源码分析

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

中台前端

脚手架

插件

工具

社区

会议

博文

React

文档

UI组件库

  • Ant Design - 基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品
  • Salt UI - 高效、简洁的移动端UI组件库

博文

源码解析

Webpack

文档

工具

  • webpack-chain - 生成和修改Webpack配置信息的链式API集

博文

Gulp

  • Gulp中文网 - 用自动化构建工具增强你的工作流程!

Babel

文档

  • Babel - JavaScript编译器

插件集

博文

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

文档

Lerna

文档

  • Lerna - A tool for managing JavaScript projects with multiple packages

博文

Git

文档

规范

工具

网站

  • HELLO GITHUB - 分享 GitHub 上有趣、入门级的开源项目

博文

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

博文

Nginx

文档

博文

微前端

Serverless

中台

监控

客户端

docker

地图

测试

文档

  • 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

应用

浏览器

Chrome插件

兼容性

  • 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

工具

博文

博客

应用

  • Hexo - Hexo 是一个快速、简洁且高效的博客框架
  • Next - Elegant Theme for Hexo
  • icarus - A simple, delicate, and modern theme for the static site generator Hexo
  • Yelee - 简而不减 Hexo 双栏博客主题
  • LeanCloud - 博客评论

Markdown

工具

文档

设计

工具

文章

职业

团队

协议

工具

文档

博文

低代码

可视化

稳定性

总结

全栈

面试

面经

站点

书籍

  • 《前端面试江湖》