- 博客(23)
- 收藏
- 关注
RSS订阅原创 element plus校验日期格式为 type=“datetimerange“的方法
【代码】element plus校验日期格式为 type=“datetimerange“的方法。
2024-05-24 11:24:23
231
原创 vue3 + ts withDefaults(defineProps＜xxx＞(),{...})和defineProps＜xxx＞区别
defineProps()和withDefaults(defineProps(),{})区别
2022-08-22 17:53:03
2294
1
原创 scss预处理器 @mixin@include
scss 学习scss预处理器使用 @mixin 来定义变量或方法，使用@include使用变量// 定义变量@mixin bordered { border: 1px solid red;}@mixin popCover { position: fixed;> 这里是引用 top: 0; left: 0; bottom: 0; right: 0; z-index: 99; background: rgba(0, 0, 0, 0.7);}@mix
2022-04-29 11:22:19
337
原创 判断字符串中字符长度，中文字符+2
要求检查字符串的length，中文占两个字符tip： 使用字符串的replacelet str = 'hello你好'const regChinese = /([\u0391-\uFFE5])/ig;const length = str.replace(regChinese, '--').length;console.log(str, length) // 'hello你好' 9
2022-04-18 19:03:55
162
原创 深拷贝 递归Reflect.ownKeys实现
深拷贝在JS中，数据类型分为基本数据类型和引用数据类型， 基本数据类型的值存储在栈内存中，引用类型则存储在堆内存中，栈内存中仅仅存储了堆内存的一个引用。 普通的 ” =“ 的赋值操作以及数组（对象）的方法仅是浅拷贝使用深拷贝就是将堆内存开辟新空间copy数组（对象）为什么使用深拷贝在改变新的数组（对象）的时候，不改变原数组（对象）// 递归使用Reflect.ownKeys实现const deepclone = function(obj){ const isobj = (obj)=>
2022-04-18 17:56:32
850
原创 typeof、instanof区别 以及Object.prototype.toString.call(obj)判断类型
typeof只能用做基本数据类型的判断，注意几点 1. 数组，对象和null返回object 。 2. 方法(内置的构造函数，定义的function)返回function。instanceofinstanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。语法object instanceof constructor描述instanceof运算符用来检测 constructor.prototype是否存在于参数 object的原型链上理解：
2022-04-18 17:36:19
121
原创 ES6 数组新增方法Array.from() Array.fill() Array.copyWithin
数组新增方法Array.from() Array.fill()Array.from(arrLike,mapFn,thisArg)arrLike：伪数组对象或可迭代对象(必填)mapFn：新数组中的每个元素会执行该回调函数(非必填)thisArg：执行回调函数 mapFn 时 this 对象作用： 1. （数组转化）将伪数组或者集合转化为真数组例一：<body> <p>第一个p标签</p> <p>第二个p标签</p>
2022-04-18 15:53:02
454
原创 ES6 Math新增方法trunc() sign() cbrt()
trunc()获取数值小数对比parseInt()注意：调用parseInt方法时，会隐式地将传入的数字类型用toString方法转换为字符串在javascript中，小于0.000001的浮点数会以科学计数法来表示console.log(parseInt('3.14kg')) // 3console.log(Math.trunc('3.14kg')) // NaNconsole.log(parseInt(6.022e23)) // 6console.log(Math.tr
2021-06-24 19:23:23
177
2
原创 ES6 number数值新增方法
ES6中Number新增数值方法1. 十进制数以 二进制，八进制 表示// es6中二进制以0b / 0B开头console.log(0b001001100110011);console.log(0B001001100110011);// es6中八进制以0o/0O开头console.log(0o111110111);console.log(0O111110111);注意： 0b或者0o不区分大小写2. 判断 有限数/有尽数 值 isfinite() console.log(Num
2021-06-24 15:00:31
142
原创 es6 : Symbol类型
ES6：Symbol数据类型1，Symbol概念：提供第一无二的值ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined，新增了 Symbol2，Sysmbol用法： let a = Symbol('123'); let b = Symbol('123'); console.log(a); // Symbol(123) console.log(a === b); // false // ------------
2021-06-21 17:26:58
110
原创 element表格多页分页选中并回显vue
<el-table .... @select="handleSelect" @select-all="handleSelectAll">data数据 { ... selectUsers: [], // 批量选择的用户 selectUsersTemparr: [], }methods: handleSelect(data) { // 本页选中的数据，翻页后依旧需要保留 // 方案就是 selectUsersTemparr
2021-06-18 21:23:48
328
原创 gitlab 在线合并分支a-分支b，解决冲突后，反向合并分支b-分支a
实际开发中遇到从自己开发分支（这里用分支dev代替）开发完毕，要上传到prod预发环境进行测试（这里用master1代替），在gitlab中merge request
2021-06-18 20:21:29
845
原创 git报错：The file will have its original line endings in your working directory
git报错：The file will have its original line endings in your working directory（该文件将在您的工作目录中有其原始的行尾）git add . 是表示把当前目录下的所有更新添加至暂存区。有时在终端操作这个会提示： warning: LF will be replaced by CRLF in ball_pool/assets/Main.js. The file will have its original line endings
2021-01-21 16:26:04
337
原创 微信中禁止页面上下滑动 ios android
微信中禁止页面上下滑动 ios androidapp.vue文件mounted中document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); //passive 参数不能省略，用来兼容ios和android参考文档...
2020-08-12 10:14:41
268
原创 时间插件WdatePicker，校验时间、开始时间结束时间
首先引用js WdatePicker.js<script src="./WdatePicker.js"></script>在标签使用插件input标签 必须带有id属性开始时间<input id="start_time_id" type="text" name="start_time_name" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',minDate:'%y-%M-%d',maxDate:'#
2020-07-29 17:54:27
719
原创 图片链接在地址栏请求可以显示,但是img标签的src不显示
最近遇到在html中的标签img中使用网址请求的图片不显示的问题，看下代码//html<img :src="movie.images.small+'?apikey=0df993c66c0c636e29ecbb5344252a4a'" alt="电影海报">在页面这样显示的然后在页面上选中元素查看也是正常的，是自己想要的效果。以为是图片路径错误没有这个图片，就在地址栏输入查看，是可以看到的，于是百度搜索，发现问题<meta name="referrer" content="
2020-06-08 16:24:31
10534
2
原创 new new Foo().getName()；笔试考题；优先级等问题
一道看似简单的面试题，其中考察了很多知识点例如：js优先级运算符 变量声明提升 原型 this指向//写出以下输出结果function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = ...
2020-03-04 17:46:31
1347
原创 vue使用axios接收流文件
在工作中遇到使用axios接收流文件，遇到了一些问题，整理如下：在调用接口成功后如图所示：现在需要调试下axios.js文件统一拦截// 导出 const headers = response.headers //console.log(headers['content-type']) 将打印的值，也将后台返回的相应头设置成相同的，我的就是'application/oc...
2019-09-17 11:08:38
5646
2
原创 Date.now()和new.Date().getTime()的区别
Date.now()和new.Date().getTime()都是获取1970年1月1日截止到现在时刻的时间戳，但是从性能上来讲Date.now()要快于new.Date().getTime()可以从代码执行上来看console.time() for (let i = 0; i < 10000; i++) { new Date().getTime() }console...
2019-05-16 15:17:58
40542
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人