前端常用框架或库收集整理
React 常用组件
- react-use 常用的自定义 hooks 合集
- react-hook-form 最常用 react 表单处理hooks,用来做表单验证处理,提交等
- react-cool-img react图片懒加载
- react-cool-inview react元素块内容进入页面可视区域监听组件,类似于
- react-dnd 拖放效果组件
- react-sortable-tree 可以排序的树形组件
- @uiw/react-md-editor md 编辑器,可以自定义控件,如上传等
- shepherdjs 网站新手引导框架 也有react 组件 https://shepherdjs.dev/docs/
- react-files-uploading react 文件上传组件 https://www.npmjs.com/package/react-files-uploading
- react-images-uploading react 图片上传组件 https://www.npmjs.com/package/react-images-uploading
- react-intersection-observer react 图片和dom懒加载 https://github.com/thebuilder/react-intersection-observer
- react-share 网站分享快速生成按钮和图表的组件
NodeJs
- cheerio 用jquery语法来解读提取html文本内容的爬虫内容分析库
- ora 命令行loading工具
- consola 命令行人机交互输入工具,可以异步执行多个输入,单选,多选,确认 操作
- commander 命令行工具,注册命令,指定命令的说明,可选参数,以及要执行的代码,一般配合上面的 consola 来实现命令行工具
UI 组件库
- ElementUI vue 框架使用最多的组件库
- Framework7 支持所有主流前端框架,三端都有组件库
JS 绘图
- jsplumb 拓扑图绘制框架
- fabricjs canvas库,支持画图,绑定操作,事件等,让canvas变简单
- ECharts 不用多说,无人不知,无人不晓
- Cytoscape.js 主要用来画连线图,如关系图谱
JS 动画
- Tween.js 一个简单的 JavaScript 补间(比如css3的ease-in)动画库
- Snap.svg 绘制svg的类库,超级简单方便的api
- Anime.js 类似jquery和jquery-ui的动画库,直接操作dom
- waypoint.js jquery监听dom进入浏览器可是窗口区域插件
- parallax.js 视距差效果
JS工具函数
- html-to-text 将html内容转换成纯文本去除富文本内容
音视频相关
- webm-muxer/mp4-muxer 音视频录制并生成视频工具库 https://www.npmjs.com/package/webm-muxer
- js-audio-recorder https://www.npmjs.com/package/js-audio-recorder 音频录制,支持录制时的声波显示等,非常强大
代码编辑器
- Ace editor Ace是一个用JavaScript编写的嵌入式代码编辑器。它与Sublime,Vim和TextMate等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和JavaScript应用程序中。作为与codemirror同类的现代编辑器,ACE同样拥有mode进行语法解析,实现编辑器的智能感知型功能。
- CodeMirror 是一个用JavaScript为浏览器实现的多功能文本编辑器。它专门用于编辑代码,并附带一些实现更高级编辑功能的语言模式和插件。其核心仅提供编辑器功能,其他功能通过丰富的API和插件实现。CodeMirror的使用基于特定的程序语言模式(mode),它对特定的语言进行语法解析(parse),使编辑器能够在解析结果基础上进行语法高亮,实现具有上下文感知(context-aware)的代码补全、缩进等功能。
- monaco editor monaco是VS Code的代码编辑器,同时也是一个开源代码编辑器,可以嵌入到Web应用程序中
评论 (1)