前端资源总览
- Vue.js 专栏
- JavaScript 框架
- JavaScript 库
- 学习资源
- 数据模拟
- 动画库
- 二维码
- UI 框架
- 打包工具
- 前端脚手架
- Node.js 方面
- 可视化插件
- CSS 处理器
- 测试相关
- 状态管理
- 性能分析工具
- 包管理工具
- 前端编码规范
- git 版本控制
- 在线工具
- 小程序相关
- 命令行工具
- 谷歌插件
- UA 识别
- 页面交互
- 音频/视频
- APP 框架
- CSS 框架
- 富文本编辑器/Markdown编辑器/Markdown解析器
- 颜色(CSS Colors)/SVG/Canvas
- 代码高亮插件/代码编辑器
- 本地存储
- 模板引擎
- 算法
- 加密/转码
- 前端游戏框架
- 计算机相关书籍
- 前端面试
- 持续集成
- Host相关
- vue-cropper 一个简单的图片剪辑插件，支持海报图片剪辑
- vue-pretty-logger 一个还在持续更新的本地 log 输出插件
- vue-xeditor xEditor 富文本编辑器的 Vue 版
- ieditor 富文本编辑器
- em-ckeditor ckeditor 富文本编辑器的 Vue 版
- vue-icon 简单的 icon 组件
- vue-baidu-map 百度地图的 vue 版
- tiptap A rich-text editor for Vue.js
- Motrix 功能齐全的下载管理器
- Vue.Draggable 基于Sortable.js的Vue拖放组件
- react-in-patterns 包含了在使用react时好用的设计模式和方法。对提高开发效率很有效。是一个不错的文档
- vue-design vue 2.x 逐行级别的源码分析
- jquery
- zepto
- immutable-js 数据集控制
- sprint
- dayjs 在javascript中解析，验证，操作和显示日期，类似 moment
- fecha 小巧的时间格式化库
- tui.calendar 日历库
- em-cookie cookie 的处理
- EM-NORMALIZE 样式重置
- modernizr Modernizr是一个JavaScript库，可以在用户的浏览器中检测HTML5和CSS3功能。
- gpu.js GPU 加速
- lodash
- moment 在javascript中解析，验证，操作和显示日期
- lazy.js 像 underscore.js 的工具库
- licia
- underscore.js
- rgbaster.js 图片的主色次色提取
- nanoid 一款非常小巧的唯一 ID 生成工具
- hotkeys 键盘按键的封装，如 ctrl+r
- JsBarcode js 生成条形码(条码)
- comlink 让 WebWorker 更好用
- await-timeout Timeout 依托 Promise 的封装
- dsa.js 数据结构及方法
- eruda
- vConsole
- vue-pretty-logger 一个还在持续更新的本地 log 输出插件
- signale Hackable console logger
- awesome-mac mac 电脑上面的资源
- awesome-frontend 前端资源
- awesome-php PHP 资源
- awesome-vue Vue.js 资源
- awesome-react React 资源
- awesome-wechat-weapp 微信小程序资源
- awesome-nodejs NodeJs 资源
- velocity
- GreenSock-JS
- tween.js
- anime
- animate.css - A cross-browser library of CSS animations.
- Transit - CSS transitions and transformations for jQuery
- WOW - 在滚动过程中展示CSS效果(默认触发animate.css)
- AniJS - A Library to Raise your Web Design without Coding
- Move.js - 简化CSS3的JS库
- ScrollMe – 在网页中加入各种滚动效果
- Effeckt.css - A Performant Transitions and Animations Library
- NEC
- csshake - CSS classes to move your DOM
- magic - CSS3 Animations with special effects
- SpinKit
- lenticular.js - 响应倾斜或鼠标事件创建图片
- interactive_3d - jQuery Interactive 3D - Create a 3D interactive object using images
- AnimateScroll - A Simple jQuery Plugin for Animating Scroll
- Blast.js
- Bounce.js - A JS library for making beautiful CSS3 keyframe animations
- Sticker.js - create a Sticker Effect
- scrollReveal.js - The element enters the visible area and automatically triggers the set animation.
- stroll.js - CSS3 list scroll effects
- jQuery Easing - 运动方式扩展
- animations - CSS3 ANIMATION CHEAT SHEET
- iconate.js - 将 icons 增加运动效果的 JS 库
- Odometer - 数字之间的垂直切换
- Hover - 悬停效果
- Hover.css - 很多鼠标Hover态的效果
- imagehover.css - 为图片添加悬停效果
- iHover - 图片悬停效果
- ImageCaptionHoverAnimation
- Bootstrap Hover Image Gallery
- Multi-touch gestures library - Web手势库
- qrious - Pure JavaScript library for QR code generation using canvas。
- qart.js - Generate artistic QR code.
- wired-elements 手绘风格的组件库
- quasar-framework
- vue-material
- vuetify
- muse-ui
- buefy
- element-ui
- vulma
- vue-bulma-components
- iview-ui
- AT-UI
- v-semantic - 参照 semantic-ui
- bootstrap-vue 参照 bootstrap-4
- fish-ui
- Zircle UI
- vue-mdc-adapter guidelines.
- Material Components Vue material-components-web
- PrimeVue
- vuesax
- vuecidity
- em-fe
- Ant Design
- element-react
- element-react
- Material UI
- Office UI Fabric - 微软 Office 前端团队的框架
- rekit 用于使用React，Redux和React-router构建可伸缩Web应用程序的IDE和工具包
- Amaze UI
- Semantic UI
- Materialize
- jquery-cropper 图片截取器， 图片截图
- ngrok 本地 https 工具
- http-server 零配置的命令行 http 服务器
- http-serve 零配置的命令行 http 服务器
- nvm node 版本控制
- cropperjs 图片截取器，图片截图
- svgo Node.js tool for optimizing SVG files
- express-gateway A microservices API Gateway built on top of ExpressJS
- node-rpio 这是一个高性能node.js插件，可以访问Raspberry Pi GPIO接口，支持常规GPIO以及i²c，PWM和SPI。
- strapi Node.js内容管理框架（headless-CMS）可以毫不费力地构建功能强大的API。
- jsPDF jsPDF 提供了一系列 API，可以在客户端生成图文并茂的 PDF 文档。
- sharp 高性能Node.js图像处理，是调整JPEG，PNG，WebP和TIFF图像大小的最快模块。使用libvips库。
- faast.js 批量计算，让并发请求更高效
- sofa-rpc-node 阿里系 NodeJs 版 RPC
- wildduck 邮箱服务器
- Node.js-Troubleshooting-Guide Node.js 应用线上/线下故障、压测问题和性能调优指南手册（更新中...）
- vue-test-utils
- jest
- ava
- karma
- mocha
- jasmine
- puppeteer
- chai
- expect 断言
- should.js
- JavaScript代码覆盖率工具 Istanbul 入门
- analyze-css CSS选择器的复杂性和性能分析器
- Airbnb 的 JavaScript 编码规范
- JavaScript Standard Style
- clean-code-javascript - javascript 编码风格指南
- spec - 百度前端团队代码规范
- tig commit 信息查看工具
- cz-cli commit 信息规范化管理工具
- gitmoji-cli gitmoji 图标
- git 教程
- git - 简易指南
- 猴子都能懂的GIT入门
- git 参考手册
- Pro git
- Pro git 中文版 (整理在gitbook上)
- git Magic
- GotGitHub
- Git权威指南
- Git Community Book 中文版
- Mercurial 使用教程
- HgInit (中文版)
- 沉浸式学 Git
- Git-Cheat-Sheet （感谢 @flyhigher139 翻译了中文版）
- GitHub秘籍
- GitHub帮助文档
- GitHub漫游指南
- git-tips Git的奇技淫巧
- emoji emoji 总览
- 正则
- 文件对比
- 办公软件(文档、表格、幻灯片、表单)
- svg
- markdown
- 图片压缩
- 流程图，思维导图、UML、网络拓扑图
- jsdiff 在线对比工具
- transfonter - 字体文件转换成 base64 格式
- send 来自 Firefox 制造商的简单私密文件共享
- mpvue 开发框架 vue 一键打包转换小程序
- wepy 组件库
- wx-mina-html-view 小程序渲染 html ，支持富文本渲染
- wxapp-qrcode 小程序二维码生成器
- westore 微信小程序解决方案
- ColorUI 鲜亮的高饱和色彩，专注视觉的小程序组件库
- Gitter 采用 Taro 框架 + Taro UI 进行开发的 demo
- Bash-Snippets 重型终端用户的小型bash脚本集合
- the_silver_searcher 一个类似于ack的代码搜索工具，但速度更快。 查找 /#/ 用法：
ag '\/#\/' - fzf 模糊搜索神器
- tldr 查看 linux命令帮助(Too long, Don't read)
- autojump 快速切换常用目录
j dir_name - fuck 纠正工具
- k 命令行美化工具， 美化
ll命令 - so SSH远程登录工具
- hr 用于在终端展示分行符
- nnn 文件管理器
- autoenv 基于目录的环境配置
- mackup .dotfile 管理工具
- hub - 更易使用 Git 的
- glances 系统监视(可替代 top)
- goaccess - 运行于 *nix 系统终端中的实时 web 日志分析器及交互式查看器
- tcplstat 网络监控工具
- cz-cli - git commit 工具
- tig git log 查看工具
- cheat.sh 是一个实用的速查
- neofetch 个性化显示Linux系统信息
- hiper 一个查看网页加载性能的命令行程序
- lazygit simple terminal UI for git commands
- command-line 在一个页面中掌握命令行
- WEB前端助手(FeHelper) - 一些前端常用的功能都有，方便实用
- Vue.js devTools - Vue 开发工具
- React Developer Tools - React 开发工具
- Redux DevTools - Redux 开发工具
- 书签侧边栏 - 非常方便搜索已经保存的书签，可以自由设定触发条件
- Postman - ajax 工具
- Json Formatter - json 解析工具
- Allow-Control-Allow-Origin: * - 跨域工具
- Axure RP Extension for Chrome - 预览工具
- Clear Cache - 清除缓存工具
- DuckDuckGo Privacy Essentials - DuckDuckGo 搜索工具
- Enhanced Github - github 工具
- Google 翻译
- HTTP Status - http 状态管理
- jQuery API 中文文档
- Nodei.co: npm badges for GitHub - github 工具
- Octotree - github 工具
- Open SEO Stats(Formerly: PageRank Status) - seo 工具
- PageSpeed Insights (with PNaCl) - 网页速度检测工具
- User-Agent Switcher - UA 工具
- Vimium - vim 工具
- Web Developer - 开发者工具
- 二维码网址
- 掘金
- EditThisCookie - 操作cookie的插件
- Image Downloader - 可以自动分析网页内图片并下载你需要的
- slick - the last carousel you'll ever need
- Swipe - the most accurate touch slider
- Swiper - Most modern mobile touch slider
- iscroll - Smooth scrolling for the web
- iSlider - 移动端滑动组件
- OwlCarousel - create beautiful responsive carousel slider
- jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件
- Glide.js - 轻量级滑块组件
- PhotoSwipe
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- better-scroll - inspired by iscroll, and it supports more features and has a better scroll perfermance
- imagesLoaded
- Echo.js
- lazySizes
- jquery_lazyload
- BttrLazyLoading
- lazyload.js
- lazyload
- layzr.js - 一个小巧快速的图片懒加载库
- waitForImages - 图片加载监听库
- PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能
- bindWithDelay - jQuery Plugin For Delayed Event Execution
- TypeWatch - 停止输入时调用
- FlexSlider
- unslider - 小而美的轮播库
- prettyPhoto
- FlickerPlate - A cool jQuery plugin that lets you flick through content.
- Holder.js - Client-side image placeholders.
- RowGrid.js - 在径直的行里放置图片
- ImageLightbox.js - 灯箱效果
- JQuery Panorama Viewer - 全景视图
- Intense Images - 全屏查看图片
- Picturefill - 一个响应式图片 JS 插件
- zoom.js - 一个 jQuery 图片放大插件
- watermarkjs - 一个在浏览器中添加图片水印的 JS 库
- responsive-images.js
- Turntable.js - 轻易实现图像的3D旋转
- ResponsifyJS - 让图像完全响应式而不会牺牲图像的主要部分
- react-slick - React 实现的轮播图插件
- exif-js 解决手机端上传拍照图片的翻转问题
- js-cloudimage-360-view 360 全景图片
- Jcrop - Image Cropping Plugin for jQuery
- croppic - an image cropping jquery plugin
- smartcrop.js - 智能图片裁剪库
- jQuery.eraser - 图像擦除插件
- DD_belatedPNG.js - 让IE6支持透明PNG图片
- FocusPoint.js 实现图片的响应式裁剪
- imgareaselect
- CSSgram - CSS 实现的 Instagram 滤镜库
- instagram.css - 另一个 CSS 实现的 Instagram 滤镜库
- antimoderate - 图片模糊库
- NProgress.js
- progress.js
- Pace - Automatic page load progress bar
- jquery-ajax-progress
- nanobar - Very lightweight progress bars.
- waitMe - 很漂亮的loading效果
- spin.js
- sonic.js
- fakeLoader.js
- loaders.css - 一个为性能优化的实现加载效果的 CSS 框架
- css-loaders
- Sausage - 跟踪滚动条并记录当前阅读所处节点
- loading.io - 一个 Loading 图标的网站
- jScroll
- web-pull-to-refresh
- pulltorefresh
- RubberBand.js - add pull-to-refresh functionality to any page.
- jquery-smooth-scroll
- jquery.scrollTo - 平滑滚动到页面指定位置
- smooth-scroll
- scrollUp
- elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件
- pagePiling.js - 全屏滚动效果
- fullPage.js
- onepage-scroll
- zepto.fullpage - 专注于移动端的fullPage.js
- screenfull.js - 切换全屏模式
- fetch - A window.fetch JavaScript polyfill
- reqwest - browser asynchronous http requests
- ajax - Standalone AJAX library
- then-request
- browser-request
- superagent
- minAjax.js
- qwest 第三方的Ajax库
- axios - Promise based HTTP client for the browser and node.js
- whatwg-fetch
- jsonp跨域处理
- isomorphic-fetch
- em-jsonp 跨域处理
- lee-colorpicker 基于 jquery 的颜色选择器
- jPlayer - HTML5 Audio & Video for jQuery
- video.js - HTML5 & Flash video player
- Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器
- Clappr - 开源的Web视频播放器
- Plyr - A simple HTML5 media player
- FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
- BigVideo.js - The jQuery Plugin for Big Background Video
- BigScreen - A simple library for using the JavaScript Full Screen API
- Vide - 视频背景
- winamp2-js
- Buzz - A Javascript HTML5 Audio library
- MediaElement.js 播放器 jquery 插件
- html-canvas-video-player 支持 iOS 和 Android 的播放器
- iphone-inline-video 让视频在iPhone上内联播放（防止自动全屏显示）
- Simditor - 简单快速的富文本编辑器
- BachEditor - 一个有情怀的编辑器
- TinyMCE
- bootstrap-markdown
- marked - markdown解析器
- Markdown Plus
- Editor.md - 开源在线Markdown编辑器
- stackedit
- Redactor Text Editor
- micromarkdown.js - 轻量级的md解析器
- wangEditor - 支持移动端的轻量级web富文本框
- CKEditor - 可视化 HTML 编辑器
- Quill - 富文本编辑器
- xEditor - 富文本编辑器
- veditor - 富文本编辑器
- medium-editor Vue.js 官方推荐支持 vue 的编辑器
- slate 一个完全可定制的框架，用于构建富文本编辑器
- tiptap A rich-text editor for Vue.js
- CSS Colours
- Adaptive Backgrounds 从图片抽取主要颜色和应用到父元素
- svg.js Lightweight animation library
- SVGeneration
- SVGMagic - 自动的创建 PNG 来兼容不支持 SVG 的浏览器
- Seen.js - 渲染 3D 场景为 SVG 或者 HTML Canvas
- html2canvas HTML 排版，用 canvas 截图
- domvas 连接 DOM 和 Canvas 的缺失部分
- dom-to-image 用 canvas 使用 HTML5 画布从 DOM 节点生成图像
- rasterizeHTML.js 将 HTML 呈现到浏览器的 canvas 中
- google-code-prettify
- highlight.js
- Rainbow
- ACE
- CodeMirror
- Crayon Syntax Highlighter
- prism - Lightweight, robust, elegant syntax highlighting.
- cross-storage - Cross domain local storage
- localForage
- pouchdb
- basil.js
- Neurosync - JavaScript 本地离线 ORM 库
- LokiJS - 性能优先的 JavaScript 内存数据库
- turbolinks - Javascript pushState
- doT.js
- mustache.js
- Handlebars.js
- artTemplate
- baiduTemplate
- JSRender
- EJS - JavaScript Templates
- Juicer - A Light Javascript Templete Engine.
- Tempo
- json2html
- Hogan.js - JavaScript templating from Twitter.
- Dust.js - Linkedin维护的项目
- nunjucks - A powerful templating engine
- javascript-algorithms 用JavaScript实现的算法和数据结构，并提供解释和进一步阅读的链接
- The Algorithms - Javascript 算法集锦
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
- Stage.js
- phaser - 一个快速、免费、开源的 HTML5 游戏框架
- lufylegend.js
- pixi.js
- 开源世界旅行手册
- 鸟哥的Linux私房菜
- The Linux Command Line (中英文版)
- Linux 设备驱动 (第三版)
- 深入分析Linux内核源码
- UNIX TOOLBOX
- Docker中文指南
- Docker —— 从入门到实践
- Docker入门实战
- Docker Cheat Sheet
- FreeRADIUS新手入门
- Mac 开发配置手册
- FreeBSD 使用手册
- Linux 命令行(中文版)
- Linux 构建指南
- Linux工具快速教程
- Linux Documentation (中文版)
- 嵌入式 Linux 知识库 (eLinux.org 中文版)
- 理解Linux进程
- 命令行的艺术
- SystemTap新手指南
- 操作系统思考
- 一步步搭建物联网系统
- 走向分布式
- 《计算机程序的结构和解释》公开课 翻译项目
- 傻瓜函数编程
- OpenGL 教程
- WebGL自学网
- ELKstack 中文指南
- Mastering Elasticsearch(中文版)
- ElasticSearch 权威指南
- Elasticsearch 权威指南（中文版）
- Logstash 最佳实践
- Puppet 2.7 Cookbook 中文版
- 持续集成（第二版） (译言网)
- 让开发自动化系列专栏
- 追求代码质量
- selenium 中文文档
- Selenium Webdriver 简易教程
- Joel谈软件
- 約耳談軟體(Joel on Software)
- Gradle 2 用户指南
- Gradle 中文使用文档
- 编码规范
- 开源软件架构
- GNU make 指南
- GNU make 中文手册
- The Twelve-Factor App
- 图说设计模式
- 史上最全设计模式导学目录
- design pattern 包教不包会
- 设计模式 Java 版
- 程序员编程艺术
- 每个程序员都应该了解的内存知识(译)【第一部分】
- 取悦的工序：如何理解游戏 (豆瓣阅读，免费书籍)
- Nginx开发从入门到精通 (淘宝团队出品)
- Nginx教程从入门到精通(PDF版本，运维生存时间出品)
- OpenResty最佳实践
- Apache 中文手册
- exvim--vim 改良成IDE项目
- 笨方法学Vimscript 中译本
- Vim中文文档
- 所需即所获：像 IDE 一样使用 vim
- vim 实操教程
- Atom飞行手册中文版
- Markdown·简单的世界
- 一年成为 Emacs 高手
- Emacs 生存指南
- Atom官方手册
- 关于浏览器和网络的 20 项须知
- 浏览器开发工具的秘密
- Chrome 开发者工具中文手册
- Chrome扩展开发文档
- Grunt中文文档
- gulp中文文档
- Gulp 入门指南
- 移动Web前端知识库
- 正则表达式30分钟入门教程
- 前端开发体系建设日记
- 移动前端开发收藏夹
- JSON风格指南
- HTTP 接口设计指北
- 前端资源分享（一）
- 前端资源分享（二）
- 前端代码规范 及 最佳实践
- 前端开发者手册
- 前端工程师手册
- w3school教程整理
- Wireshark用户手册
- 一站式学习Wireshark
- HTTP 下午茶
- HTTP/2.0 中文翻译
- RFC 7540 - HTTP/2 中文翻译版
- http2讲解
- 3 Web Designs in 3 Weeks
- 站点可靠性工程
- 根据最佳的热门文章所总结出来的最完整的 Node.js 最佳实践，持续更新中
- proposals ECMAScript 提案
- Google JavaScript 代码风格指南
- Google JSON 风格指南
- Airbnb JavaScript 规范
- JavaScript 标准参考教程（alpha）
- Javascript编程指南 (源码)
- javascript 的 12 个怪癖
- JavaScript 秘密花园
- JavaScript核心概念及实践 (PDF) (此书已由人民邮电出版社出版发行，但作者依然免费提供PDF版本，希望开发者们去购买，支持作者)
- 《JavaScript 模式》 “JavaScript patterns”中译本
- 命名函数表达式探秘 (注:原文由为之漫笔翻译，原始地址无法打开，所以此处地址为我博客上的备份)
- 学用 JavaScript 设计模式 (开源中国)
- 深入理解JavaScript系列
- ECMAScript 5.1 中文版
- ECMAScript 6 入门 (作者：阮一峰)
- JavaScript Promise迷你书
- You-Dont-Know-JS (深入JavaScript语言核心机制的系列图书)
- JavaScript 教程 廖雪峰
- MDN JavaScript 中文文档
- jQuery
- Node.js
- underscore.js
- backbone.js
- AngularJS
- Zepto.js
- Sea.js
- React.js
- impress.js
- CoffeeScript
- TypeScipt
- ExtJS
- Meteor
- Chrome扩展及应用开发
- 编译原理（紫龙书）中文第2版习题答案
- 把《编程珠玑》读薄
- 学习笔记: Vim、Python、memcached
- 精彩博客集合
- 中文文案排版指北
- Git Cheatsheet Chs
- GitBook简明教程
- JavaScript语言精粹
- 提问的智慧
- Markdown 入门参考
- AsciiDoc简明指南
- 背包问题九讲
- 老齐的技术资料
- 前端技能汇总
- 借助开源项目，学习软件开发
- 前端工作面试问题
- leetcode/lintcode题解/算法学习笔记
- 前端开发笔记本
- OpenWrt智能、自动、透明翻墙路由器教程
- SAN 管理入门系列
- Sketch 中文手册
- 深入理解并行编程
- 程序员的自我修养
- Growth: 全栈增长工程师指南
- front-end-interview-handbook 流行的前端面试手册
- 笔试面试知识整理 - 打开其 Gitbook 上的地址我都惊呆了。虽然有部分内容待完善，但是光浏览目录都是享受。
- 在 LinkedIn 做面试官的故事 - 非面试题，介绍 LinkedIn 的面试过程 文章有很多中肯的建议和想法，推荐阅读
- 大漠：写给前端面试者 - 这篇文章不涉及任何的面试题 大漠与大家聊聊面试者与被面者之间的感受...
- 前端面试题
- 前端面经 - 主要内容是些前端面试笔试题和面试套路，值得阅读
- CircleCI
- GitlabCi
- appveyor 适用于Windows和Linux的持续集成解决方案
- Jenkins - 一个支持 PHP 的连续集成平台
- JoliCi - 一个用 PHP 编写并由 DOCKER 供电的集成客户端
- PHPCI - 一个开源的 PHP 连续集成平台
- SemaphoreCI - 开源和私人项目的集成平台
- Shippable - 一个基于 DOCKER 的开源和私有项目的连续集成平台
- Travis CI - 持续整合平台
- Wercker - 持续整合平台
- snyk.io 前端依赖检测
- codecov.io 测试覆盖率报告