收集一些前端工具库资源

moment.js 时间函数库

query-string   url参数解析库

 

https://github.com/peunzhang/pageResponse 移动端响应 适用滑屏 简单页面

https://zh.javascript.info/

https://chokcoco.github.io/CSS-Inspiration/#/./blendmode/blend-loading.md

https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-focus-within-placeholder-shown

https://ts.xcatliu.com/

https://github.com/chokcoco/CSS-Inspiration

https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-waterfalls-flow.md

https://github.com/QiShaoXuan/css_tricks

https://blog.poetries.top/node-learning-notes/

https://github.com/qianguyihao/Web

https://github.com/alvarotrigo/fullPage.js/#fullpagejs 滚动全屏

https://github.com/chokcoco/CSS-Inspiration

https://www.xiaohuochai.site/

https://panjiachen.github.io/awesome-bookmarks/repository/#%E5%89%8D%E7%AB%AF%E5%B8%B8%E7%94%A8  前端资源

https://www.yuque.com/zhongxiaoyu/ik4ch8/mmu3gl

https://www.yuque.com/zhongxiaoyu/ik4ch8/wnl3fs js技巧

https://www.yuque.com/zhongxiaoyu/ik4ch8/zzx19n 跨域

http://www.vvveb.com/vvvebjs/editor.html

https://codepen.io/JowayYoung/pen/GRKoPdK 气泡背景 动效

https://sortablejs.github.io/Vue.Draggable/#/custom-clone 

https://www.yuque.com/chaojie-vjiel/vbwzgu/ugumna 表单生成

https://www.yuque.com/zhongxiaoyu/ik4ch8/trx8qn 每日周报

https://github.com/MopTym/vue-waterfall 瀑布流

https://github.com/any86/any-touch 手势库

http://datav.jiaminghi.com/demo/ 大屏数据展示组件

https://terryz.github.io/vue/#/selectpage/demo vue下拉组件

https://drawcall.github.io/AniX/ vue js动画库

https://github.surmon.me/vue-quill-editor/ vue 富文本编辑器

http://cml.didi.cn/docs/  多端框架

http://vue.spritejs.org/ https://spritejs.org/#/zh-cn/examples  动画

https://sindresorhus.com/gifski 视频转gif

https://any86.github.io/any-rule/ 正则大全

https://rax.js.org

https://imgcook.taobao.org/

https://a-programmers-guide-to-english.harryyu.me/ 英语

https://www.digitalocean.com/community/tools/nginx?domains.0.php.php=false&domains.0.routing.index=index.html&domains.0.routing.fallbackHtml=true nginx在线配置

https://github.com/michalsnik/vue-content-placeholders 骨架屏组件

https://xuliangzhan_admin.gitee.io/vxe-table/#/table/other/antd 表格组件库

https://pinyin.js.org/ 中文转拼音

https://tinypng.com/ 图片压缩

 

移动端轻量级手势库

https://github.com/hammerjs/hammer.js/tree/master/

http://hammerjs.github.io/

weui

http://jqweui.com/

 

https://juejin.im/post/5ba7d5dd5188255c6140cc9d

 

函数库

Lodash（推荐）：github.com/lodash/loda…

Underscore：underscorejs.org/

Ramda：github.com/ramda/ramda

outils：github.com/proYang/out…

30-seconds-of-code：github.com/Chalarangel…

动画库

Animate.css

Anime.js：

  • 一个强大的、轻量级的用来制作动画的javascript库
  • animejs.com/

Hover.css：

wow.js:

  • 滚动展示动画
  • WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果。
  • github.com/matthieua/W…

scrollReveal.js：

Magic.css：

Waves：

move.js：

  • 一个小型的JavaScript库，通过JS来控制一系列的CSS动画顺序执行，使CSS3动画变得非常简单和优雅。
  • github.com/visionmedia…

Velocity.js：

  • 一个功能齐全的 JavaScript 动画套件，包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果。
  • github.com/julianshapi…

滚动库

iscroll - 平滑滚动插件：github.com/cubiq/iscro…

BetterScroll：

mescroll：

animatescroll：

crossfade.js：

jQuery Scrollbox：

liMarquee：

轮播图

Swiper：

iSlider：

slip.js：

OwlCarousel2：owlcarousel2.github.io/OwlCarousel…

slick：www.jq22.com/jquery-info…

myFocus：www.cosmissy.com/myfocus/tut…

WebSlides：github.com/webslides/w…

jQuery轮播插件slider：www.jq22.com/jquery-info…

滚屏

fullpage：www.jq22.com/jquery-info…

弹出框

layer：

  • layer.layui.com/
  • layui 独立维护的三大组件之一（layDate、layer、layim）
  • 尽管 layui 中包含了这些组件，但因为它们受众群体广泛或应用广泛，特从 layui 中抽取出来个副本，可独立引用。我们也会对它们进行同步维护。

Bootbox.js：bootboxjs.com/

dialogBox：

easyDialog：www.h-ui.net/easydialog-…

消息通知

Notyf：

PNotify：

overhang.js：

下拉框

select2：select2.org/

级联选择器

ustbhuangyi/picker

jQueryDistpicker：

颜色选择器

Bootstrap Colorpicker 2：github.com/farbelous/b…

时间选择器

layDate：www.layui.com/laydate/

wdatepicker

时间日期处理

Moment.js：

timeago.js：

表单验证

validator.js：github.com/chriso/vali…

jQuery Validation

Validation Plugin：

Validform：

分页插件

pagination：github.com/superRaytin…

富文本编辑器

wangEditor：www.wangeditor.com/

百度UEditor：ueditor.baidu.com/website/

CKEditor：ckeditor.com/

KindEditor：kindeditor.net/demo.php

MediumEditor：yabwe.github.io/medium-edit…

Simditor：simditor.tower.im/

Summernote：summernote.org/

Markdown 编辑器

Editor.md：pandao.github.io/editor.md/

树插件

www.treejs.cn

图片懒加载

lazyload：github.com/tuupola/jqu…

瀑布流

Masonry：www.cnblogs.com/cjc917/p/74…

Metro风兼瀑布流布局效果http://www.lanrenzhijia.com/jquery/1985.html

相册（图片滑动切换展示效果）

PC端：Viewer.js：fengyuanchen.github.io/viewerjs/

PC端：photoviewer

移动端：PhotoSwipe：www.helloweba.net/javascript/…

导航插件

okayNav：www.dowebok.com/204.html

视频播放器

Chimee

flv.js

ckplayer：www.ckplayer.com/

jplayer：www.jplayer.cn/

html5player：juejin.im/post/596f53…

Video.js

  • 开源、免费的HTML5和Flash视频播放器
  • Video.js - 开源、免费的HTML5和Flash视频播放器

多青：dogeek.net/

弹幕视频播放器

DanmuPlayer - Html5弹幕视频播放器插件：github.com/chiruom/Dan…

jquery.danmu.js - jQuery弹幕插件：github.com/chiruom/jqu…

scroxt - 字幕字体滚动插件：github.com/chenjianfan…

复制粘贴插件

clipboard.js：github.com/zenorocha/c…

ZeroClipboard：github.com/zeroclipboa…

条形码插件

barcode

二维码插件

jquery.qrcode.js：github.com/jeromeetien…

拖拽

Draggabilly：www.jq22.com/jquery-info…

dragula：www.toutiao.com/a6491847196…

手机端事件

touch.js

文件上传

uploader

WebUploader：

代码高亮

hightlight：highlightjs.org/

前端国际化 i18n

i18next：github.com/i18next/i18…

vue-i18n：github.com/kazupon/vue…

前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”：www.cnblogs.com/landeanfen/…

基于jQuery.i18n.properties 实现前端页面的资源国际化：m.blog.csdn.net/aixiaoyang1…

地图

百度地图：lbsyun.baidu.com/

谷歌地图：www.runoob.com/googleapi/g…

高德地图：lbs.amap.com/

腾讯地图：lbs.qq.com/

网页即时通讯

LayIM：layim.layui.com/

闲聊么：www.xianliao.me/

数据可视化

ECharts ：echarts.baidu.com/index.html

阿里云 DataV

PDF 阅读器

github.com/mozilla/pdf…

主题色提取

RGBaster：github.com/briangonzal…

Color Thief

vibrant.js

前端存储

ustbhuangyi/storage：

store.js

localForage：github.com/localForage…

数据 Mock

Easy Mock：github.com/easy-mock/e…

Mockjs：

  • mockjs.com
  • 生成任意随机数据，拦截 Ajax 请求

 

 

json-server + fakerjs：github.com/typicode/js…

分享

bShare

JiaThis（关闭了！！！）

QQ分享组件

百度分享

评论

Gitalk

gitment

畅言

来必力

友言（关闭了！！！）

网易云跟贴（关闭了！！！）

其他

IE浏览器版本过低提示插件IEalert.js：www.jqueryfuns.com/resource/45…

lyric-parser - QQ音乐歌词解析：github.com/ustbhuangyi…

holder.js - 图片占位符插件：github.com/imsky/holde…

jQuery放大镜插件jqzoom.js：www.jq22.com/jquery-info…

Zooming – JavaScript图片缩放库：www.dowebok.com/223.html

fastclick - 消除 click 移动浏览器300ms延迟：github.com/ftlabs/fast…

jsonp - 一个简单的JSONP实现：github.com/webmodules/…

js-base64 - Base64 编码解码：github.com/dankogai/js…

新手引导：github.com/easelinc/to…

posted @ 2018-08-30 12:22  创业男生  阅读(589)  评论(0)  编辑  收藏  举报