对于低代码技术库的选型( 二 )


几个工具之间的关系是: 是最基础的 , 然后你需要用 -- 去禁用掉所有和冲突的规则 , 这样才可以使用 -- 去以符合规则的方式格式化代码并提示对应的修改建议 。
配置 . 文件
创建.忽略文件
配置
文件代码规范
husky代码管理工具代码提交检测代码提交内容标准化
是一个帮助我们编写规范的工具
使用检测lint-配置
负责样式文件代码质量检查 , 规则列表详见官网 。
4.解决不同浏览器样式兼容问题
(后预处理器)是一种使用 JS 插件转换样式的工具 。这些插件可以 lint 你的 CSS , 支持变量和  , 转换未来的 CSS 语法 , 内联图像等 。
【对于低代码技术库的选型】作用:用于自动将像素单元生成rem单位
-px-to-
就是这样一款优秀、高效、简洁的解决方案 , 它能完美解决上面的三个痛点 , 高效的将代码中px单位转为rm、rem、vw等视口单位 , 一份配置文件完美解决适配问题 。
5.可视化图表选型
相比于传统手工定制的图表与数据仪表盘 , 图表可视化制作平台的出现 , 可以打破抵消的定制开发, 数据分散的问题 , 通过数据采集、清洗、分析到直观实时的数据可视化展现 , 能够多方位、多角度、全景展现各项指标 , 实时监控 , 动态一目了然 。
可视化图表库技术选型 , 调研的已知主流可视化库有:
?一个基于的老牌开源可视化图表库
D3.js
? D3.js 一个数据驱动的可视化库, 可以不需要其他任何框架独立运行在现代浏览器中 , 它结合强大的可视化组件来驱动 DOM 操作
antv
? antv 包含一套完整的可视化组件体系
Chart
? Chart.js 基于 HTML5 的 简单易用的图表库
-
? - 建立在D3之上的可视化库, 针对可视化和布置时间序列数据进行了优化
C3.js
? C3.js 通过包装构造整个图表所需的代码 , 使生成基于D3的图表变得容易
我们使用以上任何一个库都可以实现我们的可视化大屏搭建的需求, 各位可以根据喜好来选择.
6. axios 用于请求数据
axios是基于用于浏览器与node.js的http服务端的一种js 。相当于连接桥 , 此桥是人工智能的 , 可以自定义浏览器与服务端请求与响应的方式 。1.支持浏览器与node.js , 2支持 , 3能够拦截请求和响应 , 4能转换请求与响应数据 , 5能取消请求 , 6自动转换Json格式 , 7浏览器端支持CSRF(跨域请求)
7.UI组件库8.动画库9.模块管理器10.可视化编辑器11.编辑器相关12.css预处理器13.构建工具14.地图相关15.(用来配置环境变量)
npm 官方文档的这样介绍 :是一个零依赖的模块 , 它能将环境变量中的变量从 .env 文件加载到 .env 中 。
16.use-immer
Immer 是保持更新处理程序简洁的好方法 , 特别是如果您的状态中有嵌套 , 并且复制对象会导致重复代码 。
17.其它常用库
是一个一致性、模块化、高性能的实用工具库 。

对于低代码技术库的选型

文章插图
日期处理类库
能够实现在用户浏览器端直接对整个或部分页面进行截屏 。这个脚本将当页面渲染成一个图片 , 通过读取DOM并将不同的样式应用到这些元素上实现 。它不需要来自服务器任何渲染 , 整张图片都是在客户端浏览器创建
babel