摘要:
const path = require('path'); // 以下文件需要npm i 文件名 --save-dev const uglify = require('uglifyjs-webpack-plugin'); const htmlPlugin= require('html-webpack 阅读全文
摘要:
1.安装安装less依赖,npm install less less-loader --save 2.修改配置文件, 在build/webpack.base.conf.js文件的module.exports = 的对象的 module.rules 后面添加一段,添加一段代码 3.在使用的style标 阅读全文
摘要:
vue中$refs获取组件或元素: 获取的元素就相当于是一个原生获取的元素,可以进行操作 this.$refs.ele.style.color = 'red 阅读全文
摘要:
vue-lazyload懒加载插件的使用其实很简单,不想vue-loader官网用法写的那么简单。下面代码演示: 1.安装插件 npm install vue-lazyload --save 2.引用文件,一般在main.js全局引用,且配置好图片 3.在入口文件添加后,在组件任何地方都可以直接使用 阅读全文
摘要:
话不多说,直接上代码。 关键:通过点击来改变thisindex ,又thisinde == index来控制class是否含active来控制样式 简单效果如下: 阅读全文
摘要:
总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案: 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价main.js中引用flexible import 'lib-flexible' 3.由于在开发中rem 阅读全文
摘要:
在开发中引用插件时,报错“exports is not defined” 但在引用第三方组件的时候,在浏览器中报错“exports is not defined”。根据浏览器报错信息,查询到报错来源是第三方组件的一段代码: 经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换 阅读全文
摘要:
结合实际开发,开发中常用的es6的知识: 1.新增let和const命令: ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效; const声明一个只读的常量。一旦声明,常量的值就不能改变。 var与的let和const区别:var可以变 阅读全文
摘要:
在近期的移动端开发中,发现浏览器中调试可以正常滚动,而在真机中却不能滚动了,这是为什么呢??? 总结了一下主要有一下两方面:css的设置和js的设置 1.之前有设置css的原因,下面分先说css的问题,主要排查overflow:hidden; 检查也有一定的顺序,检查超出高度的标签是否用了overf 阅读全文
摘要:
mockjs在vue中的使用 安装好vue-cli后 加载模块: npm install mockjs 创建mock.js文件到src目录下的任一合适文件内新建mockjs.js,设置好拦截信息,设置规则可看官网规则 例如下面是模拟的一条数据: import Mock from 'mockjs' e 阅读全文