# 前端大杂烩
# 学习资源
# 基础学习
# 刷题
FreeCodeCamp - 编程闯关 , github上star最多的项目
ScriptOJ - 国人开发的前端题库
# 知识&规范
# HTML相关
- HEAD - 最全的 head 列表,真心佩服这种偏执的整理能力
# CSS相关
# JavaScript相关
# 移动端相关
# 移动端优化
FastClick - 处理移动端 click 事件 300 毫秒延迟
# 移动端框架
# Git,SVN,Github相关
git - 简明指南 - 助你入门 git 的简明指南,木有高深内容 😉
Git 速查 - 分类清晰的速查表
learnGitBranching - Git图形化练习
Pro Git - Pro Git 第二版, 在线书籍
# Data数据处理
# http请求
# 本地存储
LocalForage - 改进的离线存储
# 模板引擎
# icon - 字体图标
Cikonss - 纯CSS实现的响应式Icon
# image图片相关
# 图片轮播(幻灯片)/图片展示
unslider - 小而美的轮播库
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 库
图片压缩
# 图片裁剪/图片处理
Jcrop - Image Cropping Plugin for jQuery
croppic - an image cropping jquery plugin
smartcrop.js - 智能图片裁剪库
jQuery.eraser - 图像擦除插件
# 图片加载(懒加载/预加载/加载监听)
layzr.js - 一个小巧快速的图片懒加载库
waitForImages - 图片加载监听库
PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能
bindWithDelay - jQuery Plugin For Delayed Event Execution
TypeWatch - 停止输入时调用
# 二维码
# 页面交互
# 按钮
Buttons - A CSS button library
jquery.onoff - Interactive, accessible toggle switches for the web.
# Slider - 滑块
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 - 轻量级滑块组件
TouchSlide) - 触屏滑动特效(焦点图,Tab切换
# Masonry - 瀑布流
# Loading - 进度条/加载动画/占位图
Pace - Automatic page load progress bar
nanobar - Very lightweight progress bars.
waitMe - 很漂亮的loading效果
loaders.css - 一个为性能优化的实现加载动画效果的 CSS 框架
# Scroll - 滚动
# 滚动条(Scrollbar)
# 滚动侦测
ScrollMagic - 像进度条一样使用滚动条
# 滚动加载更多/下拉刷新
RubberBand.js - add pull-to-refresh functionality to any page.
# 平滑滚动插件(Smooth Scroll)
jquery.scrollTo - 平滑滚动到页面指定位置
elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件
# 全屏滚动/全屏切换/分屏滚动
pagePiling.js - 全屏滚动效果
zepto.fullpage - 专注于移动端的fullPage.js
screenfull.js - 切换全屏模式
multiscroll.js - 分屏滚动效果
# 视差滚动/转场效果
Animsition - 页面切换时的过渡效果
# 滚动固定元素
jquery.pin - 固定页面元素
Slinky.js - 堆叠头部创建滑动导航列表
# 弹出层
# Dialog - 对话框
Notify.js(Web Notifications API) - 在桌面弹出消息
# Tooltip - 提示
# Popover - 弹出框
# 拖拽
Draggabilly - 专注于拖拽功能的 JS 库
dragula - 一个让拖放操作变简单的 JS 库
GridList - 可拖拉的响应式列表库
# 隐藏/展示元素
Headroom.js - 在不需要页头时将其隐藏
Readmore.js - 内容显示与隐藏插件
oriDomi - 像纸一样折叠Dom元素
# 分页 - Pagination
# Animate - 动画
Effeckt.css - A Performant Transitions and Animations Library
jQuery Interactive 3D - Create a 3D interactive object using images
# %96%87%9C%AC%E5%A4%84%E7%90%86) 文本处理
# 文档/表格/PDF
# 音频/视频/播放器
FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
BigScreen - A simple library for using the JavaScript Full Screen API
# 表单相关 - form
# 表单验证
# 选择器 - select
# 单选/复选
# 日期时间选择器 - DateTimePicker
PC
PriceCalendar - 酒店价格日历
移动
Date library
# 级联选择器 - Cascader
# 输入框
# 自动完成
# 样式修复
# 上传 - Upload
# 图表绘制/图形库(Graphics)
D3.js - A JavaScript visualization library for HTML and SVG.
zrender - 一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型,让canvas绘图大不同!
# 富文本编辑器 - Editor
# 颜色(CSS Colors)/SVG/Canvas
# 社会化 分享功能
# 实用工具/其他插件
# 谷歌浏览器插件
# 静态文档
- hexo
- jekyII
- vuepress
- docsify
- gitbook
# 常用CDN
# canvas
# Node.js
# 面试相关
← 不常用的对照表