## 这里主要推荐一下自己平时常用,提高效率的一些库和软件

前端常用*

  • sweetalert2 一个自适应,且自定义性强的弹出框(零依赖)
  • tippy.js 最著名的 tooltip/popover library
  • text-mask 可以让 input 按照规则输入(如电话,email,日期,信用卡等),特殊格式 input
  • dinero.js 用来创建、计算和格式化货币价值的不可变的框架,支持国际化
  • lerna 大项目版本控制工具,项目中可以有多个 package.json 文件
  • img-2 一个提高图片加载性能和体验的库,懒加载使用 web worker 模糊预览
  • fingerprintjs 是一个快速的浏览器指纹库,通浏览环境的一系列配置生成 id
  • ajv 一个 json schema 验证的库
  • dayjs 一个轻量级类 moment.js API 时间库
  • primjs 让页面支持代码高亮
  • ReLaXed 一个将 document html 转成 PDF 的工具
  • uppy 一个很好看的也很好用的 前端上传库
  • Filepond 一个小巧的文件上传库
  • tui-calendar 功能全面的日程安排日历控件,还支持拖拽
  • tui.editor markdown 所见即所得编辑器
  • tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美观 高颜值 ui 模板
  • pulltorefresh.js 下个下拉刷新插件
  • lulu 腾讯阅文基于 jQuery,针对 PC 网站 IE8+(peak 主题)的前端 UI 框架
  • chancejs 生成随机数据的库
  • spritejs 360 奇舞团出的跨平台绘图对象模型
  • tui.image-editor 一个功能齐全的在线图片编辑,基于 canvas
  • nanoid 前端轻量 unique string ID 生成库
  • rxdb 一款开源的快速、灵活的客户端数据库,支持各种浏览器以及 NodeJS,Electron、React 等等,是 PouthDB 之上的一个封装库
  • percollate 命令行工具 能将网页转换成 pdf
  • rawact 一个 babel 插件,把 react 组件转为原生 dom
  • irondb 是一个浏览器 key-value 储存的封装库,把 Cookies、IndexedDB、LocalStorage、SessionStorage
    统一成一个接口。它的最大特色就是数据冗余机制,即使某种底层储存机制失效,它可以从其他机制恢复数据。
  • big.js 解决 js 浮点数问题。 主要就是 Big Number 或者小数点温柔
  • bignumber.js 同上
  • stickybits CSS 的 position: sticky 是一个很有用的设置,但是老的浏览器不支持。这个 JS库是该功能的垫片库。
  • react-jsonschema-form Mozilla service 开源了一个通过 JSON 直接生成表单的 React 组件
  • cleave.js 用于在输入时格式化输入内容(信用卡格式、日期等)
  • shiny 在手机设备上模拟光的反射效果。 支持 DeviceMotion 事件
  • cloudquery Turn any website to serverless API
  • A-Programmers-Guide-to-English 专为程序员编写的英语学习指南。
  • rrweb 一个可以记录你页面中所有操作的库
  • nodeppt markdown 写 ppt
  • flexsearch 能让你更加高效和快速的检索文本内容
  • public-apis 汇集了市面上一些对外免费开放的 api,做一些自己练手 app 的时候很好用。
  • scroll-hint 用于提示用户页面可以左右滑动的一个提示库
  • fuse.js 轻量级前端模糊查询库 非常的好用
  • FileSaver.js 文件下载插件 很多时候下载会有兼容性问题,它能帮你解决这些问题
  • instant.page 一个判断用户行为 预测提前加载页面的库
  • screenfull.js 浏览器全屏插件 解决了不少兼容性问题
  • VuePress 本网站就是基于它实现的,简单方便的静态网站生成器
  • selection 可视化选择页面元素的库
  • scroll-out 滚动效果(滚动视差)的框架,框架大小不到 1KB,使用回调的方式将相关动画元素的属性进行实时分配
  • gpu.js 通过将 js 转为特定的 language,利用 GPU 来执行,大大提高了执行性能和速度
  • pressure 前端实现 3D Touch
  • hammer 移动端手势库
  • AlloyFinger 腾讯出的手势库
  • lowdb LowDB 是一个本地 JSON 数据库,基于 Lodash 开发的
  • JSON-server 可以配合 LowDB 使用 快速搭建一个 REST API
  • lunr.js 是个用于浏览器的轻量级 JavaScript 全文搜索引擎,对于一些小型的博客、开发者文档或 Wiki
    网站来说,完全可以通过它实现站内离线搜索
  • he 一个前端 encoder/decoder 库
  • grade 一个可以根据你的 图片 调整底色的插件
  • pretty-bytes 将字节转换成可以读的字符串,比如 1337 个字节,会显示成 1.34 KB
  • runkit 一个基于 node 的在线 playground
  • chart.xkcd 手绘风格的图表库
  • sketchviz 手绘风格流程图
  • pagemap Mini map for web pages 页面导航图
  • commonmark.js parser and renderer markdown
  • body-scroll-lock 解决滚动穿透问题
  • lodash 前端工具函数集合
  • dayjs 时间处理库,不过大部分情况下我还是用自己的封装的函数
  • lightgallery 图片预览组件
  • photoswipe 图片预览组件,支持移动端
  • darken 页面黑夜模式切换
  • mitt 轻量级 pub/sub
  • sanitize-html html 过滤库,防 xss
  • DOMPurify 比 sanitize-html 更轻量,建议一般业务用这个

Css && 动画

持续更新中…

这里主要推荐一下前端常用,提高效率的一些库和软件相关推荐

  1. 推荐一些能能提高生产力的 Python 库

    " 阅读本文大概需要 3 分钟. " 一门语言好用.方便的程度在很多时候会取决于这门语言相关的库够不够丰富,Python 之所以火爆除了其本身的语法和特性之外,还在一定程度上取决于 ...

  2. 你的Windows电脑里有哪些效率翻倍的生产力软件?

    推荐8个可以提高效率的工具,让你的办公效率翻倍. 1.Snipaste Snipaste是一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上.支持精准截图,自动识别并贴合窗口,多种颜色多种标记.矩 ...

  3. 高效率工具推荐,让你快速提高效率

    有小伙伴在寻找可以提高效率的软件吗?今天我带来了几个高效率软件,有兴趣的朋友就接着往下看吧. 1.Ditto 这是一款剪贴板软件,非常好用!写论文,查资料必备软件!比如平日里我们上网查资料,只需要网页 ...

  4. chrome vue插件_VS Code 前端常用插件推荐

    ⊕.vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效. Ξ.当你不需要某个插件时只需要进入扩展,点击对应 ...

  5. vscode运行html的插件_vscode前端常用插件推荐,搭建JQuery、Vue等开发环境

    vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,edit ...

  6. 有助提高效率的Web前端开发框架有哪些?

    目前可选的前端框架还是比较多的,有些以前出名的如今已经逐渐淡出我们的视野.有助于提高效率的Web前端开发框架有以下这些: 第一.Bootstrap Bootstrap,来自推特官方提供的一个用于前端开 ...

  7. Java开发常用网址,推荐一些能帮助我们提升开发效率和学识巩固的网址,值得收藏

    文章目录 1.前言 2.网址信息 1.在线工具: 2.在线学术文档: 2-1 后端相关: 2-2 前端相关: 2-3 AI相关: 1.前言 推荐一些能帮助我们提升开发效率和学识巩固的网址,值得收藏 2 ...

  8. 推荐7款Mac上能极大提高效率的软件,建议收藏!

    给大家分享7款Mac端鲜为人知但是能极大提高效率的软件,个个都非常强大,直接上干货!喜欢的话记得点赞支持哦~ 1.simplemind simplemind是一款跨平台思维导图工具,可以帮助思考.收集 ...

  9. 推荐一个提高效率的工具:Google桌面

    介绍一个提高效率的工具,Google 桌面. "使用 Google 桌面搜索计算机如同使用 Google 搜索网络一样方便.这是一款款桌面搜索应用程序,能够对电子邮件.文件.音乐.照片.聊天 ...

最新文章

  1. 【Android】Android中判断后台服务是否正在运行
  2. 十九、 彻底掌握金融量化交易库Talib
  3. 活动目录网域中禁用移动存储(U盘)
  4. 在服务器端渲染完毕的 Angular Component,在客户端还会重新渲染一次吗?
  5. Linux 的权限表达式
  6. 前端学习(972):swiper插件使用 参数更改
  7. ABAP和Java单例模式的攻防
  8. leetcode 70 python (动态规划)
  9. 哪些专业是毕业即失业?
  10. hadoop2.6.2分布式环境搭建
  11. Gmail最新功能实测:离线版上线增加手势(多图)
  12. vue的v-for循环普通数组、对象数组、对象、数字
  13. submit汉化 亲测可用
  14. 语音测试,串口和adb
  15. 亲戚关系php,中国亲属关系称谓表
  16. 开发与研发:区别很大(上)
  17. 数学之路-python计算实战(4)-Lempel-Ziv压缩(1)
  18. 关于PHP程序员技术职业生涯规划 2017年3月5日韩 天峰
  19. 4月手游行业买量市场洞察:网易新游《第五人格》强势抢量
  20. asp.net 文件下载的五种方式

热门文章

  1. 分布式锁-Redis红锁解决方案
  2. 创业公司如何建立一个完善的销售管理体系?
  3. 【Java基础】--第1~6章:基础知识、变量和数据类型、运算符、程序控制结构、数组
  4. 服务器读取内存信息,读取服务器内存信息工具
  5. spring boot 整合mybatis和jpa遇到的那些坑,附代码
  6. 自学实前后端践项目3 Spring Cloud微服务 8
  7. 电销外呼系统怎么选择
  8. netstat -an 结果分析
  9. 分享武汉大学李征航老师的《GPS原理与应用》
  10. Day13.高性能RPC设计 学习笔记1