摘要: 使用/deep/进行穿透处理 <el-form> <el-form-item label="活动区域"> <el-input v-model=""></el-input> </el-form-item> </el-form> <style scoped> .el-forml /deep/ .el-f 阅读全文
posted @ 2023-02-12 19:34 长安·念 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 安装 cnpm i node-sass cnpm i sass-loader 使用 在src/assets文件夹中创建global.scss文件(存放定义的css样式) 在vue.config.js文件中定义css配置 注意sass-loader的安装版本,如果是v8的版本使用prependDate 阅读全文
posted @ 2023-02-10 16:55 长安·念 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 水平居中 1.块级元素 margin: 0 auto; .container{ height: 100px; width: 300px; border: 1px solid red; } .content{ width: 60px; border: 1px solid green; /* 起作用的是 阅读全文
posted @ 2023-02-09 18:43 长安·念 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 创建eslint.js文件/或在eslint.js文件中配置以下文件 //eslint配置文件 module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', ], parserOption 阅读全文
posted @ 2023-02-08 15:25 长安·念 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 安装三个依赖 npm install -S file-saver xlsx npm install -D script-loader 1.使用方法 <input type="file" @change="importExcel"> 或者使用element-ui <el-upload ref="inp 阅读全文
posted @ 2022-09-19 18:37 长安·念 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 安装三个依赖 npm install -S file-saver xlsx npm install -D script-loader 1、在src目录下创建一个目录vendor,放入Export2Excel.js 2、安装相关组件 npm install -S file-saver 用来生成文件的w 阅读全文
posted @ 2022-09-19 12:52 长安·念 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 生成打包报告 (vue ui 可视化面板) 通过 vue.config.js 修改 webpack 的默认配置 ( ① chainWebpack 通过链式编程的形式,来修改默认的 webpack 配置 ② configureWebpack 通过操作对象的形式,来修改默认的 webpack 配置 ) 阅读全文
posted @ 2022-09-01 12:22 长安·念 阅读(45) 评论(0) 推荐(0) 编辑
摘要: (1)1.主要技术是应用虚拟列表 2 什么是虚拟列表 虚拟列表就是只对可见区域进行渲染,对非可见区域中的数据不渲染或部分渲染,以实现减少消耗,提高用户体验的技术。它是长列表的一种优化方案,性能良好。 3 实现思路 (1)写一个代表可视区域的div,固定其高度,通过overflow使其允许纵向 Y 轴 阅读全文
posted @ 2022-08-25 12:04 长安·念 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 在vue的main中,我们经常用到插件,插件都是用Vue.use(plugin)进行注册的,那么在use的时候到底做了什么? 当我们调用use的时候,会调用插件中的install(设置)函数,并将vue实例传入install方法, 但是同一个插件只会在项目中安装一次,所以,其内部还有的作用就是防止同 阅读全文
posted @ 2022-08-23 15:43 长安·念 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 问题:打包完成后,项目启动后还有打印语句? 1.开发环境, 生产环境, 是2套不同的环境 开发环境需要console.log使用 生产环境不需console.log使用 让一套代码, 在2个环境自动生效 nodejs打包时执行main.js代码时, node内全局内置变量process(固定) co 阅读全文
posted @ 2022-08-21 22:31 长安·念 阅读(584) 评论(0) 推荐(0) 编辑
摘要: webpack前端工程化的具体解决方案 功能:前端模块化开发,代码压缩,处理浏览器端js的兼容 ,性能优化 基本使用: 安装 npm i webpack@5.42.1 webpack-cli@4.7.2 -D -S 是--save 开发上线都要使用 安装到package.js里的dependenci 阅读全文
posted @ 2022-07-14 12:27 长安·念 阅读(42) 评论(0) 推荐(0) 编辑
摘要: undefined: undefined是全局对象的一个属性, 什么时候会出现undefined 当一个变量没有被赋值 var a console.log(a); 一个函数没有返回值 function a(){ } console.log(a()); 某个对象不存在某个属性却去访问 a={ sex: 阅读全文
posted @ 2022-07-01 14:14 长安·念 阅读(347) 评论(0) 推荐(0) 编辑
摘要: flex 是css中的有一种布局手段,它主要是用来代替浮动来完成页面布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 开启flex布局只需要在外层容器设置display:flex(整个网页也可以看做是一个flex容器) 弹性容器: 要使用弹性盒,必须先将一个元素设置为弹性容器( 阅读全文
posted @ 2022-06-29 19:34 长安·念 阅读(705) 评论(0) 推荐(0) 编辑
摘要: mixin是什么 Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂 本质 本质其实就是一个js对象, 它可以包含我们组件中任意功能选项,如data、c 阅读全文
posted @ 2022-06-28 12:50 长安·念 阅读(1261) 评论(0) 推荐(0) 编辑
摘要: 属性 constructor 一个引用值,返回 Object 的构造函数(用于创建实例对象) const o = {} o.constructor Object // true const o = new Object o.constructor Object // true const a = [ 阅读全文
posted @ 2022-06-28 12:20 长安·念 阅读(378) 评论(0) 推荐(0) 编辑