- 博客(27)
- 收藏
- 关注
原创 vue3使用 @wangeditor/editor 及遇到问题的记录
wangEditor 在 vue3 中的如何使用记录以及发现的上传文件无法下载问题的处理
2025-02-10 17:21:51
1378
原创 el-dialog 组件 在<style lang=“scss“ scoped>标签
【代码】el-dialog 组件 在<style lang=“scss“ scoped>标签。
2025-01-07 14:13:39
368
原创 element plus校验日期格式为 type=“datetimerange“的方法
【代码】element plus校验日期格式为 type=“datetimerange“的方法。
2024-05-24 11:24:23
487
原创 vue3 + ts withDefaults(defineProps<xxx>(),{...})和defineProps<xxx>区别
defineProps()和withDefaults(defineProps(),{})区别
2022-08-22 17:53:03
2642
原创 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
417
原创 判断字符串中字符长度,中文字符+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
201
原创 深拷贝 递归Reflect.ownKeys实现
深拷贝在JS中,数据类型分为基本数据类型和引用数据类型, 基本数据类型的值存储在栈内存中,引用类型则存储在堆内存中,栈内存中仅仅存储了堆内存的一个引用。 普通的 ” =“ 的赋值操作以及数组(对象)的方法仅是浅拷贝使用深拷贝就是将堆内存开辟新空间copy数组(对象)为什么使用深拷贝在改变新的数组(对象)的时候,不改变原数组(对象)// 递归使用Reflect.ownKeys实现const deepclone = function(obj){ const isobj = (obj)=>
2022-04-18 17:56:32
911
原创 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
166
原创 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
520
原创 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
257
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
181
原创 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
170
原创 element表格多页分页选中并回显vue
<el-table .... @select="handleSelect" @select-all="handleSelectAll">data数据 { ... selectUsers: [], // 批量选择的用户 selectUsersTemparr: [], }methods: handleSelect(data) { // 本页选中的数据,翻页后依旧需要保留 // 方案就是 selectUsersTemparr
2021-06-18 21:23:48
399
原创 gitlab 在线合并分支a-分支b,解决冲突后,反向合并分支b-分支a
实际开发中遇到从自己开发分支(这里用分支dev代替)开发完毕,要上传到prod预发环境进行测试(这里用master1代替),在gitlab中merge request
2021-06-18 20:21:29
956
原创 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
386
原创 微信中禁止页面上下滑动 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
312
原创 时间插件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
772
原创 图片链接在地址栏请求可以显示,但是img标签的src不显示
最近遇到在html中的标签img中使用网址请求的图片不显示的问题,看下代码//html<img :src="movie.images.small+'?apikey=0df993c66c0c636e29ecbb5344252a4a'" alt="电影海报">在页面这样显示的然后在页面上选中元素查看也是正常的,是自己想要的效果。以为是图片路径错误没有这个图片,就在地址栏输入查看,是可以看到的,于是百度搜索,发现问题<meta name="referrer" content="
2020-06-08 16:24:31
12397
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
1420
原创 vue使用axios接收流文件
在工作中遇到使用axios接收流文件,遇到了一些问题,整理如下:在调用接口成功后如图所示:现在需要调试下axios.js文件统一拦截// 导出 const headers = response.headers //console.log(headers['content-type']) 将打印的值,也将后台返回的相应头设置成相同的,我的就是'application/oc...
2019-09-17 11:08:38
5937
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
40822
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人