echarts y轴5等分，zoom滚动可视区域最近5等分最大值

2023年04月22日 前端开发 没有评论

笔者在一个echarts可视化项目中，Y轴5等分需求时，困扰了很久，网上大多数案例都是初始计算出最大值 maxValue，interval = maxValue/5 这样会有一个问题，在有滚动条的场景时，可视区域数据的最大值并不是初始所有数据的最大值。 yAxis.max 这个属性可选参数 格式：n...

memo、useMemo、useCallback 应用及区别，性能优化

2023年02月11日 前端开发 没有评论

当用class组件的时候我们可以通过 PureComponent 或者生命周期中的 shouldComponentUpdate 方法来进行优化，但是对于hooks要怎么做呢？ memo React.memo 为高阶组件。它与 React.PureComponent 非常相似，但它适用于函数组件，但不适用于 class 组件。 如果你的函数...

vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本

2023年01月10日 前端开发 没有评论

正常安装完 vue-cli 脚手架发现无法执行 vue 命令，不能使用脚手架 vue create hello-world 创建项目 原因 ​ 首次在计算机上启动 Windows PowerShell 时，现用执行策略很可能是 Restricted(默认设置)。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。 ...

vue 项目之 vue-i18n 国际化实践

2023年01月07日 前端开发 没有评论

介绍 Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 安装 npm i -S vue-i18n 注意：工程 vue 版本为2.8+，则能直接安装 vue-i18n 最新版，老项目只能安装 "vue-i18n": "^8.26.3" 如果项目为 vue-cli 脚手...

jsplumb 5.x 实践分享 @jsplumb/browser-ui

2022年12月13日 前端开发 没有评论

什么是 jsplumb jsplumb 是可以让你在网站上展示图表或者甚至在浏览器应用程序中使用图表的开发框架,该框架适用于必须绘制图表的Web应用程序，例如类似于Visio的应用程序或工作流程设计器等。由于图表项目和连接的所有参数都是非常精细可控的，因此你可以绘制你可以想到的...

JS split 分隔字符串区分中英文, 并且不截断英文

2022年12月10日 前端开发 没有评论

背景 在我们日常开发中，经常会遇到分隔字符串的需求。如：echarts , 这个在可视化需求中使用非常调频的模块。坐标轴上由于太长，显示不友好，文字无法显示完整。普通的截取，无法区分中英文，也会把英文给截断，使英文失去了真实的意义。 费话不多说，直接上代码。 ...