微信小程序中常见的on事件方法包括:onlaunch事件 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)(app.js);onLoad事件 页面加载,小程序注册完成后,加载页面,触发onLoad方法。一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调…
以前我们要做个菜单的动画效果,免不了要使用JavaScript,今天我们只用css来实现一个鼠标经过放大圆并显示菜单的动画效果。<html><head> <meta charset="UTF-8"> <link rel="apple-touch-icon" type="image/png" …
JavaScript中对小数进行四舍五入处理可以使用 toFixed() 方法,toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。toFixed() 方法 把数字转换为字符串,结果的小数点后有指定位数的数字:var num = 5.56789;var n=num.toFixed(2); 输出结果:5.57 …
我们经常在网上找某个功能代码,会在代码旁边有一个“复制代码”的按钮,这个功能通过JavaScript是怎么实现的呢,下面我们来看看具体的实现代码。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>js实现一键复…
我们经常发现在网上找到需要的内容,复制时会在内容中看到版权声明的信息,这个功能如何实现呢,没错还是通过JavaScript实现,下面我们来看看具体实现的代码。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>…
前两天写了个JavaScript判断闰年及天数的函数,今天分享给大家。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta na…
前两天无聊,于是用JavaScript写了一个比较简陋的计算器。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=&qu…
我们经常需要将数组中的元素顺序到个个,这两天自己用JavaScript写了个翻转数组的函数,共享给大家。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="…
读取对象属性的时候,如果某个属性的值是null或undefined, 有时候需要为它们指定默认值。常见做法是通过||运算符指定默认值。 const headerText = response.settings || Hello, world!; const animationDuration = response.settings || 300; …
JavaScript es6链判断运算符的诞生(?.) JavaScript在实际编程中,如果读取对象内部的某个属性,往往需要判断一下。 属性的上层对象是否存在。比如,读取 message.body.user.firstName这个属性,安全的写法是写成下面这样。let message={ body:{ us…
实现如下图这种效果即时评论无刷新显示最新评论内容,需要使用ajax的相关技术。 我们先了解一下基本的ajax知识。 什么是 AJAX? AJAX = Asynchronous JavaScript And XML. AJAX 并非编程语言。 AJAX 仅仅组合了: 浏览器内建的…
JavaScript中的遍历和迭代是我们经常用到的,但它们二者究竟有什么区别呢,今天我们就来说说清楚。迭代(iterate) 指的是按照某种顺序逐个访问列表中的每一项。比如,for语句。 [迭代只能对应集合,列表,数组等。不能对执行代码进行迭代。] 举例说明var …
我在网上看过许多学习JavaScript正则表达式的教程,大多数教程对于一个新手来说都很难消化,今天我专门写了一篇JavaScript正则表达式的傻瓜教程,希望对大家有所帮助。JavaScript创建正则表达式第两种方式 1==>通过new字符的方式,来创建正则表达式 2==&…
JavaScript中去除数组中重复的元素,这里我们需要用到reduce() 方法,下面我们就先来看看reduce() 的基本用法。语法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数参数描述function(total,currentValue, index,arr)必需。用于执行每…
JavaScript中如何将多维数组转化为一维数组呢?这里我们需要用到reduce() 方法。我们先来看看reduce() 方法的基本用法。语法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数参数描述function(total,currentValue, index,arr)必需。用…
JavaScript中统计数组中每个元素出现的次数这里我们需要用到reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。语法array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数参数描述function(tot…
JavaScript中要想通过数组下标获得对应的值,可能需要写个函数方法,然而es6已经直接提供了这样的方法 Array.at()返回对应下标的值[超级好用] 我们都知道JavaScript不支持数组索引值为负索引。 那么想要表示数组的最后一个成员,不能写成arr[-1],…
小程序页面中有一篇很长的文章,内部有一个Echarts图表,手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时,页面却不能滑动了。如下图:问题原因 因为在小程序上渲染图表用到的是echarts-for-weixin这个组件,而这个组件确实不支持一些Echarts功能。 …
上面是我要实现的效果,页面上悬浮的微信图标,可以自由拖动和点击,但是因为页面上有个textarea组件,这个组件是原生组件,当悬浮窗移动到这个textarea组件上时,将无法继续拖动和点击。 如果悬浮窗一开始就定位在textarea上,那么就更惨了,一开始就不能点击和拖…
近期在开发ios微信小程序时应用到了scrollview组件,其中包含一个fixed的view元素,发现scrollview组件上滑动时,这个view会疯狂抖动。今天我就和大家来聊聊scrollview组件中的fixed元素抖动解决方法。解决方法 既然要随着页面一起滚动,那么肯定是要保证这个元素…