分类：JS

2020
09-27

JS错误处理与调试操作实例分析

本文实例讲述了JS错误处理与调试操作。分享给大家供大家参考，具体如下：JavaScript错误-throw、try和catchtry语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。finally语句在try和catch语句之后，无论是否有触发异常，该语句都会执行。JavaScripttry和catchtry语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当try代码块发生错误时，所执行的代码块。JavaScript语... 继续阅读 >
2020
09-27

JS正则表达式常见函数与用法小结

本文实例讲述了JS正则表达式常见函数与用法。分享给大家供大家参考，具体如下：search()使用正则表达式//使用正则表达式搜索"Runoob"字符串，且不区分大小写varstr="VisitRunoob!";varn=str.search(/Runoob/i);search()方法使用字符串search方法可使用字符串作为参数。字符串参数会转换为正则表达式：varstr="VisitRunoob!";varn=str.search("Runoob");//输出6replace()方法使用正则表达式//使用正则表达式且... 继续阅读 >
2020
09-27

JavaScript创建表格的方法

JavaScript创建表格的方法 本文实例为大家分享了JavaScript创建表格的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><divid="mountains"></div><script>letMOUNTAINS=[{name:"Kilimanjaro",height:5895,place:"Tanzania"},{name:"Everest",height:8848,place:"Nepal"},{name:"MountFuji",height:3776,place:"Japan"},{name:"Vaalserb... 继续阅读 >
2020
09-27

javascript实现画板功能

javascript实现画板功能 本文实例为大家分享了javascript实现画板功能的具体代码，供大家参考，具体内容如下画板功能的实现<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">*{margin:0;padding:0;list-style:none;}body{background:url(11.jpg)00no-repeat;}.wrapper{margin:10px;}.wrappercanvas{border:1pxsolidblue;border-radius:25px;box-shadow:10px10px5pxbrown;m... 继续阅读 >
2020
09-27

JS中间件设计模式的深入探讨与实例分析

本文实例讲述了JS中间件设计模式。分享给大家供大家参考，具体如下：中间件作为一些辅助处理功能，应用非常广泛，例如express中间件，redux中间件，koa中间件，那么中间件的设计模式到底是怎样的呢。结合中间件的使用实例探讨和总结一下中间件的设计思想和一般实现模式。仿照redux中间件实现模式，看如下一个例子：functionfn2(next){console.log('执行2，返回改造的next之前')returnaction=>{console.log('执行2')... 继续阅读 >
2020
09-27

js防抖函数和节流函数使用场景和实现区别示例分析

本文实例讲述了js防抖函数和节流函数使用场景和实现区别。分享给大家供大家参考，具体如下：开发过程中，都遇到过某个事件被频发触发的场景，比如resize，scroll事件，input事件，而对应的事件处理函数也会被高频率调用，这时会增加浏览器负担，用户体验也不好，这也是防抖函数和节流函数存在的意义和使用场景。函数防抖（debounce）：持续触发事件时，在设定时间段内没有被触发，才去调用事件处理函数，在设定时间段内如果事件又... 继续阅读 >
2020
09-27

js函数柯里化的方法和作用实例分析

本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考，具体如下：函数柯里化的方法：1，利用数组的reduce方法可实现柯里化，具体参见我的另外一篇文章2，代码如下constcurry=(fn,...args)=>{console.log('args',args)//console.log(fn.length,args.length)returnargs.length<fn.length//参数长度不足时，重新柯里化该函数，等待接受新参数?(...arguments)=>{console.log('arguments',a... 继续阅读 >
2020
09-27

js点击事件的执行过程实例分析【冒泡与捕获】

本文实例讲述了js点击事件的执行过程。分享给大家供大家参考，具体如下：js事件对象event包括很多事件类型，这里用onclick事件为例，探讨一下在js事件捕获机制和冒泡机制下的执行过程，以及如何阻止事件的捕获和冒泡。首先看下当我们点击一个元素后，浏览器的执行过程。1，当某个元素绑定的事件被触发时，这时浏览器就会从顶级document元素发出一个事件流2，这个事件流顺着dom层级，一层一层向下找，直到遇到了触发事件的目标元素... 继续阅读 >
2020
09-27

js中调用微信的扫描二维码功能的实现代码

关键代码<html><head><title>js调用微信扫一扫功能测试</title><!--引用微信JS库--><scripttype="text/javascript"src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><!--引用jQuery库--><scripttype="text/javascript"src="http://code.jquery.com/jquery-1.4.2.min.js"></script></head><body><inputtype="button"value="扫一扫"id="scanQRCode"><scripttype="text/javascript">//这... 继续阅读 >
2020
09-27

JavaScript实现轮播图特效

JavaScript实现轮播图特效 本文实例为大家分享了JavaScript实现轮播图特效的具体代码，供大家参考，具体内容如下功能：1、图片会自动播放，鼠标放上面会暂停播放2、点击左右出现的箭头可以切换到上一张/下一张图片3、点击序号会跳转到对应图片 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>当当网首页轮播图-By小黑</title><style>*{padding:0;margin:0;list-style:none;}#wrap{margin:50pxauto;width... 继续阅读 >
2020
09-27

javascript实现贪吃蛇经典游戏

js面向对象编程之贪吃蛇，供大家参考，具体内容如下首先：面向对象编程，我们要找到项目中具体的对象，此处为（食物（food），蛇（snake），游戏本身（game））也可不把游戏本身作为对象，逻辑体现出来即可。接着分析每个对象的具体的属性及方法：1）food对象：属性有：位置，大小，颜色；方法有：渲染在页面，随机不同位置生成；2）snake对象：属性有：位置，大小，总节数（计分方便），颜色；方法有：渲染在页面，移动（移动过... 继续阅读 >
2020
09-27

JS async 函数的含义和用法实例总结

本文实例讲述了JSasync函数的含义和用法。分享给大家供大家参考，具体如下：学习老师最后一篇文章并做总结，前面我们认识了各种异步编程方式：回调函数，Promise对象，Generator函数，再到两种自动执行方式：Thunk，co好像我们为了更好的解决异步编程做了很多事情，但是这也说明了一个问题就是目前仍是的异步编程都有或多或少的问题，才导致我们要找对应的解决方案今天我们仍是最后的大招：async这个关键字在哪里见到来着？我们... 继续阅读 >
2020
09-25

JS co 函数库的含义和用法实例总结

本文实例讲述了JSco函数库的含义和用法。分享给大家供大家参考，具体如下：继续学习阮一峰老师异步编程四部曲之三：coco在很早之前就听超哥讲过，说在node编程中大量用到，源码很简单，但是想法很强大。让我有空抓紧了解下，前一段时间弄离职的事情，跑来跑去累的够呛。现在终于一切回归正常了，还在拼命的适应新公司的节奏。只能趁周末继续学习了。好了，不瞎扯了，回归主题，前两篇文章我们分别学习了Generator函数和Thunk... 继续阅读 >
2020
09-25

JS Thunk 函数的含义和用法实例总结

本文实例讲述了JSThunk函数的含义和用法。分享给大家供大家参考，具体如下：前面我们已经学习过了Generator函数的优势和使用场景。这篇文章我们继续学习阮老师的第二篇文章，Thunk函数的含义和用法说实话，在这之前是没听过这个词的，但其实如果你对犀牛书里的不完全函数有认真看过的话理解起来也不是很费劲。首先什么是thunk函数？很多场景下我们都会陷入一个问题，就是函数参数的求值时间。是函数调用时即求值还是在函数内... 继续阅读 >
2020
09-25

JS Generator 函数的含义与用法实例总结

本文实例讲述了JSGenerator函数的含义与用法。分享给大家供大家参考，具体如下：读阮一峰老师《Generator函数的含义与用法》总结老师的文章通俗易懂，但是我个人理解上面有一些差，所以看了几遍之后才有呢么一点点体会把它记录下来。还是那句话，所有事物的出现都是为了解决对应的问题。那么Generator出现是为了解决什么问题的呢？在异步编程的场景下，如果有多个异步任务，如何处理他们的先后执行顺序？举一个常见的例子，jque... 继续阅读 >