简单封装一下js操作cookie的函数 //设置cookie function setCookie(name,value,expireTime) { var exp = new Date();
一、计算一段字符串的字节长度 字符串的charCodeAt()方法, 可返回字符串固定位置的字符的Unicode编码,这个返回值是0-65535之间的整数,如果值<=255时为英文,反之为中文。...依照这个规律封装如下: 1 function getStrBytes(str){ 2 str = str.toString(); 3 var strLen = 0;...if(str.charCodeAt(s) >= 255) 8 count ++; 9 } 10 return count; 11 } 调用方法
else { 6 //为了兼容IE6 7 xhr = new ActiveXObject('Microsoft.XMLHTTP'); 8 } 2、连接服务器 // 连接服务器open(方法...if(failed){ 25 failed(xhr.status); 26 } 27 } 28 } 29 } 二、Ajax封装函数
root.js export default { // 数字不满10补0 addZero (str) { let num str >= 10 ?...num = str : num = `0${str}` return num } } date.js import root from '.
它能够处理html、xml、js、css甚至纯文本,类似于freemarker。它的优点是语法优雅易懂、原型即页面、遵从web标准。
1、Switch语句 语法结构 switch(变量) { case 情况1: //符合情况1,执行下面代码 Js代码; break; ...; // 遍历数组 数组中必须有值 for (var i = 0; i < ary.length; i++) { alert(ary[i]); //通过下标获取 } 9、数组合并 concat方法...var ary1 = [234, 87, "hd"]; // var ary2 = ary3.concat(ary1); //数组合并 合二为一 // alert(ary2); // join方法...返回的是字符串类型 var ary = [123, 56, 343]; var ary2 = ary.join("ad") //在数组中间加入字符 alert(ary2); 10、函数(方法)定义...通过 function 函数名() {} 定义函数 // 定义 function a() { alert("你好"); } // 调用 a();
a=1&b=2&c=1,2 要求给出 实现QueryString 构造函数身上的 stringify 和 parse 方法 stringify 我们先来实现一下stringify 方法 首先呢 我们先定义构造函数...接收两个参数 pre : 前缀 和seq : 分隔符 function QueryString(pre,seq){ } 在这个构造函数身上添加一个stringify 方法 这个函数接收一个对象...map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成 join() 方法将数组中所有元素连接为一个字符串。 ...a=1&b=2&c=1,2' 输出 {a: '1', b: '2', c: ['1','2']} 好嘞,我们开始吧 还是和上面一样在构造函数的原型上添加方法 该方法接收一个字符串为参数 QueryString.prototype.parse...它接受一个回调函数作为参数,并将数组的每个元素依次传递给回调函数进行处理。
退出 case:参数2: 语句; break;//退出 ... default://默认 语句; } 五、下拉菜单事件 sele.onchange=function(){} 案例: 1、多个Tab切换封装...DOCTYPE html> 2 3 4 5 Tab切换封装</
封装函数: 1、函数形参相当于变量,不能加引号。 2、实参要和形参一一对应。 案例:鼠标移到小图上,背景展示相应放大的图片。代码如下: 1 <!...function(){ 34 var box=document.getElementById('box'); 35 function fn(pic,bg){//封装函数
}; div.style.left = div.offsetLeft + 1 + 'px' ; }, 30); 2.简单动画函数封装原理... //简单动画函数封装obj目标对象target 目标位置 function animate(obj, target) { var timer = setInterval...动画函数给不同元素记录不同定时器 如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。...核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加属性。... // var obj = {}; // obj.name = ' andy' ; //简单动画函 数封装obj目标对象target目标位置 //给不同的元素指定了不同的定时器
/* *封装ajax函数 * @param options * options = { * type : "get|post", // 请求方式,默认为 get * url...dataType : "text|json", // 预期从服务器返回数据的格式 * success : function(responseData){}, // 请求成功时执行的函数...* error : function(err){} // 请求失败时执行的函数 * } */ function ajax(options){ options = options
1.动画函数封装 1.1. 动画实现原理 核心原理:通过定时器 setInterval() 不断移动盒子位置。...动画函数给不同元素记录不同定时器 如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。...核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加属性。...当我们点击按钮时候,判断步长是正值还是负值 1.如果是正值,则步长往大了取整 2.如果是负值,则步长 向小了取整 1.5 动函数添加回调函数 回调函数原理:函数可以作为一个参数。...将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数,这个过程就叫做回调。 回调函数写的位置:定时器结束的位置。
动画函数封装 1. 动画实现原理 核心原理:通过定时器 setInterval() 不断移动盒子位置。...动画函数给不同元素记录不同定时器 如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。...f 核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加属性。
animate封装 话不多说,直接上代码: /** * obj 必选,要操作的dom对象 * json 必选,{},要操作属性,如果是opacity,范围还是0-1; * interval 必选,...时间间隔 * callback 可选,回调函数 */ function animate(obj, json, interval, callback) { clearInterval(obj.timer...// } } if (flag) { clearInterval(obj.timer); // 如果有传回调函数就调用回调函数
js 代码 /** * Created by Administrator on 2018/7/6. */ function doNothing
智能社学习笔记 1 <script type="text/javascript"> 2 /*****设置cookie*****...
介绍:call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性 1.改变函数内部的this指向: // 有一个局部的test2...方法, // test2被作为普通函数调用时, // test2内部的this指向了window, // 但我们往往是想让它指向该#test节点,见如下代码: document.querySelector...function test3(){ console.log(this) } test3.call(this) //改变了test2的this指针 test2.call(this) } 2.使用call来实现构造函数的继承...function one(){ this.a = 1, this.b = 2, this.test = function(){ // console.log(this) } } //通过call来实现构造函数的继承
由衷的感叹,js真是烦。 学到现在,渐渐理解了什么是:语言都是通用的,没有好不好,只有擅长不擅长。...温故知新,今天又回味了一遍,匿名函数作为函数参数。 代码很短,五脏俱全。...难道匿名函数自执行了? 错!!!匿名函数!=自执行匿名函数 真相只有1个:匿名函数作为参数,在调用(将匿名函数作为参数的)函数里被调用执行了。...function test( a, b ){ a+=1; // b是对象,函数名也是对象,所以b可以指代一个函数 // 类似c++中的函数名一样 // a被复制给了b(result) // js好灵活...b(a); } 以上这篇js匿名函数作为函数参数详解就是小编分享给大家的全部内容了,希望能给大家一个参考。
boxArr.push(oElements[i]); 8 7 } 9 8 } 10 9 return boxArr; 11 10 } 函数调用...________________________________________________________________________2017-05-21 18:35:10 丰富一下另一端js...= document.getElementById("ul1"); //获取到需要的找class的父元素 var oLi = getByClass(oUL,"li_box"); //让子元素们等于函数返回来的那个数组...现在直接等于一个数组,能用的方法和属性则更多了呢!顺便调用函数并传参。参数是父元素的变量和需要找的类名。
group.data.push(v); } }); return groups; } 测试函数
领取专属 10元无门槛券
手把手带您无忧上云