普通的 Javascript 对象作为 data 选项传给应用或组件实例的时候，Vue 会使用带有 getter 和 setter 的处理程序遍历其所有 property，并将其转换为 Proxy。这是 ES6 仅有的特性，但是我们在 Vue3 版本也使用了 Object.defineProperty 支持 IE 浏览器。虽然两者具有相同的 Surf...
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 之前的函数，新的 option、所有的组合式 API 函数都在此使用，并且只在...
memo、useMemo、useCallback 应用及区别，性能优化
当用class组件的时候我们可以通过 PureComponent 或者生命周期中的 shouldComponentUpdate 方法来进行优化，但是对于hooks要怎么做呢？ memo React.memo 为高阶组件。它与 React.PureComponent 非常相似，但它适用于函数组件，但不适用于 class 组件。 如果你的函数...
vue 如何引入jsx及实践过程中遇到的问题
这里笔者是直接拿的一个 vue-cli 脚手架生成的一个工程 vue-cli 安装请参考官方文档 https://cli.vuejs.org/zh/guide/installation.html 安装 jsx 插件 npm @vue/babel-helper-vue-jsx-merge-props @vue/babel-preset-jsx -D babel.config.js module.export...
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的应用程序或工作流程设计器等。由于图表项目和连接的所有参数都是非常精细可控的，因此你可以绘制你可以想到的...
JS split 分隔字符串区分中英文, 并且不截断英文
背景 在我们日常开发中，经常会遇到分隔字符串的需求。如：echarts , 这个在可视化需求中使用非常调频的模块。坐标轴上由于太长，显示不友好，文字无法显示完整。普通的截取，无法区分中英文，也会把英文给截断，使英文失去了真实的意义。 费话不多说，直接上代码。 ...
OpenSSL SSL_read: Connection was reset, errno 10054
git 克隆某些仓库经常报下处错误 OpenSSL SSL_read: Connection was reset, errno 10054 OpenSSL SSL_read:连接已重置，错误号10054 解决办法： 一般解除 ssl 认证就能解决 git config --global http.sslVerify "false" 其它常见设置 文件过大，超过上限...
Failed to connect to github.com port 443 after 21060 ms: Timed out
Failed to connect to github.com port 443 after 21060 ms: Timed out gvim plug插件管理，安装插件总报错 直接用 git clone 又不报错，一直找不原因，今天终于解决了 git config --global --unset http.proxy 大概的意思是：取消代理 git代理设置方法解...