一封装var person = function(){ //变量作用域为函数内部,外部无法访问 var name = "default"; return { getName : function(){ return name; }, setName : function(newName){ name = newName; } } }(); print(person.name);//直接访问,结果为undefined print(person.getName()); person.setName("abruzzi"); print(person.getName()); 得到结果如下: undefined defaul...
此篇只是笔记,在借鉴、参考、模仿的过程,可能不完整,请多指教!定义插件名称要注意命名冲突,防止全局污染。1.第一种Javascript对象命名:(Javascript语言是“先解析,后运行”,解析时就已经完成了变量声明,所以 a等同于b。var命令的"代码提升"(hoisting)作用。Javascript解释器,只"提升"var命令定义的变量,对不使用var命令、直接赋值的变量不起作用,这就是为什么不加var会报错的原因) a.等同于 b.2.第二种写法:windo...
原生缺点:1. JS的出现使得网页与用户之间实现了一种实时/动态/交互的关系,网页可以包含更多活跃的元素和精彩的内容2. JS的弊端在于复杂的DOM对象,而JQuery封装了很多预定义的对象和使用函数简化了DOM操作,使得我们可以快速创建有高难度交互的富客户端页面,且兼容各大浏览器简单介绍:1. JQuery是一个优秀的JavaScript库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能,目前团队主要推核心库(JQuery)/...
封装库--JavaScript,预加载图片首先了解一个Image对象,为图片对象Image对象var temp_img = new Image(); //创建一个临时区域的图片对象alert(temp_img); //[object HTMLImageElement]对象 Image对象src属性,属性值是src地址,这个src地址会在后台加载到本地缓存var temp_img = new Image(); //创建一个临时区域的图片对象temp_img.src = ‘http://www.wallcoo.com/animal/Dogs_Summer_and_Winter/wal...
request封装——微信小程序使用async,awaitES5参考代码var request = function(param){var _this = this;$.ajax({type : param.method || 'get',url : param.url || '',dataType : param.type || 'json',data : param.data || '',success : function(res){// 请求成功if(0 === res.status){typeof param.success === 'function' && param.success(res.data, res.msg);}// 没有登录状态,...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;}div {width: 200px;height: 100px;background-color: pink;position: absolute;}</style></head><body><input type="button" id="bt" value="显示效果"/><div id="dv"></div><script src="common.js"></script><script>//点击按钮,使元素的宽度到达一个值,高度到达一个值//获取任意元素的任意属性值function getSty...
1var bgAuido={2 audio : pingfan.$$(‘audio‘),3 audioBtn : pingfan.$$(‘audioBtn‘),4 init : function(){5var _this=this;6 window.addEventListener(touchStart,function(){7 _this.audio.play();8 window.removeEventListener(touchStart,arguments.callee) 9 },false); 10this.audioBtn.addEventListener(touchStart,function(){ 11if(_this.a...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>test</title></head><body><script>window.onload =function() {// 封装var Book =function(id, name, price) {// 私有变量(在函数内部定义,函数外部访问不到,实例化之后实例化的对象访问不到)var num =1var id = idfunction privateFunction() {console.log(‘this is private‘)}// protected(可以访问到函数内部的私有属性和私有方法,在实例化之后就可以对实例化的...
1/* 2 源码作者: 石不易(Louis Shi)3 联系方式: http://www.shibuyi.net4 ===================================================================================================5 程序名称: JavaScript 封装库 BETA 3.0 版6 迭代版本: BETA 2.07 插件总数: 8 个8 库方法数: 20 个9 功能总数: 48 个10 新增总数: 7 个11 删除总数: 0 个12 追加功能: 13 1. 新增“插件库”支持, 可自由扩...
js动画特效之元素的三大偏移量offset系列(元素位置偏移量使用(动态的获取元素的位置和大小1. 获得元素距离带有定位父元素的位置2. 获得元素自身的大小(宽度高度)3. 注意:返回的数值都不带单位注意我们的offset还有style的区别- offset 可以得到任意样式表中的样式值- offset 系列获得的数值是没有单位的- offsetWidth 包含padding+border+width- offsetWidth 等属性是只读属性,只能获取不能赋值- > 所以,我们想要获取元素大...
封装库--JavaScript,ajax说明封装库ajax()方法,ajax通讯方法,跨页面向动态页面发送或获取数据/** ajax()方法,ajax通讯方法,跨页面向动态页面发送或获取数据* 参数是一个对象{},如下* $().ajax({method:‘post‘, 【method】属性,通讯模式,post为post模式,get为get模式url:‘hj.php‘, 【url】属性,发送数据或请求数据的url地址data:{ 【data】属性,是发...
// 判断是否是手机function plat_is_mobile(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucw...
??基于OpenLayers的地图封装Javascript类定义 MapCwgisClass.js//web地图封装类 //MapCwgisClass类的定义 //vp:hsg,myk //create date:2013-07-26 //类 原型定义 var Person = function () {this.m_Name = "good"; } Person.prototype = {m_Name: ‘‘,getName: function () {return this.m_Name;} } //类 原型定义 var MapCwgisClass=function() {//OpenLayers环境参数OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;OpenLayers.DOTS_PER_...
function startMove(obj, json, func){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var bStop = true; //取出该属性的初值 for(var attr in json){ var iCur = 0; if(attr == "opacity"){ iCur = parseFloat(getStyle(obj, attr)) * 100; }else{ iCur = parseInt(getStyle(obj, attr)...
有图有真相,先上图。相信很多想去研究源码的小伙伴一定被这段代码给吓着了把,直接就打消了往下看下去的想法。我刚开始看的时候也是有点一头雾水,这是什么东东这么长,但是慢慢分析你就会发现其中的奥秘,且听我慢慢到来。首先我们先来看一下整体的结构。(function (global, factory) {})(this, (function() {})),这个看着是不是还有点不明白,那(function (a ,b) {console.log(a,b)})(a, b)这个你总不会陌生了把,就是把a...