摘要: 阅读全文
posted @ 2024-06-29 19:17 Haoyin-杰克 阅读(3) 评论(0) 推荐(0) 编辑
摘要: JS与CSS在页面加载过程中如何阻塞页面的渲染 通常浏览器加载并渲染页面包含如下几部分工作: (1)请求HTML资源 (2)解析HTML生成DOM树 (3)遇到JS则去下载,并执行 (4)遇到CSS则去下载,并解析CSS文件生成CSSOM (5)根据DOM树和CSSOM生成渲染树让GPU渲染 对于整 阅读全文
posted @ 2024-05-27 15:18 Haoyin-杰克 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 前言浏览器缓存的问题是面试中关于浏览器知识的重要组成部分,也是性能优化题目的一部分,但是不要被吓到,我话放到这里,就那么点东西,我这一篇文章基本上就涵盖了所有相关的知识点,认真看一遍,所有的问题都是纸老虎。 一、准备工作1.1 拉取仓库本篇文章因为涉及到了在服务端设置缓存的内容,所以需要一个服务端的 阅读全文
posted @ 2024-05-13 16:17 Haoyin-杰克 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 对象拷贝包括浅拷贝和深拷贝,修改浅拷贝的对象会影响原对象;修改深拷贝的对象对原对象没有影响。 1、浅拷贝方式1:对象赋值新对象变量和原对象变量存储的是相同引用地址,它们指向同一对象,故改变任一对象,另外一对象都会改变。 var person = { name : "Lucy", age : 20, 阅读全文
posted @ 2024-04-18 10:43 Haoyin-杰克 阅读(1) 评论(0) 推荐(0) 编辑
摘要: react共有9个hooks:usestate、useeffect、usecontext、usereducer、usecallback、usememo、useref、useimperativehandle、uselayouteffect。 React Hooks(总共9个) 在 React 的世界中 阅读全文
posted @ 2024-04-16 15:45 Haoyin-杰克 阅读(161) 评论(0) 推荐(0) 编辑
摘要: https://blog.csdn.net/ilkcyc/article/details/82530553 阅读全文
posted @ 2023-05-12 16:26 Haoyin-杰克 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,对于不同的开发环境可能需要切换不同的node版本,此过程会涉及到node版本的升级与降级。 一、安装node版本管理模块n(sudo命令)1. 全局安装n模块 sudo npm install n -g 2. 安装当前稳定版本 sudo n stable 3.安装最新版本 sudo n 阅读全文
posted @ 2023-03-20 09:26 Haoyin-杰克 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 前言 Axios 的二次封装是一项基础工作,主要目的就是将一些常用的功能进行封装,简化后续网络请求的发送。 JS 版本的封装大家都已经非常熟悉了,可以信手拈来。但是使用 TypeScript 对 Axios 进行封装,稍微就复杂了些。主要是由于 TS 引入了类型系统,带来了一些类型的束缚。对于 TS 阅读全文
posted @ 2023-02-01 08:55 Haoyin-杰克 阅读(1414) 评论(0) 推荐(0) 编辑
摘要: VSCode常用快捷键(Mac版本) 代码格式自动整理 Shift + Option + F 单文件查找 Cmd + F 所有文件查找 Cmd + Shift + F 定位到行首尾 Fn + ← / → 定位到单词首尾 Option + ← / → 花括号之间跳转 cmd + Shift + \ 移 阅读全文
posted @ 2022-08-16 11:01 Haoyin-杰克 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 文章目录[隐藏] 前言 1、安装 2、集成vue-router@next 3、集成vuex@next 4、集成element-plus 5、vite相关配置 6、css预编译(less) 7、Glob导入 8、后台管理系统-登录 9、首页改造 10、 首页效果图 11、路由拦截 12、完整代码 写在 阅读全文
posted @ 2022-08-16 10:52 Haoyin-杰克 阅读(3926) 评论(0) 推荐(1) 编辑