js
-
Js中forEach跳出本次循环和终止循环
1、forEach跳出本次循环 可使用 return 语句跳出本次循环,执行下一次循环 将输出 1 2 4 5 6,3不会输出 2、forEach终止循环 forEach 无法通过正常流程(如 break )终止循环,但可通过抛出异常的方式实现终止循环 将只输出 1 2 如果不想看到这个报错,将if(e.message === 'End Loop') thr...
-
js 对url进行编码和解码
三种编码和解码函数: encodeURI和 decodeURI 它着眼于对整个URL进行编码,因此除了常见的符号以外,对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码。编码后,它输出符号的utf-8形式,并且在每个字节前加上%。 需要注意的是,它不对单引号’编码。 encodeURIComponent和d...
-
jQuery---链式编程
一、链式编程 在jQuery中,如果一直对同一个元素进行函数操作,那么可以使用 .函数操作名,一直写下去。 二、常用绑定事件函数的链式编程 举例: 实现链式编程的核心,是函数调用结束之后返回的this对象,指的是当前调用者。这里的$("button").click(function(){})调用结束之后,返回this对象,它相当于$("button"),这样...
-
原生js 给动态添加的元素添加(事件监听器)
给动态添加的元素添加点击事件
-
js中阻止事件冒泡的几种方法
前端开发过程中主要是通过以下三种方法来实现阻止事件冒泡 事件冒泡的: 如果在div中发生点击事件:那么click事件就在经过的结点上依次触发,button < div < body < html < document < window 下面是三种处理事件冒泡的方法 1.使用preventDefault(); 使用 e.preve...
-
uniapp与webview之间的相互传值
引入的H5文件 这个H5的例子官方是已经有了的,需要注意的就是引入的uni.webview.1.5.4.js 引入外部cdn(https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.4.js) 会失效,所以需要将js下载下来,进行本地引入 H5的源码如下 H5 发送数据到 uniapp ...
-
JS addEventListener() 方法
说明: addEventListener() 方法用于向指定元素添加监听事件。且同一元素目标可重复添加,不会覆盖之前相同事件,配合 removeEventListener() 方法来移除事件。 语法 参数说明:有三个参数 参数一、事件名称,字符串,必填。 参数二、执行函数,必填。 参数三、触发类型,布尔型,可空 你可以使用函数名,来引用外部函数: 向 Wi...
-
JavaScript实现监听移动端上下左右滑动事件
Introduction 最近刚入坑web前端,学了一点基础,便准备写个简单的2048小游戏试试手。开发过程中发现, PC端可以直接监听键盘输入,但是移动端就不得不监听屏幕上的滑动事件了。 2048 可以在手机上打开,仍然具有不错的交互 JS 触摸事件(event) 注意: 在touchend事件发生时,event的touches对象中就没有元素了,需要到c...
-
JS 原生获取子节点、父节点和兄弟节点的若干种方式
一、js获取子节点的方式 1、通过获取DOM方式直接获取子节点 其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可,如var a = document.getElementById("price").getElementsByTagName("div")[...
-
JavaScript异步与Promise基本用法(resolve与reject)
Promise解决的问题 相信每个前端都遇到过这样一个问题,当一个异步任务的执行需要依赖另一个异步任务的结果时,我们一般会将两个异步任务嵌套起来,这种情况发生一两次还可以忍,但是发生很多次之后,就形成了所谓的回调地狱,代码层层嵌套,环环相扣,很明显,逻辑稍微复杂一些,这样的程序就会变得难以维护。就比如我们昨天的那个回调地狱的例子: 对于这种情况,程序员们想了...