Dynamic require of “path” is not supported 这里笔者使用的是最新版的 vite ^4.3.2 配置了项目的别名处理 const path = require('path') resolve: { alias: { '@': path.resolve(__dirna...
前端开发
css display: inline-block; 行内块级元素之间的间隙怎么解决
在页面排版中，我们经常会有需要把多块内容放在一行显示。最常用的一种方法就是设置子元素为行内块级元素， display: inline-block;。当然也还有其它方式，如：display: flex; 等，这里就不展开讲了。 设置行...
vue-cli-service 报错 Error: error:0308010C:digital envelope routines::unsupportedvue-cli-service
这个错误的原因是因为 node.js V17+ 版本发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 笔者使用的 Node.js 版本是 18.16.0。解决这个总是有两个...
echarts y轴5等分，zoom滚动可视区域最近5等分最大值
笔者在一个echarts可视化项目中，Y轴5等分需求时，困扰了很久，网上大多数案例都是初始计算出最大值 maxValue，interval = maxValue/5 这样会有一个问题，在有滚动条的场景时，可视区域数据的最大值并不是初...
Vue2 Object.defineProperty VS Vue3 Proxy
普通的 Javascript 对象作为 data 选项传给应用或组件实例的时候，Vue 会使用带有 getter 和 setter 的处理程序遍历其所有 property，并将其转换为 Proxy。这是 ES6 仅有的特性，但是我们在 Vue3 版本也使用了 O...
vue3 实践之 Composition API（ref、reactive、toRef、toRefs、自定义 hooks 等）
Vue3 与 Vue2 最大的不同在于新增了 Composition API，Composition API 官方文档：https://cn.vuejs.org/guide/extras/composition-api-faq.html setup setup 函数是处于生命周期函数 beforeCreate 之前的...
memo、useMemo、useCallback 应用及区别，性能优化
当用class组件的时候我们可以通过 PureComponent 或者生命周期中的 shouldComponentUpdate 方法来进行优化，但是对于hooks要怎么做呢？ memo React.memo 为高阶组件。它与 React.PureComponent 非常相似，...
vue 如何引入jsx及实践过程中遇到的问题
这里笔者是直接拿的一个 vue-cli 脚手架生成的一个工程 vue-cli 安装请参考官方文档 https://cli.vuejs.org/zh/guide/installation.html 安装 jsx 插件 npm @vue/babel-helper-vue-jsx-merge-props ...
vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本
正常安装完 vue-cli 脚手架发现无法执行 vue 命令，不能使用脚手架 vue create hello-world 创建项目 原因 首次在计算机上启动 Windows PowerShell 时，现用执行策略很可能是 Restricted(默认设置)...
vue 项目之 vue-i18n 国际化实践
介绍 Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 安装 npm i -S vue-i18n 注意：工程 vue 版本为2.8+，则能直接安装 vue-i18n 最新版，老项目...