Your Browser Don't Support Canvas, Please Download Chrome ^_^``

整理个人star中比较好用的前端库(持续更新)

字数: 123123   阅读数: 0
Posted by Kerwin She on May 16, 2018

页面处理

名称 描述 兼容性
in-view 当DOM元素进入或退出视口时得到通知 IE9+
Hover CSS3动力悬停效应的集合,应用于链接、按钮、标志、SVG、特征图像等 IE8+(部分支持)
animate.css CSS动画的跨浏览器库。简单易用。
impress.js 是一个javascript的第三方类库,可以实现ppt,动画,切换等功能,在所有的web浏览器上均有不错表现,但目前不支持手机浏览器。
PDF-Reader PDF Reader in JavaScript
Video.js 开源的HTML5&Flash、video播放器  
fine-uploader 多文件上传插件与图像预览,拖放,进度条。 IE8+
Gallery BLUBIMP画廊是一个触摸启用,响应和可定制的图像和视频画廊,旋转木马和灯箱,为移动和桌面网络浏览器优化。 IE7+
push.js 世界上最通用的桌面通知框架 IE9+
js-xlsx 电子表格解析器和写入器 IE8+
layzr.js 图片懒加载 IE10+
scrollreveal web端和手机端的滚动动画 IE10+
fullPage.js 快速创建简洁的全屏页面 IE8+
clipboard.js 复制面板工具 IE9+
pace 网页自动加载进度条插件

框架

名称 描述 兼容性 支持语言
Weex Weex 致力于使开发者能基于当代先进的 Web 开发技术,使用同一套代码来构建 Android、iOS 和 Web 应用。 VuejsRax
html5-boilerplate HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站详细

UI框架

功能检测和优化

  • Respond:让IE6-8支持CSS3 Media Query
  • Modernizr:用于检测用户浏览器中的HTML5和CSS3特性
  • normalize.css:CSS重置的现代替代方案

Markdown

图表

  • D3:用SVG、画布和HTML实现数据

个人站点

  • hexo-theme-next :hexo站点模板
  • hexo:A fast, simple & powerful blog framework, powered by Node.js.

聊天

  • converse :JavaScript的基于Web的XMPP/Jabbor聊天客户端
  • Rocket.Chat : 拥有自己的Slack,就像在线聊天,由Meteor构建。

微信

  • weui:微信官网团队开发的微信UI库
  • wepy:小程序组件化开发框架

React

  • next.js:react服务端渲染框架

HTTP

  • axios:Promise based HTTP client for the browser and node.js
  • fetch:A window.fetch JavaScript polyfill.

包管理

  • yarn:Fast, reliable, and secure dependency management

javascript 风格

日期处理

  • moment.js:Parse, validate, manipulate, and display dates in javascript

数学公式

  • MathJax:Beautiful math in all browsers

语法高亮

代码测试

  • jest:Delightful JavaScript Testing.

图标

文档

  • docsify: A magical documentation site generator.

富文本

开发平台

  • meteor:Meteor, the JavaScript App Platform

图片处理

图片查看

  • PhotoSwipe:JavaScript image gallery for mobile and desktop, modular, framework independent
  • viewerjs: 图片查看器

文件拖拽

  • dropzone:Dropzone is an easy to use drag’n’drop library. It supports image previews and shows nice progress bars.