02 2025 档案
摘要:transform API transform/transformSync 对单个字符串进行操作,不需要访问文件系统。非常适合在没有文件系统的环境中使用或作为另一个工具链的一部分,它提供了两个参数: transform(str: string, options?: Config): Promise<
阅读全文
摘要:Limitations of Mocking the Store In the last lesson, we successfully mounted our EventList component and provided initial state to our Vuex store. Whi
阅读全文
摘要:esbuild 命令行调用 使用 Esbuild 有 2 种方式,分别是 命令行调用和代码调用。 无论如何我先npm init -y创建一个新项目,然后通过如下的命令完成 Esbuild 的安装: npm i esbuild 查看esbuild版本 ./node_modules/.bin/esbui
阅读全文
摘要:When you try to import image in typescript project, it will report issue import logo from "./assets/react.svg" What you can do is, create a types.d.ts
阅读全文
摘要:如果你想执行一个本地安装的软件包,你只需要输入: $ npx your-package npx 将检查 <command> 或 <package> 是否存在于 $PATH 或本地项目的二进制文件中,如果存在,npx 将执行它。 上面的代码可以直接简写为 npx esbuild src/index.t
阅读全文
摘要:关于HTTP: https://www.cnblogs.com/Answer1215/p/18729206 DNS 打包方式: 所有代码(包括 lodash-es、element-ui 等)被打包到一起,部署时只需请求一个或几个大文件。 优点是简单,不需要额外的网络请求;缺点是文件体积大,首次加载延
阅读全文
摘要:HTTP1.1 假设你开了一家小卖部,但只有1个快递员帮你送货。这时候你会发现两个问题: 1️⃣ 队头阻塞问题:想象快递员每次只能拿一个快递,而且要严格按照顺序送。如果第一个快递是送到很远的山区(需要2小时),后面所有快递都要等这个山区快递送完才能出发。这时候就算后面的快递都是送到隔壁小区(只要5分
阅读全文
摘要:Code Splitting 打包构建中的代码拆分(Code Splitting)是一种优化技术,它将应用程序的代码拆分成多个小块(chunks),并在需要时按需加载这些代码块。这种技术的目的是提高应用程序的性能和用户体验,主要有以下几个原因: 减少初始加载时间 当应用程序的代码被打包成一个单独的文
阅读全文
摘要:npm i <packagename> --legacy-peer-deps --legacy-peer-deps: Bypassing Peer Dependency Checks (Use with Caution) Packages often rely on other packages t
阅读全文
摘要:Offical plugins: https://cn.vitejs.dev/plugins/ Commuity plugins: https://github.com/vitejs/awesome-vite#plugins Rollup plguins: https://vite-rollup-p
阅读全文
摘要:@use 'sass:math'; @use 'sass:string'; html { background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); height: 100%; width: 100%; over
阅读全文
摘要:一、k8s概念介绍 1、k8s介绍 kubernetes,简称K8s,是用8代替8个字符“ubernete”而成的缩写。是一个开源的,用于管理云平台中多个主机上的容器化的应用,Kubernetes的目标是让部署容器化的应用简单并且高效(powerful),Kubernetes提供了应用部署,规划,更
阅读全文
摘要:In vite.config.ts resolve: { alias: { "@": path.resolve(__dirname, "src"), "@assets": path.resolve(__dirname, "src/assets"), }, }, tsconfig.json "comp
阅读全文
摘要:PreProcessor Using Scss Install: pnpm add sass -D Code: // filename: src/views/404.vue <template> <div title="404">404</div> <p>Page Not Found</p> </t
阅读全文
摘要:The key differences between CommonJS (CJS) and ECMAScript Modules (ESM) come down to their execution model. CommonJS (CJS) Synchronous: Each require()
阅读全文
摘要:同源策略及跨域问题 同源策略是一套浏览器安全机制,当一个源的文档和脚本,与另一个源的资源进行通信时,同源策略就会对这个通信做出不同程度的限制。 简单来说,同源策略对 同源资源 放行,对 异源资源 限制 因此限制造成的开发问题,称之为跨域(异源)问题 同源和异源 源(origin) = 协议 + 域名
阅读全文
摘要:<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Animation for auto height</title> <style> .btn { position: relative; border: no
阅读全文
摘要:前面讲的都是在git提交之前的一些流程检查,而当我们git提交的时候,提交信息,也应该是需要规范的 commitlint 在使用Git提交代码时,通常都需要填写提交说明,也就是Commit Message git commit -m '提交测试' 说白了,Commit Message就是我们提交的时
阅读全文
摘要:Git 流程规范配置 在前端项目开发中,规范git提交信息,也是经常使用的手段,如何确保团队成员都遵循ESint规则,且不会将不符合规范的代码推送到Git仓库? 答案是:使用带有git hooks功能的husky。git hooks是git内置的功能,它会在执行Git命令之前(或之后)进行一些其它操
阅读全文
摘要:代码格式化配置(Prettier) 1、安装插件 2、下载 prettier 相关依赖 pnpm add prettier -D 3、配置 Prettier(.prettierrc.cjs) prettier会默认优先读取项目中的 // @see: https://www.prettier.cn m
阅读全文
摘要:项目风格统一 在前端项目中存在.vscode文件夹,文件夹下一般存在两个文件extensions.json和setting.json。作用是保持所有开发者安装了相同的插件和相同的配置,保持开发环境一致性。 extensions.json 在当前项目中,需要安装哪些插件。 { "recommendat
阅读全文
摘要:AJAX 就是指在web应用程序中异步向服务器发送请求。 它的实现方式有两种,XMLHttpRequest 简称XHR和Fetch 以下是两者的对比 功能点 XHR Fetch 基本的请求能力 ✅ ✅ 基本的获取响应能力 ✅ ✅ 监控请求进度 ✅ ❌ 监控响应进度 ✅ ✅ Service Worke
阅读全文
摘要:An absolute URL - points to another web site (like href="http://www.example.com/default.htm") A relative URL - points to a file within a web site (lik
阅读全文
摘要:使用Vite模板vue-ts. https://github.com/vitejs/vite/tree/main/packages/create-vite 一个组件在没加入Lodash之前: 当加入lodash之后,会自动把它加入到.vite/deps中去: 假如不用依赖构建 vite.config
阅读全文
摘要:HTTP的消息格式是一种纯文本的格式,文本分为三个部分: 请求行 请求头 请求体 具体每一部分写什么内容,要看具体的服务要求 试一试 有非常多的工具可以发送http请求,这里推荐一个非常直观的工具 安装vscode插件REST Clinet 新建文件xxx.http 编写请求文本 POST /api
阅读全文
摘要:https://cn.vitejs.dev/guide/env-and-mode#env-variables-and-modes 添加额外的环境变量 .env #标题 VITE_APP_TITLE='Vite App' #端口 VITE_PORT=5173 #是否自动打开浏览器 VITE_OPEN=
阅读全文
摘要:As we explore the Nuxt ecosystem, another valuable resource we’ll be taking a look at is Nuxt Middleware. Nuxt provides us with two types of middlewar
阅读全文
摘要:Performance is vital for the long-term success of a modern web application as it impacts things like SEO, user experience, engagement, and conversion
阅读全文
摘要:This course is based on our Coding Better Composables blog series authored by Michael Thiessen. If you can get async code to work correctly, it can si
阅读全文
摘要:This course is based on our Coding Better Composables blog series authored by Michael Thiessen. The composable you wrote last month returns an object,
阅读全文
摘要:This course is based on our Coding Better Composables blog series authored by Michael Thiessen. What if your composable could change what is returned
阅读全文
摘要:This course is based on our Coding Better Composables blog series authored by Michael Thiessen. When using composables in Vue.js, sometimes you alread
阅读全文
摘要:VueUse is an open source collection of composables for Vue 3, and is very well written. It’s a great resource to learn how to write great composables!
阅读全文
摘要:Composables are, by far, the best way to organize business logic in your Vue 3 app. They let you extract small pieces of logic into functions that you
阅读全文
摘要:A Nuxt app can be rendered in various modes. The default standard mode is simply called SSR. Specifically, it means Server-Side Rendering on request.
阅读全文
摘要:Overview 为什么选Vite: https://cn.vite.dev/guide/why.html esbuild, Rollup: https://cn.vite.dev/guide/why.html#why-bundle-for-production Quick start 1. Sta
阅读全文
摘要:DeepSeek Reasoning A CLI tool that combines DeepSeek's reasoning capabilities with GPT's summarization power. This project demonstrates how to: Use De
阅读全文
摘要:手写简易版测试框架 本小节,我将带着大家一些手写一个简易版的测试框架,部分模块为了方便,我们会直接使用 Jest 所提供的模块,通过手写简易版的测试框架,大家能够体会到一个测试框架是如何搭建起来的。 整个书写过程我们会分为如下 3 步骤: 获取所有测试文件 并行的运行测试代码 添加断言 获取所有测试
阅读全文
摘要:我们这里要测试的项目,是之前 React 篇章中开发的 coderstation 服务器: 服务器框架:Express 数据库:MongoDB 这里我们针对 Express 服务器端应用进行测试,主要是测试该应用所提供的端口是否能够正常的工作,会连接真实的数据库,这里实际上是属于一个集成测试。 这里
阅读全文
摘要:关于部署网站,理论上来讲,只要你有一个服务器,你要采用什么样的方式来部署都是可以的。但是前提是你需要有一个服务器(物理机、云服务器)。 这节课我们部署文档网站选择使用 github 来进行部署,因为 GitHub 为我们提供了一个免费的服务器,一个账号只有一个,只要你在 GitHub 上面有账号,你
阅读全文
摘要:创建 API 文档可以选择如下的 3 种方式: 功能较少,可以直接写在 README.md 文件里面 内容较多,可以单独写一个文件 API 数量众多(Vue、React 这种级别),需要考虑单独拿一个网站来做详细的文档支持 这里我们要搭建的网站实际上就是一个文档网站,这个时候我们可以选择静态站点生成
阅读全文