最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要修改哪些文件，以及过程中踩到的奇葩坑。vite官网文档网址：https://vitejs.cn1.新建viteconfig.js文件一般在vue-cli项目中会有一个vueconfig.js文件，里面会有webpack配置； 那么新建一份viteconfig.js文件，里面
......
92
0
0
2024-04-16
1.Promise是什么？Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法
......
98
0
0
2024-04-15
闭包这个话题一直都是前端面试的重点，下面我将结合自己的春招面试经验，关于闭包这个问题讲讲技术面试官会对它进行怎么一个提问？1.闭包是什么？闭包是js的一种语法特性。 闭包就是能够读取其他函数内部变量的函数 创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。——《JavaScript高级程序设计》2.为什么要使用闭包
......
107
0
0
2024-04-15
对于内容复杂和变更频繁的前端应用，页面渲染也常常是性能优化的核心场景。前面我有给大家整体地讲过《前端性能优化--方案归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。关于加载流程相关的优化，也有在《前端性能优化--加载流程篇》一文中进行详细的介绍。本文主要围绕页面渲染相关的内容，来进行性能优化分析。首屏渲染说到页面渲染，首屏的渲染显然是最首要的。
......
82
0
0
2024-04-15
对于前端应用的性能优化，大多数时候我们都是从加载流程开始优化起。前面我有给大家整体地讲过《前端性能优化--归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。越是交互复杂、用户量大的业务，对性能的要求就越是严格。大多数的前端性能优化，都是从页面的启动和加载流程开始梳理和定位，对于功能复杂的业务来说，这样的梳理尤为重要。注意：前面说过性能优化分为时间
......
82
0
0
2024-04-09
作者 | 黄文勇、何良、徐君编辑 | 蔡芳芳在刚刚过去的 2023 年，WebAssembly 技术发展态势喜人，多项关键性提议都进入了新阶段，并且获得了社区与工具链的广泛深入支持。同时，其应用场景呈现出蓬勃扩展的态势，吸引着越来越多组织和个人开发者群体投入 WebAssembly 的开发之中。下文我们将首先回溯 WebAssembly 在 2023 年各项
......
90
0
0
2024-04-09
大家好，我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder。前言不知道大家看到过上面的图没，它被国内技术媒体传的沸沸扬扬，无端中又挑起了「框架之争」。随后各路主角粉墨登场。「你方唱罢我登场」。由于见证过太多框架的起起伏伏，鄙人认为「框架它写的再好,也只是你手中的兵器」。我们不应该「为器所困」，我们应该作为兵器的主人，在战场上所
......
138
0
0
2024-04-09
近日，前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具，并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。
据悉，Nue 源自德语单词 neue，与英语中的“new”同义。它能帮助具备 HTM
......
90
0
0
2024-04-02
引言ES6（ECMAScript 2015）引入了许多新的功能和语法，其中一些功能可能相对较冷门，但非常实用。本文将介绍一些这样的高级技巧，包括Object.entries()Object.fromEntries()Symbol类型和Symbol属性WeakMap和WeakSetPromise.allSettled()BigIntArray.ofArray.
......
74
0
0
2024-04-02
我发现很多人只知道如何常规地使用promise。在js项目中，promise的使用应该是必不可少的，但我发现在同事和面试官中，很多中级以上的前端仍然坚持promiseInst.then()、promiseInst.catch()、Promise等常规用法等等。即使是 async/await 他们也只知道它但不知道为什么要使用它。但实际上，Promise 有很
......
80
0
0
2024-04-02
测试目的测试的目的是为了带给我们带来强大的代码信心，如果把测试初衷忘掉，会很容易掉入测试代码细节的陷阱。一旦关注点不是代码的信心，而是测试代码细节，那么测试用例会变得非常脆弱，难以维护。代码信心的体现测试可以确保得到预期的结果作为现有代码行为的描述促使开发者写可测试的代码，可测试的代码可读性会更高如果依赖的组件有修改，受影响的组件能在测试中发现错误测试内容什
......
116
0
0
2024-04-01
前言pinyin-pro 是一个专业的 js 汉字拼音转换库，功能丰富、准确率高、性能优异。https://gitcode.com/zh-lx/pinyin-pro/overview?utm_source=csdn_github_accelerator安装npm 安装npm install pinyin-pro
浏览器引入<script src="h
......
100
0
0
2024-03-25
TypeScript 是 JavaScript 的超集，一方面给动态类型的 js 增加了类型校验，另一方面扩展了 js 的各种功能。原始数据类型字符串数值布尔nullundefinedSymbolBigIntlet str: string = '周小黑'
let age: number = 18
let beautiful: boolean = true
......
69
0
0
2024-03-24
最近看 JS 代码，对于 Promise 相关写法不是很熟悉，因此梳理了一下相关概念Javascript 中的函数写法在异步操作中会用到的回调函数通常使用匿名函数的写法，这里先复习一下 Javascript 中各种函数写法function hello () {
return "Hello world!"
}
// with paramete
......
69
0
0
2024-03-17
作者：JiKun https://juejin.cn/post/7275608678828916755本文适合对命令行工具感兴趣的小伙伴阅读一、前言什么是 VoltaVolta 是一种管理 JavaScript 命令行工具的便捷方式。volta 的特点：速度无缝，每个项目的版本切换跨平台支持，包括 Windows 和所有 Unix shell支持多个包管理器
......
77
0
0
2024-03-16