search

fangmd / blogsource

6 stars 0 forks source link

前端开源库&工具库记录 #12

Open fangmd opened 3 years ago

fangmd commented 3 years ago

加粗/斜体的是正在使用的

css

  1. normalize.css：初始化 css

  2. balloon.css：鼠标悬浮提示

  3. Tailwind: css 框架

  4. bulma: css 框架

  5. unocss

JavaScript

  1. day.js：日期库
  2. momentjs 老牌时间库，体积大

交互

  1. interactjs 手势移动/手势缩放
  2. hammer.js 手势操作
  3. https://daybrush.com/moveable/ 适合做编辑器
  4. Sortable 拖动排序
  5. driver.js 页面引导库

Canvas 工具

Other

  1. 在线编辑器 monaco
fangmd commented 3 years ago

Vue 库

  1. 移动端 ui 库 vant
  2. PC element 库

动画库

fangmd commented 3 years ago

动画效果

fangmd commented 3 years ago

React 库

组件库

状态管理

动画

网络库

动态加载/懒加载方案

loadable-components 功能更强大，如果只是在 admin 中实现动态加载，可以使用 React.lazy 代替

fangmd commented 2 years ago

React Native

fangmd commented 1 year ago

svg 库

fangmd commented 1 year ago

其他

fangmd commented 1 year ago

发包/打包

打包 js 库

发包管理

看看主流项目在用什么大包

fangmd commented 12 months ago

图标

fangmd commented 10 months ago

给文字做标记, 搜索场景可以使用

fangmd commented 10 months ago

让 jsx react 组件可以直接嵌入到 md 文档中，主要在文档项目中会用到这个库。md 中使用 react 组件扩展样式，然后通过 react 加载 md 文档

fangmd commented 10 months ago

JS 文本搜索库

一些前端文档项目在用这个

image

fangmd commented 10 months ago

wasm

使用的时候要考虑兼容性

fangmd commented 9 months ago

调试工具

  1. vConsole 移动端F12
  2. https://github.com/HuolalaTech/page-spy-web: 支持远程调试
  3. https://github.com/liriliri/eruda vconsole 升级版
fangmd commented 9 months ago

模版引擎

fangmd commented 8 months ago

图表库

  1. echarts

  2. v-charts

  3. chartjs

  4. antv6, 图编辑引擎 不推荐，不支持移动端

  5. cytoscape 图, 可视化

  6. g6 图可视化引擎 不好用，文档不全，对移动端适配不好(移动端交互有问题)

  7. d3 数据可视化 偏底层组件

  8. https://recharts.org/en-US/

echarts + vue

chartjs 支持的图表类型比较少，echarts 功能更强大

fangmd commented 3 months ago

组件库搭建工具