摘要：
简介 Vue3 部分 API 进行了升级或改变，对于 v-model 的实现原理是相同的，但语法略微不同。主要有两种方式： 通过 prop 和自定义事件 通过一个支持 get/set 的计算属性代替 prop 方式1 与老版相同，都是先绑定一个 prop，并在组件内部通过 vue 的自定义事件返回： 阅读全文
摘要：
背景简介 本篇完全基于原生 JS 和 CSS，不需要额外的开发框架或工具。但由于用到了 ES6 模块化语法，如果在浏览器中查看结果，需要添加相应的环境工具。这里是用的 VSCODE 里的 Live Server 插件，如果用 webpack 等工具构建的话，也可以添加相应的插件。 以下以二阶魔方为例 阅读全文
摘要：
背景简介 网上有很多介绍 matrix 和 matrix3d 原理的文章，但很多只介绍了“何为矩阵”、“matrix和其他‘单一变换’的换算关系”（很多还不包含 3d 变换的换算规则）。看完还是有很多疑惑： 为什么这里会使用矩阵 为什么矩阵的维度比坐标多一维（2d 变换是三维矩阵，3d 变换是四维矩 阅读全文
摘要：
问题1 问题描述 创建一个外部函数，在基础组件中混入，并在业务组件中导入。产生以下报错（每种错误信息都有N条）： [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'props' 阅读全文
摘要：
背景简介 关于 flex-grow 与 flex-shrink 的计算公式，网上已经有很多详细的分析文章了，这里不再阐述原理，只用一些简单的 js 函数来模拟计算过程。 这里放几篇介绍原理的文章： https://blog.csdn.net/Snoopyqiuer/article/details/1 阅读全文
摘要：
需求 基于 el-input 二次封装，使得组件可以通过 js 配置对象批量生成，并且仍然能通过 v-model 绑定数据。 基本原理 官方文档参考：https://cn.vuejs.org/v2/guide/components-custom-events.html#%E8%87%AA%E5%AE 阅读全文
摘要：
官方文档并未对 el-tree 的 props 属性有实例描述，只是简单描述了 props 对象中四个属性的作用，但并未说明 props 本身的作用。因此自己尝试了一下，发现是用于指定 props 内置四个属性的别名。 举个例子：官方默认 data 数组中节点对象的四个属性名是 label、chil 阅读全文
摘要：
背景概要 前端开发经常会遇到需要对元素为对象的数组做递归操作，常见的场景如路由权限验证、嵌套组件的配置对象初始化等。通常，这类对象包含一个 children 属性，通过判断 children 属性开启下一层递归。 示例代码 recursiveChildren(arr, fn) { // 初始化 le 阅读全文
摘要：
问题来源和技术背景 通过 vue+vuex+vueRouter+axios 开发权限管理的前端部分，mock服务器选择 express，以及通过 vue-devtool 观察数据变化。 问题列表 问题1 问题描述及分析 安装 vue-devtool 的谷歌插件，需要先将 git 源码编译为插件。如果 阅读全文
摘要：
问题1 使用webpack打包ES6模块，报错： TypeError: Cannot read property 'properties' of undefined (reading 'default') 问题分析 使用ES6语法导入其他模块时，相同路径下的其他模块需要一一导入，而不能通过路径下的再 阅读全文