function forEach(obj, fn){
var key
if(obj instanceof Array){
obj.forEach(function(item, index){
fn(index, item)
})
}else{
for(key in obj){
fn(key, obj[key])
}
}
}
var arr = [1,2,3]
forEach(arr, function(index, item){
console.log(index, item)
})
var obj = {x:100,y:200}
forEach(obj, function(key, value){
console.log(key, value)
})
标签：javascript
mui的modal使用JS控制
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
document.getElementById("btn").addEventListener("click", function() {
document.querySelector(".mui-modal").classList.add("mui-active");
});
document.getElementById("modal_close").addEventListener("click", function() {
document.querySelector(".mui-modal").classList.remove("mui-active");
});
});
</script>
相关资料
局部刷新验证码
<img src="code.php" id="code" onclick="javascript:this.src='code.php?tm='+Math.random()" />
相关资料
json对象与js数组
js中的数组要以下标0开始递增的格式才会被认为是数组, 否则就认为是对象.
场景: PHP需要重新组建数组的时, 遍历要以 $i = 0, ++$i; 以$i为索引.
tip: js 中对象没有length属性.
//js 获取对象个数
function getJsonLength(jsonData){
var jsonLength = 0;
for(var item in jsonData){
jsonLength++;
}
return jsonLength;
}
相关资料
小程序索引搜索页-操作上一页数据
索引页制作要点
- 设置父页数据
- 模糊搜索关键字
- 数据重组
- 多重循环
- 页面的值获取
异步提交表单之FormData
重点摘要
移动端最好不使用Jq, 因为Jq的是为PC端浏览器兼容而生的, 所以会有影响手机端的效率. ajax可以通过其它的方式实现如:mui、vue等方式.
- javascript for-of JavaScript6里引入了一种新的循环方法，它就是for-of循环，它既比传统的for循环简洁，同时弥补了forEach和for-in循环的短板。
- 异步提交 processData、contentType //这两个选项是必须的. 不然接收的数据格式就有问题.
表单验证_validate
JQ表单验证
名称: jquery-validation
GIT地址: jquery-validation
名称: mobilevalidate jquery和zepto版本
GIT地址: mobilevalidate
无依赖表单验证
配合-MUI用于手机端
名称: validator
GITHUB: validate
短信倒计时
JQ版
var countdown=180;
function settime(obj) {
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.value="获取验证码";
countdown = 180;
return;
} else {
obj.setAttribute("disabled", true);
obj.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
纯JS版(手机端)
var countdown=60;
function settime(id) {
var obj = document.getElementById(id);
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.innerText="获取验证码";
countdown = 60;
return;
} else {
obj.setAttribute("disabled", true);
obj.innerText = "重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(id) }
,1000)
}
扩展操作
var i = s;
var t = setInterval(function () {
i--
if (i == 1) {
clearInterval(t)
}
}, 1000);