Need help with awesome?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ziyi2
228 Stars 58 Forks 33 Commits 0 Opened issues

Description

前端相关的博客、笔记、书籍和书签列表。

Services available

!
?

Need anything else?

Contributors list

# 433,556
JavaScr...
introdu...
3 commits

个人前端资源汇集(适合收藏)

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

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

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

文档地址:https://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

  • [x] 《JavaScript从入门到精通》- 明日科技 - 清华大学出版社
  • [x] 《JavaScript宝典(第六版)》- (美)古德曼,(美)莫里森 - 人民邮电出版社
  • [x] 《JavaScript高级程序设计》- Nicholas C. Zakas - 人民邮电出版社
  • [x] 《JavaScript权威指南》- (美)弗兰纳根 - 机械工业出版社
  • [x] 《高性能JavaScript》 - Nicholas C. Zakas - 电子工业出版社
  • [x] 《JavaScript设计模式》- - (美)奥斯马尼 - 电子工业出版社
  • [x] 《ES6标准入门》 - 阮一峰 电子工业出版社
  • [x] 《JavaScript设计模式》- 张容铭 -人民邮电出版社
  • [x] 《jQuery技术内幕》- 高云 - 机械工业出版社
  • [x] 《锋利的jQuery》 - 单东林,张晓菲,魏然 - 人民邮电出版社
  • [ ] 《JavaScript性能优化(度量监控与可视化)》- (美)巴克 - 机械工业出版社
  • [ ] 《编写可维护的JavaScript》- Nicholas C. Zakas - 人民邮电出版社
  • [ ] 《JavaScript语言精髓》- (美)克罗克福德 - 电子工业出版社
  • [ ] 《JavaScript函数式编程》- (美)Michael Fogus - 人民邮电出版社
  • [ ] 《JavaScript忍者秘籍》- (美)莱西格,(美)贝比奥特 - 人民邮电出版社

浏览器

  • [x] 《Chrome扩展及应用开发》- 李喆 - 人民邮电出版社

CSS

  • [x] 《CSS权威指南》 - Eric A. Meyer 和 Estelle Weyl 著 - 中国电力出版社
  • [x] 《深入理解Bootstrap》 - 徐涛 - 机械工业出版社
  • [x] 《CSS世界》- 张鑫旭 - 人民邮电出版社
  • [x] 《精通CSS:高级WEB标签解决方案》- (英)巴德,(英)科利森,(英)莫尔 - 人民邮电出版社
  • [ ] 《CSS揭秘》- Lea Verou - 人民邮电出版社
  • [ ] 《CSS实战手册》- (美)David McFarland - 中国电力出版社
  • [ ] 《图解CSS3》- 大漠 - 机械工业出版社

Node.js

  • [x] 《Node即学即用》 - (英)TomHughes-Croucher MikeWilson - 人民邮电出版社
  • [x] 《深入浅出Node.js》 - 朴灵 - 人民邮电出版社
  • [ ] 《Node.js权威指南》- 陆凌牛 - 机械工业出版社
  • [ ] 《Node.js调试指南》- 赵坤 - 电子工业出版社

全栈

  • [x] 《Node.js+MongoDB+Angular Web开发:MEAN全栈权威指南》 - (美)Brad Dayley - 电子工业出版社
  • [x] 《Web全栈工程师的自我修养》- 余果 - 人民邮电出版社

Vue

  • [ ] 《Vue.js前端开发 快速入门与专业应用》 - 陈陆扬 -人民邮电出版社
  • [ ] 《Vue.js权威指南》- 张耀春 - 电子工业出版社
  • [ ] 《Vue2实践揭秘》- 梁睿坤 - 电子工业出版社

React

  • [ ] 《深入React技术栈》 - 陈屹 - 人民邮电出版社

Git

  • [x] 《Git版本控制管理》- (美)罗力格,(美)麦卡洛 - 人民邮电出版社

数据结构

  • [x] 《数据结构(第二版)》- 严蔚敏 - 清华大学出版社
  • [x] 《数据结构与算法JavaScript描述》- (美)Michael McMillan - 人民邮电出版社

网络

  • [x] 《计算机网络基础》- 罗娅 - 清华大学出版社
  • [x] 《图解HTTP》 - (日) 上野宣 - 人民邮电出版社
  • [ ] 《深入理解Nginx》- 陶辉 - 机械工业出版社
  • [ ] 《TCP/IP详解 卷1-3》- 机械工业出版社
  • [ ] 《图解TCP/IP》- (日) 竹下隆史 - 人民邮电出版社
  • [ ] 《图解网络硬件》- (日) 竹下隆史 - 人民邮电出版社

Web

  • [ ] 《Web性能权威指南》- Ilya Grigorik - 人民邮电出版社

正则

  • [ ] 《精通正则表达式》- (美)杰佛瑞E.F.佛瑞德 - 电子工业出版社 -【进行中】

算法

  • [ ] 《算法导论》 - (美) 科尔曼 - 机械工业出版社 -【进行中】
  • [ ] 《计算机程序设计艺术 卷1:基本算法》- (美) 高德纳 - 人民邮电出版社
  • [ ] 《算法图解》 - (美) 巴尔加瓦 - 人民邮电出版社
  • [ ] 《算法心得》- (美) Henry S. Warren, Jr. - 机械工业出版社

存储

  • [ ] 《Redis设计与实现》- 黄健宏 - 机械工业出版社

软件工程

  • [x] 《软件工程》 - 赖均 - 清华大学出版社

操作系统

  • [ ] 《鸟哥的Linux私房菜基础学习篇》- 鸟哥 - 人民邮电出版社
  • [ ] 《操作系统真象还原》- 郑钢 - 人民邮电出版社

其他

  • [x] 《不止代码》 - 电子版 - 阿里巴巴
  • [ ] 《前端面试江湖》- 李红米 - 电子工业出版社

人生

  • [x] 《冰心诗集》
  • [x] 《艾青诗选》
  • [x] 《朱自清散文》
  • [x] 《徐志摩诗集》
  • [x] 《骆驼祥子》
  • [x] 《三国演义》
  • [ ] 《仓央嘉措》
  • [x] 《红与黑》
  • [x] 《傲慢与偏见》
  • [x] 《巴黎圣母院》
  • [ ] 《希腊神话》
  • [x] 《鲁滨逊漂流记》
  • [x] 《少年维特之烦恼》
  • [x] 《三个火枪手》
  • [x] 《简·爱》
  • [x] 《茶花女》
  • [x] 《包法利夫人》
  • [x] 《爱的教育》
  • [x] 《契诃夫小说集》
  • [x] 《钢铁是怎样炼成的》
  • [ ] 《老人与海》
  • [x] 《罪与罚》
  • [x] 《挪威的森林》
  • [x] 《浮士德》
  • [x] 《局外人》
  • [x] 《羊脂球》
  • [x] 《莫泊桑短篇小说选》
  • [x] 《苦儿流浪记》
  • [x] 《十四行诗》
  • [ ] 《飘》
  • [ ] 《悲催世界》
  • [ ] 《堂·吉诃德》
  • [ ] 《忏悔录》
  • [ ] 《九三年》
  • [ ] 《欧也妮·葛朗台》
  • [ ] 《高老头》
  • [ ] 《基督山伯爵》
  • [ ] 《呼啸山庄》
  • [ ] 《汤姆叔叔的小屋》
  • [ ] 《草叶集》
  • [ ] 《战争与和平》
  • [ ] 《安娜·卡列宁娜》
  • [ ] 《复活》
  • [ ] 《普希金诗选》
  • [ ] 《了不起的盖茨比》
  • [ ] 《飞鸟集》
  • [ ] 《小王子》
  • [ ] 《童年》

书签

有些书签收藏了,但可能永远不会再打开。

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

工具

文档

设计

工具

文章

职业

团队

协议

工具

文档

博文

低代码

可视化

稳定性

总结

全栈

面试

面经

站点

书籍

  • 《前端面试江湖》

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.