- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue动态路由搭建
三 根据获取的路由表中component 地址通过require.context('../../views/', true, /\.vue$/) 进行寻找文件地址，vite可以通过import.meta.glob("../../views/七 通过meta中的权限名称在权限管理页面 将权限 和动态路由id 传递给后端，来进行更改不同权限用户显示哪些路由。二 在router.beforeEach中 通过接口获取该用户的权限，然后通过权限去获取该用户的路由表。
2024-03-15 10:02:46
565
1
原创 flex 布局 筛子3点布局
方法其实很简单主要就是通过flex盒子中的 justify-content属性 和子元素的 align-self。使用space-between 让子元素位于容器内，均匀分布。首个子元素位于容器的开头，末尾子元素位于容器的末尾。偶然在网上看到面试题，我记得写过，但是一下子想不起来如何解决，后面还是找了之前写的才想起来方法。justify-content属性中有。给不同位置的子元素添加不同的属性值。align-self下的属性有。
2024-03-08 15:53:14
494
1
原创 Fetch简单封装
fetch只有在网络错误的情况，返回的promise会被reject。成功的 fetch() 检查不仅要包括 promise 被 resolve，还要包括 Response.ok 属性为 true。Fetch API 提供了一种全局fetch()方法，该方法位于 WorkerOrGlobalScope 这一个 mixin 中 方法用于发起获取资源的请求。4.fetch返回的是promise对象，比XMLHttpRequest的实现更简洁，fetch 使用起来更简洁 ，完成工作所需的实际代码量也更少。
2024-01-31 16:14:07
1190
原创 解析几道简单面试题
]转变为false，现在是[]==false，第二步转变为基本数据类型，[]转变为''，false转变为0，现在是''==0,第三步是将字符串转为数字，''转变为数字为0， 此时便是0==0 为true。1 取反为false，[]转为''空字符串，false不变，现在就变为false+''+false，最后为'falsefalse'.length 输出为10。[] 取反为false，现在变为true+''+false,最后就为'truefalse'.length 输出为9.
2024-01-31 14:56:50
456
原创 不要只用console.log 试试其他的consoleAPI
四 console.info()在控制台打印信息 和console.log() 差不多但在某些浏览器 输出的颜色可能不同来进行区分。十 console.group() 和 console.groupEnd(): 创建一个分组，用于将相关的日志信息进行分组显示。六 console.assert()判断一个条件是否为真，如果为假，则在控制台中输出一个错误消息，如果为真就什么也不输出。九 console.time() 和 console.timeEnd(): 用于计算代码块的执行时间。
2024-01-19 14:42:02
783
1
原创 JS中的深浅拷贝
1 浅拷贝的概念在 JavaScript 中，浅拷贝是指创建一个新对象或数组，然后将原始对象或数组的所有属性或元素复制到新对象或数组中。浅拷贝只会复制对象或数组的第一层结构，如果原始对象或数组的属性或元素是对象或数组，浅拷贝只会复制它们在栈中的指向而不是在堆中创建一个新的空间。1 深拷贝概念 深拷贝是指创建一个新的对象或数组，并且将原始对象或数组的所有属性或元素以及它们的嵌套对象或数组都复制到新的对象或数组中，简单来说就是在堆中开辟了一个新的空间，以此来保存拷贝后的数据。2.1 扩展运算符（…
2024-01-15 17:24:43
375
原创 介绍2个插件让你更好进行移动端开发
postcss-pxtorem 是一款 postcss 插件，用于将 px 单位转化为 rem。4 在vite中使用，在vite.config.js中配置postcss-pxtorem。lib-flexible 用于设置 rem 基准值。然后在main.js中加载执行该模块。
2024-01-11 14:26:35
429
原创 JS中this指向问题
在这里，print1是作为对象obj的方法调用，因此 this 指向的是 obj对象，所以 this.x 的值为。2 ftn1.fool.call（ftn2）: 输出 ftn2，因为通过使用call，将fool方法的中的this指向改变为ftn2对象，所以打印的是ftn2对象的 name。3 箭头函数的this 指向是在创建时就确定的 不会被改变，由于箭头函数的特性是捕获外层作用域的 this，这里的外层作用域是全局作用域，因此箭头函数中的this指向的是全局对象window。
2024-01-11 14:00:25
1599
原创 JS事件论询解析
JavaScript 事件轮询（event loop）是 JavaScript 运行时环境中的一个机制，它允许 JavaScript 能够执行非阻塞的异步操作。首先事件轮询中 分为 同步任务 异步任务 ，异步任务又分为异步微任务和异步宏任务，同步任务首先进行执行，同步任务执行完，异步微任务进行执行，最后是异步宏任务进行执行，所以只要分清楚什么是同步、什么是异步，这些题就很好做了。如果队列中存在事件，那么事件循环就会依次取出一个事件，并将相关的回调函数放到调用栈中，这样回调函数就可以执行了。
2023-12-05 10:18:18
301
1
原创 JS隐式转换
String类型转化为Boolean 除了空字符串'' 为false 其他都为true。Number 类型转化为Boolean除了0和NaN为false 其他都为true。空数组转换为Number 为0 因为需要首先将空数组。空数组和空对象转化为Boolean 都为true。undefined转化为Number 为NaN。布尔值false 转化为Number为 0。布尔值true转化为Number为1。null 转化为Number 为0。转换为字符串，结果是空字符串。一 转化为Number。
2023-11-30 14:50:12
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人