好用的前端库

开源库地址描述备注
PhotoSwipehttps://github.com/dimsemenov/PhotoSwipe

模仿微信朋友圈图片放大滑动浏览

https://github.com/search?q=photoswipe可以看到相关库
momentMoment.js 中文网

JavaScript 日期处理类库

moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
browser-cookiesbrowser-cookies - npm浏览器端js处理cookie
axios使用说明 · Axios 中文说明 · 看云js发ajax的库
form表单形式('Content-Type': 'application/x-www-form-urlencoded')发送的json数据要先用qs开元库进行序列化使用发送数据(data = qs.stringify(data))
clipboardclipboard.js 介绍 - yunser_blog - 博客园js复制文本并使用粘贴板
animate.cssGitHub - animate-css/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.css3动画库Redirecting to Animate.css
htmlparser2GitHub - fb55/htmlparser2: The fast & forgiving HTML and XML parserhtml节点解析可以防止XSS攻击
he.jsGitHub - mathiasbynens/he: A robust HTML entity encoder/decoder written in JavaScript.编解码工具可以处理DOM节点
zoomingzooming - npm图像放大
threejsThree.js – JavaScript 3D Library3D效果
screenfull.jsscreenfull - npm可以将页面或任何元素置于全屏状态
lernalerna - npm大型工程需要将代码库拆分成独立的包,这个库用于包管理vue、babel都是用这个工具进行管理
three.jsthree - npm使用默认的WebGL渲染器创建易于使用,轻巧的3D库

three.js文档:

Three.js – JavaScript 3D Library

Three.js 中文教程 | 参考手册 | 使用指南 | 动画特效实例 | 踏得网

WebGL中文教程:WebGL 中文教程_w3cschool

MDN:

WebGL - Web API 接口参考 | MDN

thingjsthingjs-3d - npm物联网3D开发

ThingJS - 物联网3D可视化开发平台 - 数字孪生可视化平台

参考(排名靠前的3D引擎):

https://www.cnblogs.com/fuqiang88/p/5577642.html

CodeMirrorCodeMirror制作在线编辑器参考:使用CodeMirror实现Python3在线编辑器_weixin_34253539的博客-CSDN博客
normalizenormalize - npm重置浏览器默认样式
animate.cssAnimate.css | A cross-browser library of CSS animations.

css3动画库

wowReveal Animations When Scrolling — WOW.js页面下拉添加动画,依赖 animate.csshttps://github.com/matthieua/WOW
tailwindTailwind CSS - 只需书写 HTML 代码,无需书写 CSS,即可快速构建美观的网站。 | TailwindCSS中文文档 | TailwindCSS中文网标准化css的库,提高css的复用和标准化
re-resizablere-resizable - npm拖拽改变页面组件宽度,类似拖拽侧边栏对比resizable - npm
qsqs - npmurl 参数转化 (parse 和 stringify)的轻量级 js 库
animejsanime.js • JavaScript animation engine

可以与 CSS3 属性、SVG、DOM 元素和 JS 对象一起创建各种高性能、平滑过渡的动画效果。

erudaeruda - npm移动端console调试库对比腾讯的vconsole - npm

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值