css display: inline-block; 行内块级元素之间的间隙怎么解决

在页面排版中,我们经常会有需要把多块内容放在一行显示。最常用的一种方法就是设置子元素为行内块级元素, display: inline-block;。当然也还有其它方式,如:display: flex; 等,这里就不展开讲了。 设置行内块级元素之后,细心的人就会发现子元素内容之前有个大概5个像...

vue-cli-service 报错 Error: error:0308010C:digital envelope routines::unsupportedvue-cli-service

这个错误的原因是因为 node.js V17+ 版本发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响. 笔者使用的 Node.js 版本是 18.16.0。解决这个总是有两个方案 一、重装 node.js,降低版本 推荐 nvm 安装,github:...

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

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

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

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

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

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

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

介绍 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

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