箫笛

摘要： 在 Vue 2 中使用 Vuex 主要分为以下步骤： 1. 安装 Vuex npm install vuex@3 --save # Vue 2 对应 Vuex 3 # 或 yarn add vuex@3 2. 创建 Vuex Store 在项目中创建 src/store/index.js 文件： i 阅读全文

摘要： 在前端实现 Excel 导出功能，常见的解决方案可分为纯前端导出和前后端协作导出两大类。以下是主流方案及对比： 一、纯前端导出方案 1. SheetJS (xlsx.js) 最流行的前端库，支持读写 XLSX、XLS、CSV 等格式 特点： 纯 JavaScript 实现，无依赖 支持大数据量（通过 阅读全文

摘要： 在Vue 2中，scoped样式默认不会传递到子组件。但有几种情况和方法可以实现样式穿透，让父组件的scoped样式影响子组件： 1. 默认行为：scoped样式不影响子组件 当你在父组件中使用scoped属性时，Vue会通过生成唯一的属性选择器（如data-v-123456）来限制样式的作用域。这 阅读全文

摘要： 安装 Decimal.js 是一个用于 JavaScript 的任意精度十进制算术库，可以解决 JavaScript 浮点数精度问题。 通过 npm 安装 npm install decimal.js 通过 CDN 引入 <script src="https://cdnjs.cloudflare.c 阅读全文

摘要： 安装前准备 卸载系统已安装的nodejs： 主要是为了防止安装nvm后，当前已安装的nodejs会失效。以及安装相同版本的nodejs不会和已有的产生冲突。 从 windows控制面板卸载nodejs 从 C:\Program Files\ 软件包目录删除nodejs软件包目录 从 C:\Users 阅读全文

摘要： 在Vue中使用Vuex进行状态管理，可以按照以下步骤操作： 1. 安装Vuex 使用npm或yarn安装Vuex： npm install vuex@next --save # Vue3 # 或 Vue2使用 npm install vuex@3 --save 2. 创建Store 在src/sto 阅读全文

摘要： React中的keys主要用于帮助React高效地识别和跟踪虚拟DOM中元素的变化，尤其是在处理动态列表或组件重新排序时。以下是keys的详细作用和使用原则： 核心作用 元素识别 Keys为列表中的每个元素提供唯一标识，使React能准确区分新增、删除或重新排序的元素，避免错误的DOM操作。 优化渲 阅读全文

摘要： 以下是一份涵盖基础与进阶知识的Web前端CSS面试题及参考答案，共20题： 一、基础概念 1. 什么是盒模型（Box Model）？标准盒模型与替代盒模型的区别？ 答案 盒模型由内容（content）、内边距（padding）、边框（border）、外边距（margin）组成。 标准盒模型：元素的宽 阅读全文

摘要： 1. 初始化项目 // 创建vue基础代码框架, 可选择支持typescript，vue-router, pinia, jsx, Eslint, prettier pnpm create vue // 添加路由支持 (创建基础代码框架时可选) pnpm add vue-router // 添加数据状 阅读全文

摘要： css 样式常用技巧汇总 背景渐变设置 background-color: linear-gradient(#04204D, #075AA3); 背景图片铺满页面 background: url("your-background-image.jpg") no-repeat center center 阅读全文