【前端】
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 · 1031 阅读 · 0 评论 -
js 开始日期+天数=结束日期
输入开始日期,天数 dateAddDays() { console.log(this.getNewDay("2016-03-01", 30)); }计算结束日期 getNewDay(dateTemp, days) { dateTemp = dateTemp.split("-"); //转换为MM-DD-YYYY格式 var nDate = new Date(dateTemp[1] + "-" + dateTemp[2] + "-"原创 2020-06-24 14:41:38 · 1096 阅读 · 0 评论 -
js获取当前时间字符串 格式yyyy-MM-dd HH:MM:SS
代码/**获取当前时间 格式:yyyy-MM-dd HH:MM:SS*/function getCurrentTime() {var date = new Date();//当前时间var month = zeroFill(date.getMonth() + 1);//月var day = zeroFill(date.getDate());//日var hour = zeroF...转载 2020-05-02 09:23:44 · 4104 阅读 · 2 评论 -
报错:const definitions are not supported by current javascript version
报错信息:当前javascript版本不支持const定义出现这个问题的原因是EcmaScript 6 里面才有的关键字,以往的版本没有,所有要改一下版本,方法如下:原创 2020-04-08 17:51:58 · 4004 阅读 · 1 评论 -
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 · 9262 阅读 · 0 评论 -
vue-生命周期钩子
文章目录1.生命周期2.钩子函数1.生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 :创建实例,装载模板,渲染模板等等。Vue为生命周期中的每个状态都设置了钩子函数(监听函数)。每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用。生命周期:2.钩子函数beforeCreated:我们在用Vue时都要进行实例化,因此,该函数就是在Vue实例化时调用,也可以将他...原创 2020-04-07 11:56:16 · 215 阅读 · 0 评论 -
ES6-map和reduce
数组中新增了map和reduce方法。1、mapmap():接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回。举例:有一个字符串数组,我们希望转为int数组let arr = ['1','20','-5','3'];console.log(arr)arr = arr.map(s => parseInt(s));console.log(arr)2、r...原创 2020-04-07 11:03:09 · 513 阅读 · 0 评论 -
ES6-箭头函数结合解构表达式
比如有一个函数:const person = { name:"jack", age:21, language: ['java','js','css']}function hello(person) { console.log("hello," + person.name)}如果用箭头函数和解构表达式var hi = ({name}) => c...原创 2020-04-07 10:58:20 · 334 阅读 · 0 评论 -
ES6-对象的函数属性简写
比如一个Person对象,里面有eat方法:let person = { name: "jack", // 以前: eat: function (food) { console.log(this.name + "在吃" + food); }, // 箭头函数版: eat2: food => console.log(person...原创 2020-04-07 10:56:49 · 1276 阅读 · 0 评论 -
ES6-箭头函数
ES6中定义函数的简写方式:一个参数时:var print = function (obj) { console.log(obj);}// 简写为:var print2 = obj => console.log(obj);多个参数:// 两个参数的情况:var sum = function (a , b) { return a + b;}// 简写为:...原创 2020-04-07 10:55:15 · 129 阅读 · 0 评论 -
ES6-函数参数默认值
在ES6以前,我们无法给一个函数参数设置默认值,只能采用变通写法: function add(a , b) { // 判断b是否为空,为空就给默认值1 b = b || 1; return a + b; } // 传一个参数 console.log(add(10));现在可以这么写: function add(a ...原创 2020-04-07 10:53:47 · 181 阅读 · 0 评论 -
你好,XML
XML英文:Extensible Markup Language,意为:可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。可扩展标记语言XML是一种很像超文本标记语言HTML的标记语言,它有如下特点:它的设计宗旨是传输数据,而不是显示数据。它的标签没有被预定义,需要自行定义标签。它被设计为具有自我描述性。(是因为可以自己定义吗?我还不太懂…)它是W3C的推荐标准为...原创 2019-03-20 20:50:55 · 221 阅读 · 18 评论 -
VS2017安装ZenCoding(Emmet)
懒的!我们在学习前端知识视频的时候,老师有时为了“偷懒”会用 li*4 然后Tab 的方式一下子敲出4个li标签。额(⊙o⊙)…其实,我也想偷懒(⊙o⊙)…那么怎样才会让我得逞呢?于是我就去拜访了百度,百度告诉了我一切…原来!在前端开发的过程中,一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签...原创 2019-04-05 21:37:36 · 1048 阅读 · 17 评论 -
获取元素的方式【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 · 1987 阅读 · 11 评论 -
VUE-日期选择器-结束时间>开始时间
功能要求:限制结束时间选择范围,结束时间能够选择的起始日期,随着开始时间的选择而变化,也就是保证结束时间时钟>=开始时间。代码片段:(其中最重要的就是startValue)<script>//定义全局变量:开始协商记录开始日期let startValue = 86400000;export default{ data() { ...原创 2019-10-02 14:47:35 · 14461 阅读 · 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 评论 -
ES6-解构表达式
1、数组解构let arr = [1,2,3]我想获取其中的值,只能通过角标。ES6可以这样:const [x,y,z] = arr;// x,y,z将与arr中的每个位置对应来取值// 然后打印console.log(x,y,z);结果:2、对象解构例如有个person对象:const person = { name:"jack", age:21, ...原创 2020-04-07 10:28:36 · 454 阅读 · 1 评论 -
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 评论 -
HTML、CSS、JavaScript 三小只
文章目录 一、网页制作技术HTML,CSS,JavaScript 各自的角色二、代码效果1、HTTP代码片段 2、增加CSS代码片段 3、增加JavaScript代码片段 一、网页制作技术HTML,CSS,JavaScript 是网页制作技术的核心与基础,这三小只是从事网页制作工作必须掌握的。HTML,CSS,JavaScript 各自的角色HTML:是网页制作的主要语言,是网页的基础架构...原创 2019-02-12 21:36:52 · 648 阅读 · 6 评论 -
Web API 基础框架搭建
APIAPI之主要目的是提供应用程序与开发人员以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。提供API所定义的功能的软件称作此API的实现。API是一种接口,故而是一种抽象。应用程序接口(英语:ApplicationProgrammingInterface,简称:API),又称为应用编程接口,就是软件系统不同组成部分衔接的约定。由于近年来软件的规模日益庞大,常常需...原创 2019-04-28 09:39:29 · 521 阅读 · 27 评论