- 博客(63)
- 收藏
- 关注
RSS订阅原创 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
2256
原创 webpack工程化（三）
注：执行yarn dev启动服务，webpack dev能够把文件build到内存里，不需要打包后的dist文件，浏览器也可以正常运行，dist文件夹用于将来部署到线上使用服务启动后，我们index.html中写了一个home字符串，按道理浏览器访问的页面会显示这个字符串，但是目前没有显示，只执行了app.js中的代码1、为了解决这个问题，需要在HtmlWebpackPlugin插件中配置模板在这里插入代码片new HtmlWebpackPlugin( { templ
2021-09-14 16:25:06
169
原创 webpack工程化（二）
1、新建index.html文件，使用webpack打包html配置插件yarn add [email protected] -Dwebpack.config.js中添加插件在package.json中添加script脚本，这样打包命令就可以使用yarn build执行打包命令yarn build可以看到index.html文件已经被打包，并且app.js文件也被引入进来了2、创建server安装devserver模块yarn add webpack-dev-s
2021-09-14 15:41:56
169
原创 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 [email protected] -Dyarn add [email protected] -D因为没有全局安装webpac
2021-09-14 14:50:46
138
原创 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
3164
2
原创 Vue 请求后台get接口实现文件下载
需求请求后台get接口，实现文件下载代码// 拼接的url地址const url=window.location.protocol+'//'+window.location.host+'/vediomanage/file/fileDown?fileId='+item.fileId+'&fileType='+item.fileType// 关键代码window.location.href=urlwindow.location.href=url 即可实现下载...
2021-08-28 10:57:04
1058
原创 Vue引入新下载字体
1、将新下载字体放入文件夹中2、新建一个scss样式文件，引入字体@font-face { font-family: 'PingFangSC-Light'; src: url('../assets/Fonts/PingFangSC-Light.ttf');}3、在main.js文件中全局引入scss文件import '@/style/common.scss'...
2021-07-22 14:12:58
686
原创 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
610
1
原创 CSS3——Animation 动画
1、基本用法Animation需要指定动画一个周期持续的时间，以及动画效果的名称div { // 简写 -webkit-animation: 1s rainbow; animation: 1s rainbow;}@keyframes rainbow { 0% { background: #c00; } 50% { background: orange; } 100% { background: yellowgreen; }}2、属性2.1 animation-nam
2021-06-03 14:34:53
378
原创 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
486
原创 JAVA基础（十四）——接口
接口1、接口使用interface来定义2、 Java中，接口和类是并列的两个结构3、如何定义接口：定义接口中的成员3.1 JDK7之前，只能定义全局常量和抽象方法全局常量：public static final的的，但是书写时，可以省略抽象方法：public abstract的JDK8：除了定义全局常量和抽象方法外，还可以定义静态方法、默认方法（略）4、接口中不能定义构造器，意味着接口不可以实例化5、java开发中，接口都通过让类去实现（implement）的方式来使用如
2021-05-12 16:07:21
75
原创 JAVA基础（十四）——抽象类与抽象方法
一、abstract关键字的使用1、可以用来修饰的结构：类、方法2、abstract修饰类：抽象类此类不能实例化抽象类中一定有构造器，便于子类实例化时调用开发中，都会提供抽象类的子类3、abstract修饰方法：抽象方法抽象方法只有方法的声明，没有方法体包含抽象方法的类，一定是一个抽象类，反之，抽象类中可以没有抽象方法若子类重写父类中的所有的抽象方法后，此子类方可实例化若子类没有重写父类中的所有抽象方法，则此子类也是一个抽象类，需要使用abstract修饰4、注意点abst
2021-05-12 10:36:47
117
原创 JAVA基础（十三）——static、final关键字
一、关键字：static1、static:静态的，可以用来修饰：属性、方法、代码块、内部类2、使用static来修饰属性：静态变量（类变量）属性：按是否使用static修饰，又分为：静态属性和非静态属性（实例变量）实例变量：我们创建了类的多个对象，每个对象都独立的拥有一套类中的非静态属性。当我们修改其中一个对象中的非静态属性时，不会导致其他对象中同样的属性值的修改静态变量：我们创建了类的多个对象，多个对象共享同一个静态变量，当通过某一个对象修改静态变量时，会导致其他对象调用此静态变量时，是修改过
2021-05-11 17:30:04
146
2
原创 JAVA基础（十二）——Object类和包装类
一、Object类1、equals( )的使用1、==：运算符可以使用再基本数据类型变量和引用数据类型变量中如果比较的是基本数据类型：比较两个变量保存的数据是否相等（不一定类型要相同）如果比较的是引用数据类型变量：比较两个对象的地址值是否相同，即两个引用是否指向同一个对象实体2、equals( )方法的使用是一个方法，而非运算符只能适用于引用数据类型object类中equals( )的定义：Object 类中定义的equals( )和==的作用是相同的，比较两个对象的地址值是否相同
2021-05-11 14:31:07
78
原创 JAVA基础（十一）——多态性
多态性理解多态性可以理解为一个事物的多种形态何为多态性父类的引用指向子类的对象（子类的对象赋给父类的引用）person P1 = new Man()多态的使用：虚拟方法调用有了对象的多态性之后，在编译期，只能调用父类中声明的方法，但在运行期，我们实际执行的是子类重写父类的方法总结：编译看左边，运行看右边多态性的使用前提有类的继承关系方法的重写对象的多态性只适用于方法，不适用于属性（编译和运行都看左边）public class AnimalTest { pu
2021-05-10 15:38:29
85
原创 Vue 使用el-table实现自适应列宽
主要思路：每次获取分页表格数据时动态计算每列列宽我的需求是能实现自适应，且不出现横向滚动条，所以计算出来每列列宽后，把所有列宽加起来，得到total，然后用每列列宽除以total,就能得到每列列宽的长度百分比，比如用width=10%的方式去设置每列宽度，如果想展示完全每列内容，不介意出现横向滚动条，就直接用计算出来的列宽作为列的宽度就可以了，比如width=100以下是计算列宽的主要方法后台返回给我的数据格式就是这样的，field0代表第一列，field1代表第二列，以此类推…主要方法如下
2021-04-30 14:26:06
9834
3
原创 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
638
原创 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
9114
原创 CSS——去除滚动条
/* 此处的 div 可以依照情况替换成对应的元素名称 */ div::-webkit-scrollbar{ display:none }注：vue_cli脚手架中在App.vue文件中写入
2021-03-24 15:26:45
14082
原创 vue——点击按钮实现不同元素或组件显示和隐藏（切换）
默认再次点击组件一按钮组件一面板隐藏，按钮样式也发生改变切换按钮后,面板发生改变1、同一组件中实现不同元素切换<template> <div class="page"> <div class="button"> <span @click="show(1)" :class="index===1? 'active':''">组件一</span> <span .
2021-03-24 11:07:26
15296
2
原创 Vue echarts封装——可根据浏览器窗口大小同步更新echart视图
1、安装相关依赖包npm install --save echartsnpm intsall --save element-resize-detector2、echart.vue文件注：引入了chartResize.js文件，代码在下面<template> <div :id="id" :class="className"> </div></template><script type="text/ecmascrip
2021-03-23 16:38:37
457
原创 CSS——伪元素&:before画圆、插入图片
1、伪元素&:before<template> <div> <h3 class="total-title">今日新增量</h3> <div/><template><style> h3 { position: relative; &:before { // top: 5px; // left: -15px;
2021-03-08 16:34:16
7397
原创 JAVA基础（十）——继承性、方法重写
1、继承性的好处减少代码冗余，提高代码的复用性便于功能的扩张为多态性的使用提供了前提public class Person { String name; int age; boolean isMale; public void eat(){ System.out.println("我在吃饭"); }}public class Student extends Person { String major; pu
2021-03-03 17:30:52
170
1
原创 vue_cli3.0路由配置
前提：在新建工程时初始化选项已经安装了vue-router,以下为配置路由过程1.router下面的index.js文件import Vue from 'vue' //引入vueimport VueRouter from 'vue-router' //引入vue-router模块import routes from '../routers' //引入路由配置文件(详见下方routes.js配置)Vue.use(VueRouter) //声明安装路由const router = new Vue
2021-03-01 16:56:25
955
2
原创 JAVA基础（九）——面向对象之封装与隐藏
1、为什么有封装当我们创建一个类的对象以后，我们可以通过”对象.属性“的形式，对对象属性就行赋值，这里赋值操作受到属性的数据类型和存储范围的制约，但是除此之外，没有其他制约条件，但是在实际应用中，往往需要给属性赋值加入额外的限制条件，这个条件就不能在属性声明时体现，我们只能通过方法进行限制条件的添加，同时需要避免用户再使用”对象.属性“的形式进行赋值，则需要将属性声明为私有的（private）,此时就体现出面向对象的封装性了。2、封装性的体现将类的属性私有化（private）后，同时，提供公共的
2021-02-26 17:31:16
94
原创 JAVA基础（八）——方法重载、可变参数个数
1、方法重载定义：在同一个类中，允许存在一个以上的同名方法，只要他们的参数个数或者参数类型不同即可“两同一不同”：同一个类、相同方法名；参数不同或者参数类型不同方法是否重载和方法的权限修饰符、返回值类型，形参变量名、方法体都没有关系 public int add(int x, int y){ return x+y; } public double add(double x, double y){ return x+y; } p
2021-02-26 15:04:13
253
原创 JAVA基础（七）——面向对象中的类和对象
1、类中属性的使用属性（成员变量） VS 局部变量相同点定义变量的格式一样：数据类型 变量名 = 变量值先声明，后定义变量都有其相对应的作用域不同点1.1 在类中声明的位置不同属性：直接定义在{ }中局部变量：声明在方法内、方法形参内、代码块内、构造器形参、构造器内部的变量1.2 关于权限修饰符的不同属性：可以在声明属性时，指明其权限，使用权限修饰符。常用修饰符：private、public、缺省、protected，默认为缺省局部变量：不可以使用权限修饰符1.3 默认
2021-02-25 19:02:05
76
原创 JAVA基础（六）——面向对象
1、面向对象的两个要素类：对一类事物的描述，是抽象的、概念上的意义对象：是实际存在的该类事物的每个个体，因而也称为实例（instance）1.1 类和对象的使用面向对象程序设计的重点是类的设计设计类，就是设计类的成员：主要有属性和方法属性 = 成员变量 = field = 域、字段方法 = 成员方法 = 函数 = methods创建类的对象 = 类的实例化 = 实例化类public class HelloWorld { public static void main(St
2021-02-25 16:51:08
52
原创 JAVA基础（五）——数组
数组1、数组的特点数组是有序排列的数组属于引用数据类型变量，数组的元素可以是基本数据类型，也可以是引用数据类型创建数组对象会在内存中开辟一整块连续的空间数组的长度一旦确定，就不能修改2、数组的分类按照维度：一维数组、二维数组……按照数组元素的类型：基本类型元素数组、引用类型元素数组3、一维数组的使用一维数组的声明和初始化 int[] ids; // 静态初始化：数组的初始化和数组元素的赋值操作同时进行 ids = new int[]{1,
2021-02-24 17:10:49
54
原创 JAVA基础（四）——程序流程控制
1、分支结构1.1 if……else…… int score = 45; if(score>=80){ System.out.println("恭喜你，优秀"); }else if(score>=60 && score<=80){ System.out.println("恭喜你，及格了"); }else{ System.out.println("很
2021-02-24 16:29:48
59
原创 JAVA基础（三）——运算符
1、运算符种类1.1 算数运算符int a1 = 10;int b1 = ++a1 // a1=11 b1=11int a2 = 10;int b2 = a2++ // a2=11 b2=101.2 赋值运算符符号：=int i = 10;int j1,j2;j1 = j2 = iint a1 = i,a2 = i;short a1 = 10;a1 = a1+2 // 编译失败，因为2是int类型a1 += 2; //编译成功，+=不会改变本身的数据类型1
2021-02-23 20:30:21
84
1
原创 JAVA基础(二）——变量
1、变量的概念内存中的一个存储区域该区域内的区域可以在同一类型范围内不断变化变量是程序中最基本的存储单位，包括变量类型、变量名和变量值\2、使用变量需注意Java中每个变量必须先声明、后使用使用变量名来访问这块区域的数据变量的作用域：其定义所在的一对{ }中变量只有在其作用域内才有效同一个作用域内，不能定义重名的变量3、变量的分类1.1 基本数据类型整数类型：byte、short、int、long通常定义整型变量使用intbyte a = 12short b =
2021-02-23 19:25:17
73
2
原创 Java基础（一）——关键字和标识符
1、关键字定义：被java语言赋予了特殊含义，用做专门用途的字符串特点：关键字中所有字母都为小写2、标识符Java对各种变量、方法、类等要素命名时使用的字符序列称为标识符合法标识符规则由26个英文字母大小写、0-9、_或$组成数字不可以开头不可以使用关键字和保留字，但可以包含java中严格区分大小写，但无长度限制标识符不能包含空格标识符命名规范包名：多单词组成时所有字母都小写——xxxyyyzzz类名、接口名：首字母大写——XxxYyyZzz变量名、方法名：第一个单词首
2021-02-23 15:38:21
88
原创 Vue监听dom元素发生变化（用于echarts图表自适应屏幕）
1、下载依赖包npm install element-resize-detector2、在组件内引入依赖var elementResizeDetectorMaker = require("element-resize-detector")3、加载图表<div id="warnstatistics" ref="typeEchart"></div>initEcharts(){ option = { xAxis: { ty
2021-02-22 14:48:24
1459
原创 Vue页面跳转的几种方式
1. router-link <router-link to="/recommend"> // 路由跳转组件 <button class="button">页面跳转</button> </router-link>2. this.$router.pushthis.$router.push({path: '/recommend'})this.$router.push({path: '/recommend',query:{ id:'2
2020-12-11 11:06:02
4378
原创 http常见响应码及含义
1xx(临时响应)100: 请求者应当继续提出请求。101(切换协议) 请求者已要求服务器切换协议，服务器已确认并准备进行切换。2xx(成功)200：正确的请求返回正确的结果201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。3xx(已重定向)300：请求成功，但结果有多种选择。301：请求成功，但是资源被永久转移。303：使用 GET 来访问新的地址来获
2020-12-08 10:46:14
1210
原创 JavaScript进阶篇（七）——闭包
1.如何产生闭包当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包function fn1(){ // 此时闭包就已经产生了（函数提升，内部函数对象已经） var a = 2 function fn2(){ // 执行函数定义就会产生闭包（不用调用内部函数） console.log(a) } }2.闭包是什么？理解一：闭包是嵌套的内部函数理解二：包含被引用变量（函
2020-12-07 11:24:34
92
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
97
1
原创 Vue——实现websocket消息传送
<script>export default { data () { return { ws2: null, // 人脸抓拍websocket count2: 0, } }, methods: { // 人脸WebSocket数据 initFaceData () { if (window.WebSocket) { let vm = this let url = '
2020-12-03 09:49:34
871
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人