摘要: #### 解决方法 在路由守卫router.beforeEach中,使用addRoute,且**next(to.fullPath)**产生新的导航,否则仍然会404 阅读全文
posted @ 2023-09-04 19:09 pangqianjin 阅读(290) 评论(0) 推荐(0) 编辑
摘要: ### 问题引出 需求:例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素, 同时第一个和第二个的样式不同,这里我使用了nth-of-type选择器去设置样式, 但是当v-if条件改变时,li元素的样式没有改变,看了下开发者工具,元素对应的选择器 没有改变,即使此时仅剩第二个li元素 阅读全文
posted @ 2023-08-02 19:14 pangqianjin 阅读(19) 评论(0) 推荐(0) 编辑
摘要: ### 一、存在的问题 1. 刷新网页后,可能会报404(尤其是VSCode使用live server插件预览,因为该html文件没有与端口绑定) 2. 开始时,需要重定向到一个路由 ### 二、原理 1. 通过监听 ```html History Router Demo 首页 文章 图片 评论 我 阅读全文
posted @ 2023-06-02 11:51 pangqianjin 阅读(65) 评论(0) 推荐(0) 编辑
摘要: http和https的区别 1. 是否加密: HTTPS 是 HTTP 协议的更加安全的版本,通过使用SSL/TLS进行加密传输的数据; 2. 连接方式不同: HTTP(三次握手)和 HTTPS (三次握手+数字证书)连接方式不一样; 3. 端口不同: HTTP 默认的端口是 80和 HTTPS 默认端口是 443 阅读全文
posted @ 2023-05-30 17:28 pangqianjin 阅读(171) 评论(0) 推荐(0) 编辑
摘要: #### 1. 什么是节流(throttle)和防抖(debounce) 1. 概念 - **节流**(throttle):是函数在一定时间内,不管调用了多少次,实际只会在最后的时候执行一次 - **防抖**(debounce):是函数在一定时间内,每次调用,都会重置倒计时,直到规定时间内没有再次调 阅读全文
posted @ 2023-05-26 09:25 pangqianjin 阅读(45) 评论(0) 推荐(0) 编辑
摘要: #### 1. prototype和__proto__ ```js function Foo() { ... } Foo.prototype.constructor Foo; // true let foo = new Foo(); foo.constructor Foo; // true ``` 阅读全文
posted @ 2023-05-22 17:53 pangqianjin 阅读(15) 评论(0) 推荐(0) 编辑
摘要: ### 可能会遇到以下三类的script标签 ```html ``` #### 使用 async 和 defer 属性有一些规则需要遵守,以确保正确加载和执行脚本: 1. async 和 defer 属性只适用于外部脚本,即通过 src 属性加载的脚本。内联脚本不能使用这两个属性。 2. async 阅读全文
posted @ 2023-05-22 15:09 pangqianjin 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 1. 先看效果 2. 默认是关闭的,并且父级关闭后,子级的开关状态会被保留,再次展开时,可恢复; 3. 需要对details元素增加一个padding-left或margin-left,否则展开后,子级和父级是左对齐的,视觉效果不好; 4. 一般是details元素套一个summary元素和一个展开 阅读全文
posted @ 2023-05-18 14:58 pangqianjin 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 1. 存在的问题 typescript内置的Readonly类型只能为所有的属性加上readonly关键字,假设已经有如下的interface叫Circle: interface Circle { kind: "circle"; radius: number; x: number; y: numbe 阅读全文
posted @ 2023-04-10 18:06 pangqianjin 阅读(51) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-04-06 16:00 pangqianjin 阅读(18) 评论(0) 推荐(0) 编辑