vue
vue实战总结
Jing-Kathy
最大的敌人是自己
展开
-
vue cli3 生产环境打包压缩Gzip
1.安装打包工具:npm install --save-dev compression-webpack-plugin2、配置vue.config.js 文件const CompressionWebpackPlugin = require("compression-webpack-plugin");const productionGzipExtensions = ["js", "css"];module.exports = { productionSourceMap: false, devSe原创 2020-06-29 20:35:34 · 1032 阅读 · 0 评论 -
vue-绑定class样式
1、数组语法我们可以借助于v-bind指令来实现:HTML:<div id="app"> <div v-bind:class="activeClass"></div> <div v-bind:class="errorClass"></div> <div v-bind:class="[activeClas...原创 2020-04-07 17:28:32 · 234 阅读 · 1 评论 -
v-else
你可以使用 v-else 指令来表示 v-if 的“else 块”:<div id="app"> <h1 v-if="Math.random() > 0.5"> 看到我啦?!if </h1> <h1 v-else> 看到我啦?!else </h1></div&...原创 2020-04-07 16:32:50 · 9264 阅读 · 0 评论 -
vue-生命周期钩子
文章目录1.生命周期2.钩子函数1.生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 :创建实例,装载模板,渲染模板等等。Vue为生命周期中的每个状态都设置了钩子函数(监听函数)。每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用。生命周期:2.钩子函数beforeCreated:我们在用Vue时都要进行实例化,因此,该函数就是在Vue实例化时调用,也可以将他...原创 2020-04-07 11:56:16 · 215 阅读 · 0 评论 -
ES6-var、let和const
1、 var之前,js定义变量只有一个关键字:varvar有一个问题,就是定义的变量有时会莫名奇妙的成为全局变量。例如这样的一段代码:for(var i = 0; i < 5; i++){ console.log(i);}console.log("循环外:" + i)你猜下打印的结果是什么?2、 letlet所声明的变量,只在let命令所在的代码块内有...原创 2020-04-07 00:11:25 · 118 阅读 · 0 评论 -
获取元素的方式【Web API】
获取元素的方式根据id属性的值获取元素,返回来的是一个元素对象document.getElementByld("id属性的值");根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象document.getElementsByTagName("标签名字");根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象document.getE...原创 2019-03-26 17:01:08 · 243 阅读 · 32 评论 -
CSS的三种写法,你知道吗?
CSS(层叠样式表)英文全称:Cascading Style SheetsCSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力...原创 2019-04-05 13:33:05 · 1990 阅读 · 11 评论 -
VUE-日期选择器-结束时间>开始时间
功能要求:限制结束时间选择范围,结束时间能够选择的起始日期,随着开始时间的选择而变化,也就是保证结束时间时钟>=开始时间。代码片段:(其中最重要的就是startValue)<script>//定义全局变量:开始协商记录开始日期let startValue = 86400000;export default{ data() { ...原创 2019-10-02 14:47:35 · 14471 阅读 · 9 评论 -
VUE-日期选择器-UTC时间格式转换
功能需求:VUE-日期选择器,返回的时间为UTC格式:Thu Oct 03 2019 00:00:00 GMT+0800 (中国标准时间),我们需要将UTC时间格式转换成我们需要的格式,例如:2019-09-30 05:12:30 ,或者:2019-09-30代码展示: <label class="fromlift">结束时间:</label>...原创 2019-10-02 15:34:35 · 7247 阅读 · 1 评论