- 博客(22)
- 收藏
- 关注
RSS订阅原创 【傻瓜式教学】Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）
适用场景：img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。Bug原因：Vite打包只会处理静态src路径，动态src路径只会原样保留。
2023-11-09 17:23:12
3230
原创 【Vue】vue后台权限设计，RBAC权限管理模型浅析
vue实现RBAC模型的权限管理，给角色分配权限，给用户分配角色，方便快捷有效地进行权限控制。分为两个方面：1.对用户看到的导航链接进行动态分配；2.对每个权限点进行权限检验
2023-02-20 15:20:41
713
原创 【JS】为什么要用节流防抖？原生JS如何实现防抖节流
防抖：类似于回城，回城被打断了就得重新计时节流：类似于怪猎出招，不是说鼠标点的快出招就快的，而是一定频率只能出招一次(使出的招式是解除节流限制之后的第一次有效输入)
2023-02-19 12:29:45
224
原创 【Vue】10种Vue组件通信方式，轻松进行组件通信
通过ref来给标签打标识，然后在父组件中直接使用this.$refs.xxx 来获取子组件中的标签，然后在子组件中为标签绑定相应事件，通过在父组件中执行标签事件（如：this.$refs.inputDom.focus()），并传递相应参数，便可以实现父向子传值。provide/inject : 依赖注入，对于祖先组件对子组件传值，可以使用 provide 和 inject，正常inject是无法修改的，但是我们可以把传递的数据改为引用值，或把祖先组件的vc对象（即this指向的对象）直接传给子组件。
2023-02-19 10:38:17
210
原创 【Vue】响应式详解，何为Vue的响应式，Vue2/3响应式原理是什么？
在vue2中，vue使用 Object.defineProperty方法为data里面的每个数据都进行了数据代理，数据代理也叫数据劫持，意思是无论是谁在读取/写入这些数据时都要先经过vue的“审查”，vue会监听这些数据的变化，在数据改变时对视图进行更新。响应式在不同的语境下有着不同的含义，在传统网页开发意义上，响应式网页设计是指网页能够根据屏幕宽度自动适应，以达到适配各种屏幕，使网站在不同设备上都能得到完美的展现。
2023-02-19 10:20:12
429
原创 【JS】何为事件循环(eventLoop)？它有什么用？事件循环与任务队列详析
众所周知，JS语言运行在浏览器当中，页面里面有可视的Dom，如果是多线程的话，这个线程正在删除DOM节点，另一个线程正在编辑Dom节点，导致浏览器不知道该听谁的，为了避免复杂性和冲突，JS语言从诞生时就是一个单线程语言，即同一时间只能去做一件事。
2023-02-19 09:48:09
140
原创 【JS】区分数组和对象的4种方法，手写instanceof方法
es5新增isArray方法。constructor属性。instanceof方法。toString方法。
2023-02-18 15:59:54
561
原创 【JS】new实例化的4步操作，new操作符到底做了什么？自己手写一个new函数
1. 创建一个空对象2. 链接空对象的对象原型和构造函数的原型对象3. 使用apply改变this指向，使this指向创建的空对象并执行构造函数4. 返回构造函数的返回值 或 返回这个空对象（根据构造函数返回值类型决定）
2023-02-18 15:36:16
315
原创 【JS】js的垃圾回收机制浅析
作用域分为全局作用域和局部作用域，局部作用域分为函数作用域和块级作用域，全局作用域的变量就是全局变量，全局变量只有关闭页面才会回收，局部变量在使用完毕后就会被回收，比如一个函数里定义了一个变量，在这个函数运行完毕后这个变量就会被回收。，JS对每一个变量都进行标记，然后每隔一段时间会根据执行位置扫描一次代码，如果从window作用域出发，无法获取这个变量，也就是说window没法得到它的数据，那么这个变量就视作不再使用了，被标记但没被找到的变量就会被回收。以前的垃圾回收机制是。现在的垃圾回收机制是。
2023-02-18 15:28:20
114
原创 前端路上遇见的坑
父元素里面的子元素不设置宽度的话就是和父元素一样宽，但是有时候会出现给一个 设置了width:100% 的子元素边框，且父元素有溢出隐藏的时候，子元素左右的边框有一边消失不见了（通常是右边框），这是因为没有设置width的原因，如：一个子元素应为 400×400，同时有1px 的边框，如果只设置height=400px的话，子元素的实际大小是 400×402 px 而且右边框消失了，需要给子元素设置上 width:100% 子元素变成了402×402 px，边框就出现了。
2023-02-17 17:56:01
97
原创 【JS】import 、import() 与 @import 的区别
import xx from '...' 是一种导入方式，是es6模块化的新语法，必须要写到js文件的最上面；
2023-02-17 16:21:12
1317
原创 【elementUI】el-select选择框位置错位、偏移bug
在el-select组件中，可能会由于option选项过多而导致下拉框位置错乱、偏移的情况，我个人试验大概是在5-6个option以上时，该bug就会出现。
2023-02-16 11:38:30
5382
原创 【elementUI】elementUI表格删除最后一条数据，使用scoped.$index为判断条件
难点主要在于如何判断该条数据是最后一条数据？可以通过scoped.$index属性轻松判断，该属性用于记录选中的那行表格数据在这一页数据中的下标。
2023-02-16 11:27:00
588
原创 Vue3的组合式API浅谈，为什么要用组合式API，组合式API的优缺点
optionAPI在开发时固然更容易组织代码了，但是在维护时却需要维护人员不断地上下移动来查看不同区域的不同代码，如果一个组件包含了不同的逻辑，那就更乱了，这种跳跃式的散乱代码非常不利于后续维护，而对于某些项目来说，而对于compositionAPI（组合式API）来说，开发人员可以把逻辑和数据组合到一起，而不是散乱在各种配置之中，还可以提取到一个函数或者一个文件中，大大提高了项目的可维护性。把功能或职责相关的代码全部整合到一起。不易在多个组件中提取和复用逻辑。可维护性要远大于可重用性。
2023-02-15 09:25:55
1062
原创 el-input无法绑定键盘事件？浅析.native修饰符的作用与原理（绊脚石系列）
为什么el-input无法绑定键盘事件？为什么.native可以为组件标签绑定原生事件？
2022-09-21 11:38:40
1384
原创 （详解）Vue设置select下拉框的默认选项（解决select空白的bug）
解决用vue动态渲染select下拉框时，select下拉框会出现空白的bug
2022-09-19 15:20:53
17453
2
原创 原生JS：100行js代码带你实现【像素鸟】小游戏（完整代码+素材图片）
100行代码带你实现经典小游戏【像素鸟】，附有项目全部素材文件和完整代码
2022-09-16 16:32:47
9545
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人