会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
pangqianjin
博客园
首页
新随笔
联系
订阅
管理
1
2
3
4
5
···
18
下一页
2023年9月4日
vue router使用addRoute动态添加路由后,刷新页面404
摘要: #### 解决方法 在路由守卫router.beforeEach中,使用addRoute,且**next(to.fullPath)**产生新的导航,否则仍然会404
阅读全文
posted @ 2023-09-04 19:08 pangqianjin
阅读(795)
评论(0)
推荐(0)
2023年8月2日
关于vue中同时使用v-if和nth-of-type时的bug
摘要: ### 问题引出 需求:例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素, 同时第一个和第二个的样式不同,这里我使用了nth-of-type选择器去设置样式, 但是当v-if条件改变时,li元素的样式没有改变,看了下开发者工具,元素对应的选择器 没有改变,即使此时仅剩第二个li元素
阅读全文
posted @ 2023-08-02 19:14 pangqianjin
阅读(43)
评论(0)
推荐(0)
2023年6月2日
监听window.onpopstate事件实现简单history router
摘要: ### 一、存在的问题 1. 刷新网页后,可能会报404(尤其是VSCode使用live server插件预览,因为该html文件没有与端口绑定) 2. 开始时,需要重定向到一个路由 ### 二、原理 1. 通过监听 ```html History Router Demo 首页 文章 图片 评论 我
阅读全文
posted @ 2023-06-02 11:51 pangqianjin
阅读(95)
评论(0)
推荐(0)
2023年5月30日
https和http的区别?https传输的过程是怎样的
摘要: http和https的区别 1. 是否加密: HTTPS 是 HTTP 协议的更加安全的版本,通过使用SSL/TLS进行加密传输的数据; 2. 连接方式不同: HTTP(三次握手)和 HTTPS (三次握手+数字证书)连接方式不一样; 3. 端口不同: HTTP 默认的端口是 80和 HTTPS 默认端口是 443
阅读全文
posted @ 2023-05-30 17:27 pangqianjin
阅读(248)
评论(0)
推荐(0)
2023年5月26日
js防抖和节流
摘要: #### 1. 什么是节流(throttle)和防抖(debounce) 1. 概念 - **节流**(throttle):是函数在一定时间内,不管调用了多少次,实际只会在最后的时候执行一次 - **防抖**(debounce):是函数在一定时间内,每次调用,都会重置倒计时,直到规定时间内没有再次调
阅读全文
posted @ 2023-05-26 09:24 pangqianjin
阅读(66)
评论(0)
推荐(0)
2023年5月22日
prototype
摘要: #### 1. prototype和__proto__ ```js function Foo() { ... } Foo.prototype.constructor Foo; // true let foo = new Foo(); foo.constructor Foo; // true ```
阅读全文
posted @ 2023-05-22 17:52 pangqianjin
阅读(131)
评论(0)
推荐(0)
script标签的async和defer
摘要: ### 可能会遇到以下三类的script标签 ```html ``` #### 使用 async 和 defer 属性有一些规则需要遵守,以确保正确加载和执行脚本: 1. async 和 defer 属性只适用于外部脚本,即通过 src 属性加载的脚本。内联脚本不能使用这两个属性。 2. async
阅读全文
posted @ 2023-05-22 15:08 pangqianjin
阅读(387)
评论(0)
推荐(0)
2023年5月18日
使用details和summary元素实现树形展示
摘要: 1. 先看效果 2. 默认是关闭的,并且父级关闭后,子级的开关状态会被保留,再次展开时,可恢复; 3. 需要对details元素增加一个padding-left或margin-left,否则展开后,子级和父级是左对齐的,视觉效果不好; 4. 一般是details元素套一个summary元素和一个展开
阅读全文
posted @ 2023-05-18 14:58 pangqianjin
阅读(248)
评论(0)
推荐(0)
2023年4月10日
Typescript实现指定属性变成readonly
摘要: 1. 存在的问题 typescript内置的Readonly类型只能为所有的属性加上readonly关键字,假设已经有如下的interface叫Circle: interface Circle { kind: "circle"; radius: number; x: number; y: numbe
阅读全文
posted @ 2023-04-10 18:05 pangqianjin
阅读(99)
评论(0)
推荐(0)
2023年4月6日
两两交换节点位置:递归法、迭代法和数组转换法
摘要: <!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 15:59 pangqianjin
阅读(36)
评论(0)
推荐(0)
1
2
3
4
5
···
18
下一页
公告