原生缺点: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...
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style>#box {width: 100px;height: 100px;background-color: greenyellow;position: absolute;}</style> </head> <body> <input type="button" value="按钮" id="btn"/><div id="box"></div> <script>var btn = document.getElementById("btn");btn.onclick = function () {animate(box, {"height": 400, "width": 400, "borderRadius": 150, "left...
在rsc文件夹下新建model文件夹,再新建storage.jsstorage.js代码: 1var storage={2 set(key,value){3 localStorage.setItem(key,JSON.stringify(value));4 5 },6 get(key){7return JSON.parse(localStorage.getItem(key)); 8 9 }, 10 remove(key){ 11 localStorage.removeItem(key); 12 } 13} 14 export default storage;下面是app.vue 1 <template>2 <div id="app">3 4 <input type=‘...