- 博客(6)
- 收藏
- 关注
原创 js实现一维数组转成无限层级的树形结构数据,树的层级由传入的一维数组决定
js实现一维数组转成无限层级的树形结构数据,树的层级由传入的一维数组决定使用递归实现,直接上代码:(() => { let originArr = [ {id: 10, label: 'WDE', value: '555552', pid: 9}, {id: 10.1, label: 'WDE', value: '555552', pid: 9}, {id: 10.2, label: 'WDE', value: '555552', pid: 9}, {id: 1
2021-01-16 16:50:53 943
原创 (vue项目)实现输入银行卡号每隔四位自动补一个空格,且再次修改输入光标不会错位
(vue项目)实现输入银行卡号每隔四位自动补一个空格,且再次修改输入光标不会错位直接看效果:对于输入框输入银行卡号每个4位自动增加一个空格,看了很多小伙伴写的都存在各种各样的小问题,最明显的就是光标错位(输入完成后,再回去修改中间的,光标自动跑到最后面)。后面决定手撸一个。代码如下:html: <input v-model="testData" @input="formatCardNumber" ref="cardInput" />js: data() { return {
2020-08-30 22:20:56 4143 2
原创 精确判断对象的类型------Object.prototype.toString.call()方法(学习小记之基础巩固)
在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object”,“function”,“symbol” (ES6新增)七种。*对于数组、null、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。* 所以这时就需要用到Object.pro...
2019-07-31 18:26:35 178
原创 解决浏览器版本不兼用:Object.getOwnPropertyDescriptors
最近项目将vue2.x 升级到了vue3.x了,这本来是可以简化很多配置吧,好事。但是,升级之后也会面临很多2.x没遇到的问题,这里做个总结吧。1.vue3.x打包使用的是webpack4.x版本了(之前用的是webpack3.x),webpack4.x对代码规范更加严谨了。举个例子: a = 10;以上代码使用webpack3.x打包时会自动补全变量声明,但是,webpack4.x罢工了...
2019-07-16 17:49:51 2933 5
原创 移动端开发----1px最佳解决方案,px To rem
移动端web项目越来越多,设计师对于UI的要求也越来越高,比如1px 的边框。在高清屏下,移动端的1px 会很粗。比如,这个是假的1像素这个是真的1像素一、产生原因那么为什么会产生这个问题呢?主要是跟一个东西有关,DPR(devicePixelRatio) 设备像素比,它是默认缩放为100%的情况下,设备像素和CSS像素的比值。window.devicePixelRatio=物理像素...
2019-07-03 17:53:19 2038
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人