现在位置: 首页 > web前端 > 文章
2020年02月18日 web前端 ⁄ 共 3267字 评论关闭

JS实现可视化音频效果的实例代码 效果如图: 背景图片可以换成自己喜欢的或者不用,线条的颜色粗细也可以自己调整. 代码如下(可直接复制使用): <html lang="en"> <head> <meta charset="UTF-8"> <title>可视化音频</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js">&lt

阅读全文
2020年02月18日 web前端 ⁄ 共 1414字 评论关闭

js实现中文实时时钟 本文实例为大家分享了js实现中文实时时钟的具体代码,供大家参考,具体内容如下 效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var chr=[‘零’,'一’,'二’,

阅读全文
2020年02月18日 web前端 ⁄ 共 1753字 评论关闭

js实现div色块拖动录制 本文实例为大家分享了js实现div色块拖动录制的具体代码,供大家参考,具体内容如下 描述: 实现一个div50*50的色块,拖动它生成一个轨迹,松手后,这个div会重复你刚才拖动的这个路径. 效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

阅读全文
2020年02月18日 web前端 ⁄ 共 1595字 评论关闭

JavaScript数组去重实现方法小结 本文实例讲述了JavaScript数组去重实现方法.分享给大家供大家参考,具体如下: 一.ES3方法: var arr = ['a', 'a', 'b', 'b', 'b', 'c', 'e', 'f', 1, 2, 2, 3, 3, 3]; 创建一个空数组与原来数组进行比较 //与前面的数组进行比较(不会改变原数组) function deleteRepeat() { var result = []; label: for(var i=0; i<arr.length; i++) { fo

阅读全文
2020年02月18日 web前端 ⁄ 共 1743字 评论关闭

JavaScript进制转换实现方法解析 本文实例讲述了JavaScript进制转换实现方法.分享给大家供大家参考,具体如下: JavaScript进制转换 十进制转为其它进制 不带参数调用toString( ),即默认toString(10), 如要以其它进制显示数字,只要作为参数传入toString( )即可,如num.toString(16). // 十进制转其他 var num = 100; console.log(num.toString(2)); // 1100100 console.log(num.toString(8))

阅读全文
2020年02月18日 web前端 ⁄ 共 572字 评论关闭

微信小程序button标签open-type属性原理解析 这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信开放能力):合法值中的其中之一: getUserInfo说明:引导用户授权 而获取用户信息,可以从bindgetuserinfo回调中获取到用户信息 而按钮的bindgetuserinfo属性 说明:用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的

阅读全文
2020年02月18日 web前端 ⁄ 共 2353字 评论关闭

微信小程序全选多选效果实现代码解析 这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图: wxml代码: <view class="memberList"> <view class="allSelect_box" bindtap=’selectAll’> <checkbox class="checkbox" checked="

阅读全文
2020年02月18日 web前端 ⁄ 共 2547字 评论关闭

原生js实现无缝轮播图 本文实例为大家分享了js实现无缝轮播图的具体代码,供大家参考,具体内容如下 先上效果图 原理图 如图可见,是页面按顺序依次显示5张图片,包裹这五张图片的外层的盒子,我们叫ul,通过向左或右移动不同距离,实现在视图中显示的不同的图片,实现轮播,而同时下面的分页小球需要根据当前显示的内容进行点亮: 而无缝轮播图需要在第五张图片后面再加上第一张图片,这样通过右侧箭头,向右切换,当页面切换到第六张时,也就是最后一张图片,此时需要将ul的位置设置为第一张图的位置,然后从第一张图片滑动到第二张,形成一个无缝

阅读全文
2020年02月18日 web前端 ⁄ 共 16428字 评论关闭

微信小程序新闻网站详情页实例代码 准备工作: 1.在微信公众号平台,申请小程序账号,获取appid 2.下载并安装微信开发者工具 3.做不同分辨率设备的自适应:单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx,小程序会自动在不同分辨率下进行转换 首先是项目的入口页面 welcome.wxml <view class="container"> <image class="avatar" src="/images/avatar/1.png&

阅读全文
2020年02月18日 web前端 ⁄ 共 869字 评论关闭

es6 for循环中let和var区别详解 let和var区别: for(var i=0;i<5;i++){ setTimeout(()=>{ console.log(i);//5个5 },100) } console.log(i);//5 console.log(‘=============’) for(let j=0;j<5;j++){ setTimeout(()=>{ console.log(j);//0,1,2,3,4 },100) } console.log(j);//报错 j is not define

阅读全文