- 博客(165)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue-cli3/4脚手架配置与安装
前言：这个搭建脚手架的话实际是我们创建一个新项目的第一步，当然，现在脚手架4.0都出来了，经过使用后发现跟我们之前的3.0使用方法是答题一样的，其中用vue-cli3.0来搭建我们的项目的话又分为两种，一种是直接用3.0的typescript的方法来创建使用项目，但是实际生活中我们会发现，这种语法应用还是比2.0那种语法来说难度更高一些，所以我们这里来说一说我们使用了vue3.0...
2020-02-26 22:00:30
1072
转载 vue-fullcalendar插件的使用
一、下载npm install vue-fullcalendarVUE也有自己的日历组件 - 简书二、显示在页面上1、main.jsimport FullCalendar from 'vue-fullcalendar'Vue.use(FullCalendar)2、用到日历的组件<template><div> <full-calendar :events="monthData" class="test-fc"
2021-11-24 14:27:13
50904
1
原创 常见正则表达式
//1、只能输入20个字符以内/^.{1,20}$/g.test(value);//2、只能输入四位英文字母/^[a-zA-Z]{4}$/g.test(value)//3、必输项校验value=> !!value || 必输项！//4、两位整数三位小数/^[1-9][0-9]{0,1}(\.\d{1,3})$/g.test(value)/^[1-9][0-9]{0,1}$/g.test(value)//5、非必输项中各种长度及输入值的校验...
2021-11-24 13:41:26
25503
2
原创 vue校验密码
vue校验密码需输入 大小写字母，数字，特殊字符 四种包含任意三种：/*我先占个位儿，等晚上回去补上，特长的一段正则*/延伸知识点：/W:/d:
2021-08-19 12:37:55
661
2
原创 js中同步和异步的理解
首先明确两点：1.JS 执行机制是单线程。2.JS的Event loop是JS的执行机制，深入了解Event loop，就等于深入了解JS引擎的执行。单线程执行带来什么问题？在JS执行中都是单线程执行，所以代码的执行可以说是自上而下，如果前一段的代码出现问题，就会导致下一段代码无法执行，对于用户而言就是卡死现象，所以在JS执行机制引出了异步执行操作。那异步能解决什么呢问题，又会带来什么问题？异步操作能够很好的解决上面单线程执行出现的卡死现象，但是也会产生问题，比如同时对一件事情操作，
2021-07-18 17:39:37
967
1
原创 常用的js数组复制（浅拷贝，深拷贝）
浅拷贝：（1）数组的直接赋值属于数组的浅拷贝，JS存储对象都是存内存地址的，所以浅拷贝会导致新数组和旧数组共用同一块内存地址，其中一个数组变化，另一个数组也会相应的变化。（2）数组内部不含有引用类型，使用slice() 、concat() 和 assign() 方法都属于数组的深拷贝，一个数组变化，另一个数组不受影响。（3）数组内部含有引用类型，使用slice() 、concat() 和 assign() 方法，非引用类型的值属于深拷贝，引入类型的值属于浅拷贝，一个数组变化，另一个也会相应的变化
2020-07-14 16:56:31
21005
原创 绝对的神器！！！！----解决git提交冲突
Step1. 在本地仓库中, 更新并合并代码git fetch origingit rebase origin/masterStep2. 依据提示分别打开冲突的文件, 逐一修改冲突代码Step3. 所有冲突都修改完毕后, 提交修改的代码git add -ugit rebase --continueStep4. 更新patchgit push origin HEAD:refs/for/finance-master...
2020-05-28 19:31:18
306
原创 函数去抖（debounce）和函数节流（throttle）
目的以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。window对象的resize、scroll事件拖拽时的mousemove事件射击游戏中的mousedown、keydown事件文字输入、自动完成的keyup事件实际上对于window的resize事件，实际需求大多为停止改变大小n毫秒后执行后续处理；而其他事件大多的需求是以一定...
2020-04-20 14:27:33
637
转载 lodash入门
简介Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号，就像Jquery的 $ 一样，十分简洁。类似的还有Underscore.js和Lazy.js...
2020-04-20 14:18:51
1580
原创 前端js判断两个时间的时间差
前端js判断两个时间的时间差需求需要判断两个时间的时间差，思路是把两个时间转换成时间戳如果是2012/02/12这种格式的日期没有问题，如果是2012-02-12格式的还需要转换成2012/12/12而后相减的时间差除以3600，再除以1000就是相差的小时数，同理除以24就是相差的天数/** * @author Wujy * @date 2020/1/14 * @Desc...
2020-04-18 22:06:39
3337
原创 前端面试题汇总---JavaScript篇（2）
## 1、ES5、ES6和ES2015有什么区别?> `ES2015`特指在`2015`年发布的新一代`JS`语言标准，`ES6`泛指下一代JS语言标准，包含`ES2015`、`ES2016`、`ES2017`、`ES2018`等。现阶段在绝大部分场景下，`ES2015`默认等同`ES6`。`ES5`泛指上一代语言标准。`ES2015`可以理解为`ES5`和`ES6`的时间分界线...
2020-04-17 11:34:42
214
原创 大厂面试题之CSS篇-持续更新！
1、列举出通过CSS样式隐藏元素的方法，并说明其区别。2、CSS3的box-sizing的取值及各值的说明。3、Flex布局实现容器box内部元素item垂直居中对齐。.box {display: flex; align-items: center }4、写出所有浏览器兼容display:inline-block的hackinline-block指同时拥有内联元素（显示在一行）和...
2020-04-17 11:33:13
407
转载 Vue中结合ElementUI实现：限制输入框只能输入正整数
Vue中结合ElementUI实现：限制输入框只能输入正整数如果觉得对您有所帮助，麻烦您动动您的小手指给点个赞呗(*^▽^*)input输入框中禁止输入小数和负数（*只允许输入正整数 *）最近在做项目中碰见了这么个问题，需要输入数字，但是只能输入正整数，在网上找的没找到自己想要的，所以就自己想了两个办法，在这里跟大家分享一下。（因为是刚毕业，第一次写博客，所以有点生疏，请各...
2020-04-17 11:24:08
5579
转载 vue里面如何让v-for循环出来的列表里面的列表click事件只对当前列表有效
vue里面如何让v-for循环出来的列表里面的列表click事件只对当前列表有效html：<ul id="app"> <li v-for=‘item in items‘ @click="toggle(item)"> <span v-if=‘item.show‘>{{item.content}}</span> </li&g...
2020-04-17 11:16:56
2092
1
转载 Vue子组件调用父组件的方法
Vue子组件调用父组件的方法Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template&g...
2020-04-17 10:59:43
399
1
转载 VUE判断当前设备是PC还是移动端
VUE判断当前设备是PC还是移动端实际开发工作中会经常遇到一个需求，就是判断当前登录网页的设备是PC还是移动，要求PC端和移动端显示的是不同的网页内容。那么我们就需要对当前登录设备进行判断。使用 navigator.userAgent 字符串检测我是在PC端开发完接到要做移动端的需求，而且移动端只有一个页面，我就统一放在了一个文件夹内。首先在 app.vue 文件内，判断当前设备是...
2020-04-15 18:45:06
2931
转载 关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑
关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需...
2020-04-15 18:41:20
441
转载 Host key verification failed. fatal: Could not read from remote repository.
Host key verification failed. fatal: Could not read from remote repository.请手动输入yes， 不要直接回车
2020-04-06 22:38:33
43315
11
转载 将文字作为背景图
一、把文字做成图片，然后将图片作为背景。二、把文字层作为底层，上层放内容。举个例子：.page{ width:100px; height:100px; position:relative;}.textbg{ position:absolute; left:0px; top:0px; width:100px; hei...
2020-04-06 22:35:26
630
原创 npm启动导入vue的项目
npm启动导入vue的项目1.从github上下载.zip文件，然后解压，或者时代码库中进行git clone代码；2.在cmd进入文件夹；3.安装项目：npm install4.编译：npm run serve浏览器中打开localhost:8080...
2020-04-06 22:32:41
1591
转载 label 和 input 底部对齐问题
问题：如图所示，label的底部外边和和input的底部不对齐； 但是可以发现label的底部外边和input里的文本底部对齐。解决方案：1、原因分析元素垂直方向上的对齐属性vertical-align默认是以元素的baseline属性为基准的 .input是一个行内替换元素，行内元素其默认的对其方式为baseline；input元素的baseline为其中文字的ba...
2020-04-06 20:50:49
1981
原创 node版本降级
因为node版本太高，导致npm run dev报错。那么如何降级呢？（1）安装node版本管理模块nsudo npm install n -g下边步骤请根据自己需要选择（2）安装稳定版sudo n stable（3）安装最新版sudo n latest（4） 版本降级/升级sudo n 版本号//例如：sudo n 9.1.7...
2020-04-06 20:42:13
5273
原创 CSS3 ------- object-fit属性
做项目经常会遇到图片列表展示，图片一般是用户从后台上传的，上传的图片尺寸千差万别。如果前端不控制图片大小，整个排版就会很乱，如果给定长宽，图片又会变形，用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久，最近终于找到解决办法了。css有一个object-fit属性，用来指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框1.首先是一个html结构，然后给定图片高宽然后使用objec...
2020-02-29 19:30:44
146
转载 img元素srcset属性浅析
img srcset 属性img 元素的 srcset 属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。属性格式：图片地址 宽度描述w 像素密度描述x，多个资源之间用逗号分隔。例如：<img src="small.jpg " srcset="big.jpg 1440w, middle.jpg 800w, small.jpg 1x" />上面的例子表示浏览器宽度...
2020-02-29 19:09:14
790
转载 Vue子组件向父组件传值（this.$emit()方法）
子组件使用this.$emit()向父组件传值首先必须在父组件中引用子组件，然后实现传值第一步 在父组件中引入子组件使用import引入组件import indexImportOrder from './components/indexImportOrder'声明//定义组件components:{ indexImportOrder,},使用<in...
2020-02-26 21:13:21
12847
3
转载 TortoiseSVN使用教程[多图超详细]
安装及下载client 端下载Windows 端程序：http://tortoisesvn.net/downloads。一般而言，如果是32-bit的Windows XP 应该使用TortoiseSVN-1.4.x.xxxx-win32-svn-1.4.x.msi 这个档案。如果是64-bit 的操作系统，则应该使用TortoiseSVN-1.4.x.xxxx-x64-svn-1.4.x.ms...
2020-02-07 18:16:21
308
转载 pointer-events
pointer-events属性auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。 none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。 其它属性值为SVG专用，这里...
2020-02-06 10:12:47
406
原创 CSS抗锯齿 font-smoothing 属性介绍
CSS抗锯齿 font-smoothing 属性介绍CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！它有三个属性：none ------ 对低像素的文本比较好s...
2020-02-06 10:08:38
858
原创 Ant design Vue学习
1、allowClear 允许清除选项的内容2、a-form-item必须放进a-col里面，更多的内容放到a-form-item里面<a-form-item label="标的">label的值，是代表前面红框中的字：3、@change选项改变的事件<a-col :md="4" :sm="8"> <a-form-item labe...
2020-01-15 15:33:27
3388
原创 jQuery学习
1、window.load和$(document).ready()区别window.onload和$(document).ready()的对比 window.load $(document).ready() 执行时期 必须等待网页中所有的内容加载完毕后（包括图片）才能执行 网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的的东西还没加载完 编写个...
2020-01-06 16:17:30
277
原创 substring和substr小结
substring1 substring 方法用于提取字符串中介于两个指定下标之间的字符2 substring(start,end)开始和结束的位置，从零开始的索引 end：字符串下标，结束符是不包括该下标的。比如substring(0,3)，那就是从下标0开始，截取到下标为3的前一位(不包括下标为3的那个字符)substr1substr 方法用于返回一个从指定位置...
2019-12-31 09:22:30
474
原创 vue生命周期
beforeCreate详细：在实例初始化之后，数据观测和event/watcher时间配置之前被调用created详细：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el属性目前不可见。beforeMount详细：在挂载开始之前被调...
2019-12-29 14:49:49
99
转载 ant-design-vue Table组件和分页组件的自定义
ant-design-vue Table组件和分页组件的自定义vue.jsantdesign阅读约 3 分钟最近在个新项目里开发CMS端，vue技术栈和antd的UI框架表格table使用链接：antd的table分页pagination使用链接：antd的pagination表格单独使用时，自带简单分页，只包含 上一页, 页面码, 下一页,例如：但是有时候产品和甲方的...
2019-12-28 23:43:26
10873
9
转载 antd中的disabledDate不可选择时间的处理
handleData(time){ if(!time){ return false }else{ // 大于当前日期不能选 time > moment() // 小于当前日期不能选 time < moment().subtract(1, “days”) // 只能选前7后7 time < momen...
2019-12-28 23:36:43
5750
转载 字符串截取前几位数，截取小数点之前的数字
1，截取字符串前i个字符str=str.substring(0,i);2,去掉字符串的前i个字符str=str.substring(i);将字符串从索引号为2开始截取，var sb = "bbbdsajjds";sb.substring(2); //bdsajjds从索引号2开始到索引好4结束（并且不包含索引4截取在内，也就是说实际截取的是2和3号字符）；v...
2019-12-28 23:34:21
15543
转载 Vue中结合ElementUI实现：限制输入框只能输入正整数
Vue中结合ElementUI实现：限制输入框只能输入正整数如果觉得对您有所帮助，麻烦您动动您的小手指给点个赞呗(*^▽^*)input输入框中禁止输入小数和负数（*只允许输入正整数 *）方法一：利用禁止按键的方法，主要是依靠禁止按下减号以及小数点来完成的首先要监听keyup（键盘按下）事件，因为elementUi上面的input组件监听事件是没有这个事件的，所以可能会报错，所以我们需...
2019-12-28 23:27:17
1666
原创 Vue中的@blur/@focus事件
@blur 是当元素失去焦点时所触发的事件@focus是元素获取焦点时所触发的事件<template> <div> <!-- @blur 当元素失去焦点时触发blur事件 --> <div> <input type="text" placeholder="请输入内容" @blur...
2019-12-28 23:15:44
41423
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人