八了个戒-CSDN博客

原创前端性能优化：理论与实战「强烈建议实践收藏慢慢看，干货太多」

前端性能优化一直是开发过程中不可忽视的重要环节，尤其是随着前端技术的不断进化，性能的提升不仅仅是让页面“快一点”，更是让用户在各种网络环境下都能获得流畅的体验。作为一名高级前端开发工程师，我将从理论和实践结合的角度，详细阐述性能优化的各个方向。前端性能优化贯穿了网络、页面渲染、JavaScript执行、图片处理、打包构建和框架使用等多个环节，最终目的是提升用户体验，减少加载时间，提升交互响应速度。网络优化。

2024-10-22 10:40:44 1088

原创 Vue3应用之使用Vite搭建Vue3项目以及TypeScript、Vue Router、Vuex、Ant Design的使用

尤大的 Vue3.0 已经发布有一阵子了，已经很成熟了。今天想起来，是时候该上手体验分享一波了。前言大家都知道，在 Vue3 生态系统中有一个新构建工具 Vite ，它的开发服务器比 Vue CLI 快 10 ~ 100倍，是不是很好奇？具体的内容可以移步至：迟到的 Vue3.0 与 Vite 的体验学习总结的七、Vite 与 Vue CLI 阅读。本文将主要分享如何使用 Vite 来创建一个 Vue3.0 的项目，并且结合相关内容（TypeScript、Vue Router、Vuex、An.

2021-01-05 18:06:59 16083 11

原创 2024最新最全的前端面试题集锦（2024 持续更新中...敬请关注）

工作以来，感觉自己接触到的东西还是挺多的，但是当我面试的时候，就会发现各种问题，很多知识点都是模棱两可，答得不全面。究其原因，还是没有吃透这些内容。所以我决定，用几个月的时间，将我们大前端的大部分精选面试题进行整理，将大部分知识点进行归纳总结，为自己也为其他小伙伴们提供一份面试学习参考。

2020-12-17 14:10:34 13725 10

原创高级Web前端必会面试题知识点，大厂面试必备

高级Web前端工程师必会面试题，这里只是整理一些范围知识点，并没有特别具体的面试题目，只要把这些知识点搞明白了，面试题都不是问题。文档持续更新中。。。加油骚年！！

2020-08-30 23:30:24 5305 1

原创记一次 Vue3 中 ref 初始化未完成导致方法未触发的解决方案

在 Vue3 项目中，ref 的使用需要注意其初始化时机，以避免在值未赋值时调用方法。通过使用 nextTick、onMounted 等技术，可以有效避免此类问题。

2024-11-29 14:45:22 329

原创「JavaScript深入」熟悉事件循环Event Loop吗？说说事件循环机制和宏任务微任务「拿走不谢」

「JavaScript深入」熟悉事件循环吗？说说事件循环机制和宏任务微任务

2024-10-17 09:36:39 1106

原创「JavaScript深入」彻底搞懂JS原型与原型链

「JavaScript深入」彻底搞懂JS原型与原型链：原因、使用class实现继承、原型、原型链、prototype和proto

2024-09-28 16:20:13 1046

原创「JavaScript深入」聊一聊 new操作符具体干了什么？

「JavaScript深入」聊一聊 new操作符具体干了什么：概念「在JavaScript中，`new` 操作符用于创建一个给定构造函数的实例对象」、流程、手写一个new

2024-09-27 17:42:37 595

原创「JavaScript深入」谈谈 JS 的垃圾回收机制

谈谈JS的垃圾回收机制：内存管理、可达性、内存回收机制、V8对于垃圾回收机制的优化

2024-09-25 09:53:23 1147

原创「JavaScript深入」彻底理解JS中的闭包

彻底理解JS的闭包问题：概念、示例、实用的闭包、用闭包模拟私有方法、一个常见错误：在循环中创建闭包、优劣、图解闭包、闭包在实际中的应用

2024-09-25 09:44:21 1446

原创「JavaScript深入」一文说明白JS的执行上下文与作用域

一文说明白JS的执行上下文与作用域：上下文执行、上下文、生命周期、执行栈、作用、作用域等内容

2024-09-24 11:17:30 1126

原创「JavaScript深入」深拷贝与浅拷贝，如何手写实现？

「JavaScript进阶」深拷贝与浅拷贝，如何手写实现？浅拷贝：浅拷贝得到的对象会受原对象的影响（同样可以影响原对象）深拷贝：深拷贝得到的对象不会受到原对象影响

2024-09-24 08:53:56 686

原创「JavaScript深入」一文吃透JS的基本数据类型 Symbol

一文吃透JS的基本数据类型Symbol：概念、Symbol.prototype.description、作为属性名的Symbol、实例：消除魔术字符串、属性名的遍历、Symbol.for()，Symbol.keyFor()、内置的Symbol值

2024-09-23 13:41:23 1139

原创【TypeScript入坑】TypeScript 的declare关键字、d.ts类型声明文件

【TypeScript入坑】TypeScript 的declare关键字、d.ts类型声明文件

2024-09-23 09:03:17 450

原创【TypeScript入坑】TypeScript 的装饰器

装饰器（Decorator）是一种语法结构，用来在定义时修改类（class）的行为。在语法上，装饰器有如下几个特征。第一个字符（或者说前缀）是，后面是一个表达式。后面的表达式，必须是一个函数（或者执行后可以得到一个函数）。这个函数接受所修饰对象的一些相关值作为参数。这个函数要么不返回值，要么返回一个新对象取代所修饰的目标对象。

2024-09-20 15:13:35 896

原创【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言」

【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言、namespace」

2024-09-20 09:17:08 1242

原创【TypeScript入坑】TypeScript 的类型系统「any、unknow、never类型、数组、元组 tuple、函数、Symbol类型、对象」

TypeScript 数组有一个根本特征：所有成员的类型必须相同，但是成员数量是不确定的，可以是无限数量的成员，也可以是零成员。元组（tuple）是 TypeScript 特有的数据类型，JavaScript 没有单独区分这种类型。它表示成员类型可以自由设置的数组，即数组的各个成员的类型可以不同。元组必须明确声明每个成员的类型。函数的类型声明，需要在声明函数时，给出参数的类型和返回值的类型。Symbol 值通过Symbol()函数生成。在 TypeScript 里面，Symbol 的类型使用。

2024-09-20 08:54:38 381

原创【TypeScript入坑】什么是TypeScript？

TypeScript：是 JavaScript 的超集，拥有类型机制，不会再浏览器直接执行，而是编译成 JavaScript 后才会运行。超集（superset）：比如 ES6 包含了 ES5 所有的内容，还有一些独特的语法特性，就可以理解为 ES6 是 ES5 的超集类型：指的是静态的类型，js 中一个存放字符串的变量，后续依旧可以将数字、对象、数组等类型赋值到该变量，这是动态类型。而 ts 则是静态类型，后续不可更改类型。

2024-09-20 08:45:29 468

原创记一次 npm cache clean --force 时报错 Your cache folder contains root-owned files, due to a bug in...的解决方案

因为默认情况下，npm不允许完全清空缓存。这个命令会删除所有缓存数据，确保你的后续安装使用的是最新的包。这段字面描述很清楚，你的缓存目录中包含 root 权限的文件，所以因为你没有权限操作这个文件就报错了。首先删除 node_modules 目录和 package-lock.json 文件，以确保从头开始。最后的安装完依赖，项目成功跑起来了，哦耶✌️。安装依赖包下载依赖的时候报错。执行此命令，问题解决。

2024-09-19 14:14:16 1088