awesome
前端相关的博客、笔记、书籍和书签列表。
https://github.com/ziyi2/awesome
Last synced: 19 days ago
JSON representation
Awesomes
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-books - 开发者推荐阅读的书籍
- awesome-programming-books - 经典技术书籍推荐，持续更新...
- awesome-bookmarks
全部
- 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
图标
- Font Awesome - The iconic SVG, font, and CSS toolkit
工具
- awesome-mac - Collect premium software in various categories
- awesome-vscode - A curated list of delightful VS Code packages and resources.
- awesome-gulp - A curated list of awesome gulp resources, plugins, and boilerplates for a better development workflow automation
- awesome-webpack - A curated list of awesome Webpack resources, libraries and tools
- awesome-github - 收集这个列表，只是为了更好地使用 GitHub,欢迎提交 pr 和 issue
- awesome-npm - Awesome npm resources and tips
- Awesome-Design-Tools - The best design tools and plugins for everything
文档
- awesome-resume - 程序员简历例句，程序员简历范例，Java 简历模版，Python 简历模版，C++简历模版
- awesome-webpack-cn - webpack 优秀中文文章
- awesome-interview-questions - A curated awesome list of lists of interview questions. Feel free to contribute!
架构
- awesome-architecture - 架构师技术图谱，助你早日成为架构师
框架
- awesome-vue - A curated list of awesome things related to Vue.js
- awesome-react - A collection of awesome things regarding React ecosystem
- awesome-graphql - Awesome list of GraphQL & Relay
- awesome-nextjs - A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
- awesome-wechat-weapp - 微信小程序开发资源汇总
- 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-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 框架和库、模板引擎等
书签
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我给你寄口罩
CSS
- CSS Snapshot 2018 - w3c
- CSS - MDN web docs
- 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
- CSSOM视图模式(CSSOM View Module)相关整理 - 张鑫旭
- CSS相对定位|绝对定位(五)之z-index篇 - 张鑫旭
- 我对CSS vertical-align的一些理解与认识 - 张鑫旭
- CSS实现单行、多行文本溢出显示省略号
- Flex 布局教程 - 阮一峰
- 我所知道的几种display:table-cell的应用 - 张鑫旭
- [译
- 等高分栏布局小结
- css写作建议和性能优化小结
- CSS定位属性详解
- [译
- Remark - Responsive Bootstrap 4 Admin Template
- Remark - Responsive Bootstrap 4 Admin Template
- Remark - Responsive Bootstrap 4 Admin Template
- Remark - Responsive Bootstrap 4 Admin Template
- ampleadmin - Bootstrap Admin Template
- CSS实现单行、多行文本溢出显示省略号
- Remark - Responsive Bootstrap 4 Admin Template
- Less 中文网
- Remark - Responsive Bootstrap 4 Admin Template
- CSS实现单行、多行文本溢出显示省略号
- Flex 布局教程 - 阮一峰
- Remark - Responsive Bootstrap 4 Admin Template
- ampleadmin - Bootstrap Admin Template
docker
Fonts
- Font Awesome
- Font Awesome - 完美的图标字体只为Bootstrap设计
- Free Icons - Get free icons designed to combine perfectly and fit into the style of your design
- [译
- Font Awesome - 完美的图标字体只为Bootstrap设计
- Font Awesome
Git
- Git - Documentation
- Git教程 - 廖雪峰
- commit_msg - git钩子文档
- Git 分支 - 变基
- 语义化版本 2.0.0 - 语义化版本控制规范
- Angular规范
- conventional-changelog - cz日志生成器
- HELLO GITHUB - 分享 GitHub 上有趣、入门级的开源项目
- 如何让你的 GitHub 项目表面上更专业
- git-flow 的工作流程
- 如何使用 Issue 管理软件项目？
- Git 工作流程
- 为无线前端团队打造高效git工作流
- GitHub 新出的 Actions 是什么? 用他做自动测试?
- cz-cli - cz工具
- cz-customizable - cz适配器
- commitlint - cz校验工具
- commitlint-config-cz - cz校验工具的校验规则
- validate-commit-msg - cz校验工具
- 如何使用 Issue 管理软件项目？
- Git 工作流程
GraphQL
- GraphQL - A query language for your API
- 30分钟理解GraphQL核心概念
- RPC vs REST vs GraphQL
- GraphQL从入门到实战
- Prisma OSS Documentation - Documentation content for oss.prisma.io (GraphQL Playground, GraphQL Yoga, GraphQL Config...)
- graphql-middleware - Split up your GraphQL resolvers in middleware functions
- Apollo Client - Apollo Client is the best way to use GraphQL to build client applications
Gulp
- Gulp中文网 - 用自动化构建工具增强你的工作流程！
HTTP
- 计算机通识-网络
- Service Worker 从入门到出门
- 图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理
- 跨域资源共享 CORS 详解 - 阮一峰
- 浏览器缓存知识小结及应用
- GET方法与POST方法的区别
- [译
- 彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0
- 前端跨域整理
- Service Worker 从入门到出门
- superagent - Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features
- 图解：HTTP 范围请求，助力断点续传、多线程下载的核心原理
- 跨域资源共享 CORS 详解 - 阮一峰
JavaScript
- 获取元素CSS值之getComputedStyle方法熟悉 - 张鑫旭
- 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
- Scaling Isomorphic Javascript Code
- GUI Architectures
- 界面之下：还原真实的MV*模式
- ES7 Decorator 装饰者模式
- javascript设计模式系列
- [译
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- Forcing Garbage Collection in node.js and JavaScript - 强制垃圾回收
- 如何实现一个深拷贝
- Object()的方法一览
- Promise之你看得懂的Promise
- 深入理解 JavaScript 的类型转换
- 【JS 进阶】你真的掌握变量和类型了吗
- 记一次面试题，正则表达式(?=a)是什么意思？
- 【JS迷你书】类型转换之拆箱操作
- 《三分钟阅读》7个有用的JavaScript技巧
- 我是如何将业务代码写优雅的
- async/await 优雅的错误处理方法
- JavaScript 代码简洁之道
- 使用ESLint ＆ Prettier美化Vue代码
- eslint prettier的配置选项（参数）官网直译
- A Comparison of JavaScript Linting Tools - JSLint，JSHint，JSCS和ESLint对比
- 一个日期处理类库moment.js
- Prettier 介绍与基本用法
- 让老板虎躯一震的前端技术 - 掘金
- 前端优化不完全指南
- Google JavaScript 代码风格指南
- 前端优化不完全指南
- ES7 Decorator 装饰者模式
- zTree - jQuery Tree Plugin
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 框架篇—MVC、MVP、MVCS、MVVM、VIPER使用关系总结
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 前端优化不完全指南
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 全面了解JS单线程
- Forcing Garbage Collection in node.js and JavaScript - 强制垃圾回收
Lerna
- Lerna - A tool for managing JavaScript projects with multiple packages
- Why you should use a single repository for all your company’s projects - 多项目单仓库思考
- monorepo 新浪潮 | introduce lerna - Lerna介绍
- Why is Babel a monorepo?
- lerna管理前端packages的最佳实践
- Open Sourcing CloudFlare’s UI Framework - 使用Lerna开源的UI框架设计
- Lerna - A tool for managing JavaScript projects with multiple packages