Web开发.

Vibe Coding 测试体系：API 测试、单元测试与 e2e 测试实战指南

测试模块是 vibe coding 过程中不可忽视的一环，能够显著提升代码的稳定性与可维护性。本文系统介绍三种主流测试方式——API 测试、单元测试、e2e 测试，并结合 MuseMVP 项目的真实集成方式逐一演示，帮助你在快速迭代的同时建立可靠的质量防线。

vue源码新调试方式

下载vue源码（https://github.com/vuejs/core）将命令改写：只是加一个-s"build-browser-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && no

[AI]SPA项目中的路由原理

这是一个非常好的问题，它涉及到 React 应用打包和路由的核心原理。 当你 npm run build 或 yarn build 一个 React 项目后，你会发现输出目录里只有一个 index.html 文件，以及一些静态资源文件 (JS, CSS, 图片等)。 初次接触的人可能会感到...

JavaScript异步编程

并发执行如果await之间没有相关依赖或顺序关系，可以直接用Promise.all包裹起来并发执行// ⛔ async function loadDashboard() const user = await fetchUser(); const posts = await fetc...

JavaScript Promise

Promise基础概念Promise 是一个代表异步操作最终完成或失败的对象。它有三种状态：pending（进行中）fulfilled（已成功）rejected（已失败）const promise = new Promise((resolve, reject) => // 异步操作...

window.dispatchEvent(new Event('resize'));

meta

HTML 中的 标签用于提供有关网页的元数据（即数据的描述性信息），通常位于 部分。它不直接显示在页面上，但对网页的 SEO（搜索引擎优化）、浏览器行为、字符编码等有重要影响。以下是一些常用的 标签及其功能：1. 字符编码 (Charset)

Vue3源码：ref响应式原理

在createApp中，传入的rootComponent是一个和选项式API不同的参数，也就是setupref原理RefImpl实例化响应式变量组合式和选项式的差异就是，组合式在代码编译过程成进行响应化构建，选项式直接传入data“选项”进行构建，可以看到本质上ref的响应初始化还是通过rea...

Vue3源码：track依赖追踪原理

track(debugInfo?: DebuggerEventExtraInfo): Link undefined if (!activeSub !shouldTrack activeSub === this.computed) return ...

[AI]Vue编译阶段和运行时

在Vue.js中，编译阶段和运行时的概念与其他编程语言中的编译和运行时有些类似，但也有Vue的特定特性。Vue的编译过程涉及模板的解析与转化，而运行时则是指应用的执行阶段。Vue 编译阶段（Compile Time）Vue的编译阶段主要是指将模板（template）、脚本（script）和样式...

dispatchEvent + MouseEvent自定义触发

document.addEventListener('click', () => console.info('>>> click event >>>') ); setTimeout(() => document.dispatchEvent(new Mo

SPA项目首屏优化

产生原因react是单页面应用，html靠js生成，如果首屏需要加载很大的js文件(app.js)，所以当网络不好的时候会有一段时间的白屏现象。解决方法优化webpack减少模块打包体积，按需加载。使用ssr服务端渲染，在服务端事先拼装好首页所需的html【对服务器资源消耗大】首页加loadi...

serve：一个简单的静态文件服务器

https://www.npmjs.com/package/servenpm install --global serve在文件夹下输入启动命令serve

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

GitHub Actions 执行Node命令打包一个项目，报错FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory原因：GitHub Actions Nodejs运行时环境使用内存是...

UTC格式时间及其dayjs相关封装

2024-09-03T16:00:00.000Z这种格式是UTC格式北京时间比UTC格式时间快8小时国际化的Web APP需要用户设置地区，以此来正确显示自己地区的位置时间使用dayjs库国际化首先需要引入静态资源import dayjs from 'dayjs'; import 'dayjs...