跳至主要內容
fxss 个人博客

fxss 个人博客

樊小书生的博客，多看代码，多看书，付出总会有收获的。

泛积木-低代码
泛积木-低代码
可以广泛使用的积木框架，可以广泛适用的低代码平台。
CSDN 博客
CSDN 博客
CSDN 博客链接
稀土掘金 博客
稀土掘金 博客
稀土掘金 博客链接
shop-template
电商模板
vueBlog
个人博客模板
javascript Array方法总结

阅读提示： 每个方法都有相应的描述、语法、参数、返回值、注意项（可选）、例子（可选）。 语法中的[]里面中的内容表示参数为可选参数。

Array.from()

描述：从一个类似数组或可迭代对象中创建一个新的数组实例。

语法：

new_array = Array.from(arrayLike[, callback(element[, index[, array]])[, thisArg]]);
fxss原创大约 23 分钟javascriptArray
泛积木-低代码 使用攻略

文档首发于 泛积木-低代码 使用攻略

我们以大纲的方式（总体把握）讲述如何高效、便捷使用 泛积木-低代码。

权限

首先说下权限，在 系统设置 / 权限设置 菜单内，我们可以新增调整项目内的权限，默认拥有管理员和成员两个权限。

管理员拥有查看编辑删除所有功能的权限。

fxss原创大约 8 分钟泛积木-低代码
CXXABI_1.3.8 not found

当在 CentOS 7 安装 sqlite3 时会遇到 /lib64/libstdc++.so.6: version CXXABI_1.3.8 not found 报错的问题，下面罗列出我的解决流程：

查看 libstdc++.so.6 包含的 CXXABI 版本

# 查看本地 CXXABI 所有可用版本
strings /usr/lib64/libstdc++.so.6 | grep CXXABI

# 输出如下，未发现 1.3.8 版本
CXXABI_1.3
CXXABI_1.3.1
CXXABI_1.3.2
CXXABI_1.3.3
CXXABI_1.3.4
CXXABI_1.3.5
CXXABI_1.3.6
CXXABI_1.3.7
CXXABI_TM_1

# 找寻本机其他新版本库
find / -name libstdc++.so.* 

# 输出如下
/usr/share/gdb/auto-load/usr/lib64/libstdc++.so.6.0.19-gdb.pyc
/usr/share/gdb/auto-load/usr/lib64/libstdc++.so.6.0.19-gdb.py
/usr/share/gdb/auto-load/usr/lib64/libstdc++.so.6.0.19-gdb.pyo
/usr/share/gdb/auto-load/usr/lib/libstdc++.so.6.0.19-gdb.pyc
/usr/share/gdb/auto-load/usr/lib/libstdc++.so.6.0.19-gdb.py
/usr/share/gdb/auto-load/usr/lib/libstdc++.so.6.0.19-gdb.pyo
/usr/lib/libstdc++.so.6.0.19
/usr/lib/libstdc++.so.6

# 如果发现有 libstdc++.so.6 高版本，把这个库软连接到 /usr/lib64/ 即可
cd /usr/lib64
mv libstdc++.so.6 libstdc++.so.6.bake   # 备份老库
ln -s /usr/local/gcc-9.3.0/lib64/libstdc++.so.6 ./


# 查看本地 CXXABI 所有可用版本
strings /usr/lib64/libstdc++.so.6 | grep CXXABI
fxss原创大约 4 分钟泛积木-低代码
增删改查

这里我们以增删改查作为示例，演示下从页面创建到各个功能齐全。创建页面的时候，建议接口先写好，当然也可以一边联调一边写接口，当前对增删改查提供以下测试接口：

测试接口

/contactsList 列表接口

可选参数 name, phone, page, perPage ，返回数据 { data: { rows: [], count: 1 }, status: 0 } 。

/contactsList/add 新增接口

fxss原创大约 6 分钟泛积木-低代码
泛积木-低代码

泛积木-低代码 是 可以广泛使用的积木框架，可以广泛适用的低代码平台。

泛积木-低代码 最大的特色 就是 零前端 ，包含可视化页面编辑器，页面的开发不再局限于前端工程师，后端工程师、甚至不懂代码的也可以通过页面拖拽、配置生成页面。

如果您是后端开发，接收外包项目，处于无前端的尴尬，泛积木-低代码 可以帮您解决，并让您把控整个项目；如果您们团队的主力研发都是后端，可以使用 泛积木-低代码 正常开发项目功能，并节省人力及时间成本。

泛积木-低代码 简介

泛积木-低代码是前后端分离项目，前端使用的是 React，后端使用的是 Node.js (版本为 16+ 即可)，前端代码只需部署一次，后续都在网站内进行页面开发，包含可视化页面编辑器，页面的开发不再局限于前端工程师，后端工程师、甚至不懂代码的也可以通过页面拖拽、配置生成页面。

fxss大约 5 分钟泛积木-低代码
minimal-mock 极简 mock 服务

minimal-mock 极简 mock 服务，采用 koa 搭建，支持全局配置及多种数据格式。

什么是 Mock 数据：在前后端约定好 API 接口以后，前端可以使用 Mock 数据来在本地模拟出 API 应该要返回的数据，这样一来前后端开发就可以同时进行，不会因为后端 API 还在开发而导致前端的工作被阻塞。

fxss原创大约 4 分钟nodemockjskoa
React echarts封装

做大屏的时候经常会遇到 echarts 展示，下面展示在 React （^18.2.0） 中对 echarts （^5.4.0） 的简单封装。

样例查看

echarts 封装使用

props 说明

参数 说明 类型 可选值 默认值
opts 初始化传入的 opts https://echarts.apache.org/zh/api.html#echarts.init Object - {renderer: 'svg'}
options 配置项，对应 https://echarts.apache.org/zh/option.html#title Object - {}
seriesData series 数据配置内容https://echarts.apache.org/zh/option.html#series，数据变更自动更新 Array - []
intervalTime 自动切换的时间跨度，指自动切换 高亮 + tooltip 展示，例子 Number - 1500
autoPlay 是否自动播放，指的是是否自动添加切换 高亮 + tooltip 展示 Boolean - true
isAddOn 是否自动添加鼠标上移事件，切换 高亮 + tooltip 展示的时候，鼠标再移动到其他需要高亮显示上时，自动停止切换动画，鼠标移开自动继续播放 Boolean - true
onRef ref实例使用，在父组件中const echartsRef = React.createRef();...<EchartsModule onRef={echartsRef} /> - - -
className 添加样式 String - ''
fxss原创大约 4 分钟Reactecharts
chrome多tab页video播放问题

最近在做大屏项目，在研发测试阶段，一切正常，在投放线上的时候，线上是在一台机器上同时打开10来个chrome tab页，这个时候测试反馈说线上查看的时候页面视频很卡，页面刷新视频就动了一下就不动了，我在自己本地页面也试了下，chrome 同时打开 10 个 tab 页播放视频，确实是视频动了一下就不播放了。

视频多是采用如下方案，进入页面之后自动播放：

<video autoplay muted loop class="w-full h-full">
  <source v-for="item in props.srcList" :key="item.type" :src="item.src" :type="item.type" />
</video>
fxss原创大约 1 分钟htmlvideo
2
3
4
5
...
11