![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
花颜#
记录工作中的点点滴滴!
展开
-
js获取近三个月的所有日期
getLast3Month():获取近三个月的开始时间和结束时间function getLast3Month() { var now = new Date() var year = now.getFullYear() var month = now.getMonth() + 1 //0-11表示1-12月 var day = now.getDate() var dateObj = {} if (parseInt(month) < 10) { month = '0' +原创 2022-02-27 14:57:19 · 2338 阅读 · 0 评论 -
webpack工程化(一)
准备工作:安装node.js、npm(这里不再概述)1、全局安装yarn,本次搭建webpack工程,全部使用yarn命令,也可使用npm命令npm install yarn -g2、创建package.json文件,管理安装包yarn init -y3、本地安装webpack,新建webpack.config.js文件安装4.XX版本,较为稳定yarn add webpack@4.44.2 -Dyarn add webpack-cli@3.3.12 -D因为没有全局安装webpac原创 2021-09-14 14:50:46 · 151 阅读 · 0 评论 -
DateTimePicker设置只能选择当前时间之前或之后的时间
添加pickerOptions配置项<el-date-picker v-model="item.endYear" :picker-options="pickerOptions" type="datetime" ></el-date-picker>配置项内容data() { // 这里存放数据 return { pickerOptions:{ disabledDate (time) {原创 2021-08-28 11:02:34 · 3232 阅读 · 2 评论 -
js时间戳、date()格式、字符串格式互相转换
1、日期格式Date()转换为yyyy-MM-dd hh:mm:ss 或 yyyy-MM-dd// 调用方法formDate (new Date(),'yyyy-MM-dd')// 方法formDate (date,fmt) { var o = { "M+" : date.getMonth()+1, //月份 "d+" : date.getDate(), //日 "h+原创 2021-06-29 20:28:26 · 622 阅读 · 1 评论 -
Vue——Promise.all用法
Promise.all调用接口时用法 getAllData () { Promise.all([ new Promise((resolve, reject) => { dataSuccess().then(res => { // 调用接口 resolve(res.data) }) }), new Promise((resolve, reject) =原创 2021-05-31 20:13:35 · 498 阅读 · 0 评论 -
Vue 使用filters给数字加上分隔符
fliters filters: { dataFormat: function (value) { const mark = ',' // 加什么分隔符 const counts = 3 // 几分位 3表示千分位 value = value.toString().split(".") var tempAry = value[0].split("").reverse() var res = [] for (var i =原创 2021-04-30 13:58:25 · 646 阅读 · 0 评论 -
Vue——利用canvas在图片上加上文字
<template> <div> <img src="" alt="" id="newimage" style="width:278px;height:298px"> <canvas id="canvas" width="278" height="298"> </canvas> </div></t原创 2021-04-22 16:45:06 · 9346 阅读 · 0 评论 -
JavaScript进阶篇(七)——闭包
1.如何产生闭包当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包function fn1(){ // 此时闭包就已经产生了(函数提升,内部函数对象已经) var a = 2 function fn2(){ // 执行函数定义就会产生闭包(不用调用内部函数) console.log(a) } }2.闭包是什么?理解一:闭包是嵌套的内部函数理解二:包含被引用变量(函原创 2020-12-07 11:24:34 · 99 阅读 · 1 评论 -
JavaScript进阶篇(六)——执行上下文和执行上下文栈
1.变量提升和函数提升变量提升通过var声明的变量,在定义语句之前就可以访问到值:undefined function test () { console.warn(a) // 不会报错,值为undefined var a = 3 }函数提升通过function声明的函数,在之前就可以使用值:函数定义(对象) test() // 可以调用test() function test () { con原创 2020-12-04 17:31:47 · 107 阅读 · 1 评论 -
JavaScript进阶篇(五)——构造函数和原型对象
构造函数构造函数就是一个普通函数,创建方式和普通函数没有区别不同的是构造函数习惯上首字母大写和普通函数的区别构造函数和普通函数的区别就是调用方式不同普通函数是直接调用,而构造函数需要使用new关键字来调用构造函数执行流程立刻创建一个新对象将新建的对象设置为函数中的this,在构造函数中,可以使用this来引用新建的对象逐行执行函数中的代码将新建的对象作为返回值返回 function Person (name, age, gender) { this.name =原创 2020-10-28 15:21:06 · 142 阅读 · 1 评论 -
JavaScript进阶篇(四)——函数
1.什么是函数实现某种功能的n条语句的封装体只有函数是可以执行的,其他类型的数据不行2.为什么要使用函数提高代码复用率便于阅读交流3.如何定义函数函数声明表达式 // 函数声明 function fu1(){ console.log('hello') } // 表达式 var fu2= function(){ console.log('hello') }4.如何调用函数test() 直接调用obj.test() 通过对象原创 2020-10-27 15:01:07 · 142 阅读 · 1 评论 -
JavaScript进阶篇(三)——对象
1.什么是对象多个数据的封装体用来保存多个数据的容器一个对象代表现实中的一个事物2.为什么要管理对象统一管理多个数据3.对象的组成属性:属性名(字符串)和属性值(任意)组成方法:一种特别的属性(属性值为函数)4. 如何访问对象内部数据.属性名:编码简单,有时不能用[‘属性名’]:编码复杂,可以通用 let p = { name: "Tom", age: "12", setName: function (name) {原创 2020-10-15 15:58:57 · 110 阅读 · 1 评论 -
JavaScript进阶篇(二)——数据变量内存
1.什么是数据存储在内存中代表特定含义的信息,本质上是010101…2.什么是内存可存储数据的空间(临时的)3.什么是变量可变化的量,由变量名和变量值组成每个变量都对应一小块内存,变量名用来查找对应的内存,变量值就是内存中保存的变量...原创 2020-10-15 15:12:44 · 188 阅读 · 1 评论 -
JavaScript进阶篇(一)——数据类型
数据类型一、分类1、基本(值)数据类型String:任意字符串Number:任意数字Boolean:true/falseUndefined: undefinednull:null2、对象(引用)类型Object:任意对象,Function和Array本质上也是对象,是特殊的对象Function:一种特别的对象(可以执行)Array:一种特别的对象(数值下标访问,内部数据是有序的)二 、如何判断数据类型typeof:返回数据类型的字符串表达;可以判断undefined、数值原创 2020-10-14 16:24:41 · 82 阅读 · 1 评论