Skip to content

aidenZou/index

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

83 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

index

Web开发常用第三方lib导航

非常欢迎您的 添加 和 修改(issues) 来共同完善常用lib,让 Web开发更简单和快捷

Node.js的出现就像把前端从农业化时代一下子拉向了工业化时代。

常用

路漫漫其修远兮,吾将上下而求索

文章

数据

神器

  • 变量取名 “计算机科学的两件难事:缓存失效和命名。”

iconfont

UI

Material Design

主流框架

MVV*
Other

Angular

  • UI Bootstrap 基于 AngularJS & Bootstrap
  • LumX 基于 AngularJS & Material Design 的框架

React

微信

  • WeUI 微信官方出品
  • vue-weui 针对 Vue框架移植的 WeUI 框架的适配

前端工具

  • VanillaJS 最快的 JS(没有之一)
  • is.js 这被描述为“微型检查库”,它提供了一个很好的API,允许你做各种数据进行检测。
  • VisSense.js 一个DOM元素的观测能见度变化的实用工具库。
  • Roll 帮助你跟踪位置、滚动、和分页的JS库
  • clipboard.js 拷贝文字到剪切板的现代化方法
  • html5tooltips.js 带有CSS3动画的轻量级简洁Tooltip插件
  • Annotator.js 为页面中选中的文本添加注释、高亮、标签等的JS库
  • cookie.js A tiny JavaScript library that simplifies cookies.
  • store.js 它有更简单的api,最重要的是他解决了跨浏览器问题,甚至解决了低版本浏览器(ie6)不支持localStore的问题。
  • data.js 是带有消息通知的数据中心,我称其为会说话的数据。旨在让编程变得简单,世界变得美好。
  • Keypress 一定记不住键盘上每个键的键位码吧,来试试这个,直观的展示,再也不需要记忆了。
  • device.js 你想检测用户的设备,试试这个吧,比jq.browser全面多了。
  • Device detection (phone, tablet, desktop, mobile grade, os, versions)
  • jsqrcode Javascript的QRCode的扫描仪(依赖一个叫getUserMedia的属性)

下载

构建

优化

计算

组件

  • notie.js 清洁、简单的通知插件。
  • share.js 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站。

666

  • parallax 轻量级的的视差引擎,智能设备的方向作出反应。 示例:demo1 demo2

JS前端模板引擎

  • template.js 一款javascript模板引擎,简单,好用。

Node模板

导航

  • Elevator.js “返回顶部”效果像真正的电梯一样。
  • Slideout.js 适用于移动端WEB应用的触摸式导航菜单。
  • Bootply Bootstrap是一个非常流行的框架,所以这个BootStrap编辑器值得一试。

触摸

  • Hammer.js JavaScript 多点触控手势库。

轮播图&画廊

  • ItemSlide.js 同时支持触摸滑动以及鼠标滚动的JavaScript轮播图库。
  • lory.js 使用vanilla JavaScript编写的简单的触摸式滑块工具。
  • Simple Lightbox 同时支持移动端和PC端的jQuery灯箱效果插件。
  • Chocolat.js 响应式jQuery灯箱插件。
  • jQuery lightgallery 轻量级、可定制、模块化、响应式的灯箱画廊插件。
  • viewerjs 图片浏览控件

延迟加载

  • Layzr.js 体积小、速度快、现代化、无依赖的延迟加载库。
  • AntiModerate 渐进图片加载库。

表单插件

  • Awesomplete 超轻量级、高度可定制化的自动补全jQuery插件。
  • Submitter 简单的jQuery表单提交插件。
  • Select or Die 为元素设置样式的jQuery插件。 jQuery Nice Select 把原生样式替换为可定制的下拉菜单的轻量级jQuery插件。
  • datedropper 提供管理日期输入字段的jQuery插件。
  • Instantsearch.js 用于高性能即时搜索的插件。

动画插件&库

  • Velocity.js
  • AniJS
  • iconate.js 体积小、性能高的跨浏览器图表转换库。
  • Animate-Plus 帮你设置CSS及SVG动画属性的高性能JavaScript库。
  • Dynamics.js 用于创建基于物理学的CSS动画的JavaScript库
  • cta.js 轻量级“行动到效果”动画库 (****)
  • ramjet.js 实现DOM元素从一个状态到另一个状态平稳过渡的库 (****)
  • mo.js motion graphics toolbelt for the web。
  • jQuery.smoothState.js 不显眼的页面过渡jQuery插件
  • Move.js 如果你操作过css3的属性,一定会觉得非常痛苦的,那不如来试试合格,css3动画瞬间变得简单了。

辅助工具

  • tota11y 一个可视化工具箱。

  • ally.js 使访问更简单的JavaScript库。

  • emojify.js 把Emoji关键词转换为表情图的JavaScript模块。

  • jQuery.dotdotdot 多行内容先进的跨浏览器的省略。

  • Code Push

  • 代码规范有 ESLint

  • 单元测试有 Karma

  • 集成测试有 CasperJS/Nightwatch

  • 代码覆盖率用 istanbul,

在线画图

日期

图形与图表

  • D3
  • Highcharts
  • ECharts 百度出品
  • Chartx Chartx是一套数据可视化解决方案,其底层基于自有canvas渲染引擎Canvax(canvax的基于心跳包的主动渲染机制在图表这样并不需要高帧率的场景中有着非常良好的性能)。(阿里出品)
  • Chart.js
  • Clusterize.js 可以轻松显示大数据集的微型JavaScript插件。
  • plotly.js 高级、开源的图表库。
  • Textures.js 使用SVG元素实现数据可视化。

另类

  • egg.js 向网页上添加复活节彩蛋的简单JavaScript库
  • Flexbugs Flexbox常见问题及狂浏览器解决方案
  • favico.js 在favico上添加数字是不是很nice,点击下面的官网查看效果,这肯定要逼死强迫症了。

CSS

CSS重置

PostCSS

Other

  • Juiced Flexbox CSS 框架
  • Drop 用于创建下拉菜单和其他浮动元素的库。
  • SassyFlags 为你的网站添加旗帜的简单库

PPT 幻灯片

Node

模板

Hybrid Mobile

后台管理模板

工具

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published