)
Vite学习记录
Vite 学习记录Vite 是一种新型前端构建工具，显著提升前端开发体验，由一个开发服务器和一套构建指令组成 预构建 它们可以提高页面加载速度，并将 CommonJS / UMD 转换为 ESM 格式。预构建这一步由 esbuild 执行，这使得 Vite 的冷启动时间比任何基于 JavaScript 的打包器都要快得多。 安装npm create vite@latest 构建一个 Vite + Vue 项目npm create vite@latest my-vue-app --template vue 使用插件 安装插件 在 vite.config.js 引入插件 1234567891011// vite.config.jsimport legacy from "@vitejs/plugin-legacy";import { defineConfig } from "vite";export default defineConfig({ plugins: [ legacy({ ...
Vue学习记录
Vue 概述Vue 是一款构建用户界面的 JS 框架。基于 HTML、CSS 和 JS 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。 Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。Vue 会自动跟踪 JS 状态并在其发生变化时响应式地更新 DOM。 Vue 可以开发单页应用(SPA)、全栈/服务器渲染(SSR)、Jamstack/静态站点生成(SSG) API 风格 选项式 API：用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。示例： 1234567891011121314151617181920212223242526272829<script>export default { // data() 返回的属性将会成为响应式的状态 // 并且暴露在 `this` 上 data() { return &...
闭包学习记录
闭包的详细介绍闭包就是当内部函数被外部函数返回，且外部函数的变量被内部函数所引用，这就会形成闭包。内部函数可以访问外部函数的变量，但是外部函数不可以访问内部函数的变量，这样就可以做一个函数的封装。当外部调用内部函数时是通过外部函数来调用内部函数。但是在这个过程中，当内部函数引用了外部函数的变量时，这些变量不会随着外部函数的截止而被操作系统垃圾回收，会延长这些变量的一个生命周期。我的理解正确吗 闭包的作用 实现私有变量的封装：JavaScript 没有原生的 “私有变量” 语法（如类中的 private 关键字），但闭包可以模拟私有变量 保留函数状态：闭包可以 “记住” 函数创建时的环境变量，让函数在多次调用时共享同一个状态，适合需要累计数据、缓存结果等场景 隔离作用域：通过闭包隔离不同模块的变量，避免全局作用域污染。 缺点 内存占用增加：被闭包引用的变量不会被垃圾回收，长期保留可能造成内存泄漏 代码可读性降低：多层嵌套的闭包可能让逻辑变得复杂，需合理拆分