js

flexible.js实现移动端rem适配方案

需要了解的基础知识: 物理像素:物理像素又被称为设备像素,他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 设备独立像素:也称为密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素),然后由相关系统转换为物理像素。 设备像素比:简称为dpr,其定义了物理像... »

js中位数不足自动补位扩展padLeft、padRight实现代码

方法一、自定义函数实现,不方便自定义调用 function FillZero(p) { return new Array(3 - (p + '').length + 1).join('0') + p; } FillZero(6); //输出006 方法二、String方法一扩展(C#中PadLeft、PadRight) String.prototype.PadLeft = function (le... »

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

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

本文实例讲述了js防抖函数和节流函数使用场景和实现区别。分享给大家供大家参考,具体如下:开发过程中,都遇到过某个事件被频发触发的场景,比如resize,scroll事件,input事件,而对应的事件处理函数也会被高频率调用,这时会增加浏览器负担,用户体验也不好,这也是防抖函数和节流函数存在的意义和使用场景。 »

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

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

本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考,具体如下:函数柯里化的方法:1,利用数组的reduce方法可实现柯里化,具体参见我的另外一篇文章2,代码如下const curry = => // 参数长度满足时,执行函数 : fn;}function sumFn var sum = curry; const one = sumconsole.logconst two =... »

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

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

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

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

关键代码 js调用微信扫一扫功能测试 注意事项:“获取微信认证参数”这个的前提是您能够有自己的微信开发资质,并能获取到正确的参数 公众号的唯一标识 签名的时间戳 签名随机串常见的错误config:invalid signature解决办法“当前网页的地址”-----哈哈,一定是你写的不对,这里一定是去参的本网页的地址最 »

vue.js中使用微信扫一扫解决invalid signature问题(完美解决)

1、点击按钮,实现微信扫一扫功能: <template> <a class="btn" @click="scan">扫一扫</a> </template> 2、使用config接口注入配置信息,wx.config调用方法如下: (其中appId,timestamp,nonceStr,signature必须从后台获取,传参当前网页的URL,不包含#及其... »

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

本文实例讲述了JS async 函数的含义和用法。我们可以给script标签添加 async 属性来异步执行脚本。并且对 yield 的返回结果有严格要求。async 函数很好的解决了这个问题。但是万变不离其宗,再怎么改变,其实内里还是一样的async 函数其实是将前文里的 Generator 函数和自动执行函数包装在一块只是减少了我们使用上的复杂度,实际的逻辑一点没少。 »

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

本文实例讲述了JS co 函数库的含义和用法。好了,不瞎扯了,回归主题,前两篇文章我们分别学习了 Generator 函数和 Thunk 方式的自动执行。今天我们接着上次的思路学习使用 co 工具实现 Generator 函数的自动执行。正如我们的猜测一样,co 其实是将之前的两种自动执行方式结合到了一起,包装成一个库。 »

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

本文实例讲述了JS Thunk 函数的含义和用法。这个包装参数的临时函数就叫 Thunk 函数。是不是一定要使用 Thunk 函数?Thunk 用在什么场景下?自从有了 Generator 函数,Thunk 函数现在可以用于 Generator 函数的自动流程管理。Thunk 函数真正的威力,在于可以自动执行 Generator 函数。 »

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

本文实例讲述了JS Generator 函数的含义与用法。分享给大家供大家参考,具体如下:读阮一峰老师《Generator 函数的含义与用法》总结老师的文章通俗易懂,但是我个人理解上面有一些差,所以看了几遍之后才有呢么一点点体会把它记录下来。也就是说Generator函数的分阶段执行是由next方法控制的。value 属性是 yield 语句后面表达式的值,表示当前阶段的值;done 属性是一个布... »

基于js判断浏览器是否支持webGL

起因是我之前开发的网页,用到了three.js制作了一个3d的旋转球体效果。 在各种浏览器上运行都没问题,在IE上也做了兼容代码。 但是今天接电话,老板说你这网页在xp上不显示啊。IE上好使。google浏览器不好使。 于是开始解决问题,不禁陷入了沉思。what?网页显示难道还与操作系统有关?google竟然不好使? 于是搭建一个xp虚拟机。 于是下载一个chorme。 惊奇的发现并不能... »

基于python实现把json数据转换成Excel表格

json数据: [{“authenticate”:-99,”last_ip”:”156.2.98.429″,”last_time”:”2020/05/23 01:41:36″,”member_id”:5067002,”mg_id”:... »

原生js实现的观察者和订阅者模式简单示例

本文实例讲述了原生js实现的观察者和订阅者模式。分享给大家供大家参考,具体如下:观察者模式也叫 发布者-订阅者模式,发布者发布事件,订阅者监听事件并做出反应在传统的前端解耦方面,观察者模式作为比较常见一种设计模式,大量使用在各种框架类库的设计当中。== undefined && this.onObj[key].length > 0) } if(this.oneObj... »

Vue+tracking.js 实现前端人脸检测功能

Vue+tracking.js 实现前端人脸检测功能

项目中需要实现人脸登陆功能,实现思路为在前端检测人脸,把人脸照片发送到后端识别,返回用户token登陆成功 前端调用摄像头使用tracking.js检测视频流中的人脸,检测到人脸后拍照上传后端。 后端使用face_recognition人脸识别库,使用Flask提供restfulAP供前端调用 实现效果如下图: 登陆界面: 摄像头检测人脸界面: 前端代码如下: <template> &... »

tracking.js实现前端人脸识别功能

1.下载 https://trackingjs.com/ 2.运行例子 纳总一下 发现效果 里面的代码为 <!doctype html> <html> <head> <meta charset="utf-8"> <title>tracking.js - face hello world</title> <link rel... »

js String.prototype.trim字符去前后空格的扩展

最近学习js的时候发现的这个函数,这样很方便地去除前后空格,用正则实现,简单方便。下面软件开发网小编就为大家分享一下几种实现方式。 String.Prototype.trim() trim()返回一个字符串两端空白字符被删除的新字符串,不影响原字符串。 第一种实现方式:理论上算是比较不错的 if (!String.prototype.trim) { String.prototype.trim = ... »

详解在Vue.js编写更好的v-for循环的6种技巧

在VueJS中,v-for循环是每个项目都会使用的东西,它允许您在模板代码中编写for循环。 在最基本的用法中,它们的用法如下。 <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 但是,在本文中,我将介绍六种方法来使你的 v-for 代码更加精确,可预测和强大。 ... »

js 解析 JSON 数据简单示例

js 解析 JSON 数据简单示例

本文实例讲述了js 解析 JSON 数据。分享给大家供大家参考,具体如下: JSON 数据如下: { "name": "mkyong", "age": 30, "address": { "streetAddress": "88 8nd Street", "city": "New York" }, "phoneNumber": [ { "type": "home", "number": "111 1... »

js实现无限层级树形数据结构(创新算法)

封装函数:function treeData // 调用时,字段名以字符串的形式传参,如treeData实例1:使用element-ui的组件制作一个树形多级嵌套伸缩菜单栏实现效果:vue组件: Demo树形数据转成扁平数据,请查看这篇文章:js实现树形数据转成扁平数据 »

vue中音频wavesurfer.js的使用方法

本文为大家分享了vue中音频wavesurfer.js的使用方法,供大家参考,具体内容如下 效果图 首先引入wavesurfer.js 其次 封装 wavesurfer.js` <template> <div class="waveformOuter"> <div id="waveform" ref="waveform" /> <div class="pl... »

原生JS与JQ获取元素的区别详解

一.原生JS获取元素。 »

原生js拖拽实现图形伸缩效果

本文实例为大家分享了js拖拽实现图形伸缩效果的具体代码,供大家参考,具体内容如下 点击矩形的四个角和四个边实现不同的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width... »

js实现自动播放匀速轮播图

本文实例为大家分享了js实现自动播放匀速轮播图的具体代码,供大家参考,具体内容如下函数封装: ( 匀速运动函数)function animate(obj,target,step,speed){ clearInterval(obj.timer); var absStep = Math.abs(step); step = target > obj.offse »

js获取本日、本周、本月的时间代码

本日时间 function showToDay() { var Nowdate=new Date(); M=Number(Nowdate.getMonth())+1 alert(Nowdate.getMonth()+"月,"+Nowdate.getDate()+"号,星期"+Nowdate.getDay()); return Nowdate.getYear()+"-"+M+"-"+Nowdate.... »

Page 1 of 641123»