WebZichen的博客

原创 vue3递归组件

【代码】vue3递归组件。

原创 vue3 el-tab-pane 禁用状态下 el-tooltip 失效的问题

【代码】vue3 el-tab-pane 禁用状态下 el-tooltip 失效的问题。

原创 css 颗粒度

【代码】css 颗粒度。

原创 windows win + v 失效 解决方案

原创 el-form 表单校验有时触发有时不触发

使用v-if来控制el-form-item是否显示的时候，或者控制具体显示哪一种情况的时候，一定要给el-form-item写上key属性，不加key 高度会改改变从而导致检验不生效。

原创 微信小程序\n失效的问题处理

【代码】微信小程序\n失效的问题处理。

原创 词云图 根据图片绘制轮廓

【代码】echarts 根据图片绘制轮廓。

原创 常见的开源协议

这是一个著名的非盈利开源组织Apache采用的协议，它励代码共享和尊重原作者的著作权，同时也允许代码修改，再发布（作为开源或商业软件）。

原创 前端解析 excel 导入的时间格式

【代码】前端解析 excel 导入的时间格式。

原创 Guide引导页 vue3国际化实现

基于 driver.js 实现。

原创 vue3.2中父子组件绑定

vue3 中子组件默认接收值为 modelValue。

原创 el-cascader 请求后端接口加载数据案例

保存code 回显的时候该组件会自动请求数据。

原创 Vue3.2 响应式优化对应用层的改变

2020年10月29日，社区大佬 basvanmeurs 提出了一个新的 PR，大概的意思是说：他重构了响应式的部分内容，大大增加了性能。对于这两种使用方式而言，它们在应用层上并没有明确的界限，也就是说我们可能很难仅通过官网的介绍来判断我应该在什么情况下使用什么。如果大家之前有过了解 Vue3 代码的话，那么会知道 Vue3 中声明响应式数据的方式有两种：ref reactive。那么针对于这个变化，在应用层中最大的体现就是 ref 这个 API ，性能得到了大幅度的提升。所以说，拥抱新的变化吧！

原创 vue3 使用了 Proxy 代替 vue2 Object.defineProperty() 实现响应式

这也是为什么 vue3 中不再有 Vue.set 方法的原因。这里所谓的 JavaScript 的限制，所指的就是 Object.defineProperty() 的限制。但是，这样的一种情况其实一直都是不合理的，因为这只是无意义的增加了复杂度而已，但是一直以来因为 Object.defineProperty() 这个 API 本身的限制，所以一直无法处理。因为 Object.defineProperty() 是通过：为对象属性指定描述符的方式来监听对象中某个属性的get和set方法。

原创 vscode 前端代码保存自动格式化解决方案

在这里插入图片描述](https://i-blog.csdnimg.cn/direct/aee39b0d61954eb2828f22204ce531f7.png。1.在 VSCode 中安装 prettier 插件（搜索 prettier），这个插件可以帮助我们在配置 prettier 的时候获得提示。2.在项目中新建 .prettierrc 文件，该文件为 perttier 默认配置文件。在设置中，搜索 save ，勾选 Format On Save。// 多行逗号分割的语法中，最后一行不加逗号。

原创 vue2 移动端 切换路由滚动到最顶部

在router.js文件。

原创 vue递归组件实现

【代码】vue递归组件实现。

原创 vue鼠标点击和滑动锚点

【代码】鼠标点击和滑动锚点。

原创 移动端1像素边框解决方案

【代码】移动端1像素边框解决方案。

原创 css样式重置 reset.css

【代码】css样式重置 reset.css。

原创 echarts词云图

需要下载一个第三方的包 echarts-wordcloud。

原创 echarts关系图

【代码】echarts关系图。

原创 vue3性能提升主要体现出来的点

【代码】vue3性能提升主要体现出来的点。

原创 echarts双环形图制作

【代码】echarts双环形图制作。

原创 前端 token设置时长主动退出

【代码】前端 token设置时长主动退出。

原创 前端国际化原理解析

【代码】前端国际化原理解析。

原创 vue+elementui 简单的表格套表单校验分享

【代码】vue+elementui 简单的表格套表单校验分享。

原创 vue 解释关于key值最好不要用index的实际场景说明

这个时候模板上就是使用的index作为key值，如果能请求到数据的情况下这个index就会混乱，出现表格头跟数据对不上的情况，所以模板循环最好不要用index当做key值。解决方案为先给表格列默认值，然后请求后端接口保存的动态列的数据，如果请求到数据则把默认值替换掉，请求不到继续使用默认值则不替换。table表格列需要动态配置的场景，如果用户第一次登录则没有配置过，那么这个时候就需要使用表格列的默认值。

原创 将oss 链接形式的视频 下载到本地

【代码】将oss 链接形式的视频 下载到本地。

原创 视频 或 图片 在浏览器播放 / 下载

【代码】视频 或 图片 在浏览器播放 / 下载。

原创 前端判断视频是否在浏览器支持播放

【代码】前端判断视频是否在浏览器支持播放。

原创 el-select多个多选的情况下已经选中的不允许再选择

1.重点：给:disabled使用一个函数 （checkDisabled）2.checkDisabled函数体。

原创 前端导出excel封装

【代码】前端导出excel封装。

原创 vue在后端数据不匹配的情况下处理动态表单

【代码】vue在后端数据不匹配的情况下处理动态表单。

原创 input输入框只能输入两位小数

【代码】input输入框只能输入两位小数。

原创 vue添加水印功能

vue 水印功能