长安·念

摘要： 使用/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 阅读全文

摘要： 安装 cnpm i node-sass cnpm i sass-loader 使用 在src/assets文件夹中创建global.scss文件(存放定义的css样式) 在vue.config.js文件中定义css配置 注意sass-loader的安装版本,如果是v8的版本使用prependDate 阅读全文

摘要： 水平居中 1.块级元素 margin: 0 auto; .container{ height: 100px; width: 300px; border: 1px solid red; } .content{ width: 60px; border: 1px solid green; /* 起作用的是 阅读全文

摘要： 创建eslint.js文件/或在eslint.js文件中配置以下文件 //eslint配置文件 module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', ], parserOption 阅读全文

摘要： 安装三个依赖 npm install -S file-saver xlsx npm install -D script-loader 1.使用方法 <input type="file" @change="importExcel"> 或者使用element-ui <el-upload ref="inp 阅读全文

摘要： 安装三个依赖 npm install -S file-saver xlsx npm install -D script-loader 1、在src目录下创建一个目录vendor，放入Export2Excel.js 2、安装相关组件 npm install -S file-saver 用来生成文件的w 阅读全文

摘要： 生成打包报告 (vue ui 可视化面板) 通过 vue.config.js 修改 webpack 的默认配置 ( ① chainWebpack 通过链式编程的形式，来修改默认的 webpack 配置 ② configureWebpack 通过操作对象的形式，来修改默认的 webpack 配置 ) 阅读全文

摘要： (1)1.主要技术是应用虚拟列表 2 什么是虚拟列表 虚拟列表就是只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染，以实现减少消耗，提高用户体验的技术。它是长列表的一种优化方案，性能良好。 3 实现思路 （1）写一个代表可视区域的div，固定其高度，通过overflow使其允许纵向 Y 轴 阅读全文

摘要： 在vue的main中,我们经常用到插件,插件都是用Vue.use(plugin)进行注册的,那么在use的时候到底做了什么? 当我们调用use的时候,会调用插件中的install(设置)函数,并将vue实例传入install方法, 但是同一个插件只会在项目中安装一次，所以，其内部还有的作用就是防止同 阅读全文

摘要： 问题:打包完成后,项目启动后还有打印语句? 1.开发环境, 生产环境, 是2套不同的环境 开发环境需要console.log使用 生产环境不需console.log使用 让一套代码, 在2个环境自动生效 nodejs打包时执行main.js代码时, node内全局内置变量process(固定) co 阅读全文

摘要： webpack前端工程化的具体解决方案 功能:前端模块化开发,代码压缩,处理浏览器端js的兼容 ,性能优化 基本使用: 安装 npm i webpack@5.42.1 webpack-cli@4.7.2 -D -S 是--save 开发上线都要使用 安装到package.js里的dependenci 阅读全文

摘要： undefined: undefined是全局对象的一个属性, 什么时候会出现undefined 当一个变量没有被赋值 var a console.log(a); 一个函数没有返回值 function a(){ } console.log(a()); 某个对象不存在某个属性却去访问 a={ sex: 阅读全文

摘要： flex 是css中的有一种布局手段,它主要是用来代替浮动来完成页面布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 开启flex布局只需要在外层容器设置display:flex(整个网页也可以看做是一个flex容器) 弹性容器: 要使用弹性盒,必须先将一个元素设置为弹性容器( 阅读全文

摘要： mixin是什么 Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂 本质 本质其实就是一个js对象， 它可以包含我们组件中任意功能选项，如data、c 阅读全文

摘要： 属性 constructor 一个引用值，返回 Object 的构造函数（用于创建实例对象） const o = {} o.constructor Object // true const o = new Object o.constructor Object // true const a = [ 阅读全文