JavaScript
文章平均质量分 66
JS相关知识笔记
Komorebi゛
这个作者很懒,什么都没留下…
展开
-
【uniapp】单选框、复选框点击整行选中效果实现
单选框<view class="list-item" v-for="(item, index) in cardList" :key="index" @click="radioChange(item)"> <image class="list-item-icon" :src="item.bankUrl" mode=""></image> <view class="list-item-name">{{ item.bankName }}</view&原创 2024-05-15 10:59:09 · 189 阅读 · 0 评论 -
【uniapp】仿微信通讯录列表实现
【代码】仿微信通讯录列表实现。原创 2023-11-10 09:27:39 · 600 阅读 · 0 评论 -
【uniapp】六格验证码输入框实现
六格验证码输入框实现原创 2023-11-08 16:55:49 · 731 阅读 · 0 评论 -
【uniapp】仿微信支付界面
仿微信支付界面键盘实现原创 2023-10-26 09:14:35 · 782 阅读 · 0 评论 -
判断对象是否为空的几种方法
此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空。此方法是jquery将2方法(for in)进行封装,使用时需要依赖jquery。与4方法类似,是ES6的新方法, 返回值也是对象中属性名组成的数组。将json对象转化为json字符串,再判断该字符串是否为"{}"注意:此方法不兼容ie8,其余浏览器没有测试。使用ES6的Object.keys()方法。for in 循环判断。原创 2023-01-14 17:02:26 · 1931 阅读 · 0 评论 -
slice()、substring()、substr()三者的区别
JS三种常用截取字符串方法的区别原创 2023-03-23 15:56:14 · 1355 阅读 · 0 评论 -
下载附件的几种方式
1. 使用 window.open() 进行下载 2. 使用 a 标签创建隐藏的可下载链接let ele = document.createElement('a') 3. 使用 iframe 进行下载 4. 使用 FileSaver.js 插件下载原创 2023-01-15 10:24:39 · 1801 阅读 · 0 评论 -
浏览器工作原理
在第一次布局完成之后,浏览器会真正的把节点和节点的样式例如背景、阴影、边框绘制到屏幕上,这个要求过程必须要十分快速,否则会影响动画交互的性能。如果之前布局发生了回流,也就是加载了像图片这样的节点之后,浏览器还会发生重绘,把变化的布局再重新绘制到屏幕上,在绘制期间也有可能会有组合发生,因为在渲染节点时可能会产生新的图层,例如video标签,或者是设置了opacity、will-change、transform等属性的节点,浏览器还需要把这些图层组合起来,按正确的堆叠顺序渲染,回流和重绘也会引发重新组合操作。原创 2022-09-24 11:55:27 · 298 阅读 · 0 评论 -
axios中get、post请求传参区别及使用
axios原创 2023-01-04 13:55:33 · 6952 阅读 · 0 评论 -
定时器笔记
clearTimeout()方法取消了先前通过调用setTimeout()建立的定时器。setTimeout()方法用于设置一个定时器,该定时器在定时器到期后执行调用函数。setInterval()方法重复调用一个函数,每隔这个时间,就去调用一次回调函数。而这个函数,需要等待时间,时间到了才去调用这个函数,因此称为回调函数。window.setInterval(回调函数,[间隔的毫秒数]);window.setTimeout(调用函数,[延迟的毫秒数]);普通函数是按照代码顺序直接调用。原创 2022-11-02 11:13:59 · 76 阅读 · 0 评论 -
window对象常见事件
window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件等),就调用的处理函数。window.onresize是调整窗口大小加载事件,当触发时就调用的处理函数。原创 2022-11-02 11:13:04 · 83 阅读 · 0 评论 -
预解析案例分析
js引擎运行js分为两步:预解析和代码执行预解析分为:变量预解析:变量提升,不提升赋值操作函数预解析:函数提升,不调用函数案例1:var num = 10;fun();function fun() { console.log(num); var num = 20;}//相当于执行了一下操作var num;function fun() { console.log(num); //undefined var num = 20;}num原创 2020-11-07 22:03:15 · 243 阅读 · 0 评论 -
元素偏移量offset、可视区client、滚动scroll
client翻译过来就是客户端,我们使用client系列的相关属性来获取元素可视区的相关信息。通过client的相关属性可以动态的得到该元素的边框大小、元素大小等。offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。scroll翻译过来就是滚动的,我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。因此,我们想要获取元素大小位置,用offset更合适,想要给元素更改值,则需要用style改变。原创 2020-11-17 16:08:43 · 283 阅读 · 0 评论 -
JS常用键盘和鼠标事件
常用键盘事件:onkeyup:按键弹起的时候触发/*document.οnkeyup=function(){ console.log('弹起'); }*/document.addEventListener('keyup',function(){ console.log('弹起');})onkeydown:按键按下的时候触发document.addEventListener('keydown',function(){ console.log('按下');}原创 2020-11-05 11:14:56 · 148 阅读 · 0 评论 -
打开页面的几种方式
使用a标签<a href="链接的页面" target="_blank">新窗口打开</a><a href="链接的页面" target="_parent">原窗口打开</a><a href="链接的页面" target="_self" >自身窗口打开</a><a href="链接的页面" target="_aa" >name="aa"的框架页面打开</a>使用onclik<a oncl.原创 2020-11-05 10:47:31 · 2623 阅读 · 1 评论 -
this指向问题以及改变this指向的三种方法
this指向问题:一般情况下this的最终指向的是哪个调用它的对象全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window)console.log(this);function fn(){ console.log(this);}window.fun();setTimeout(function(){ console.log(this);},1000);方法调用中谁调用this指向谁var o={ sayHi:func原创 2020-11-05 10:56:53 · 716 阅读 · 0 评论