
javascript
文章平均质量分 61
zhangzhao100110
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
javascript继承结构设计
本人博客站点:http://www.zeromike.net 本文地址:http://www.zeromike.net/?p=35 场景:有多个应用处理方式类似,一打开应用就先初始化界面信息,然后各自又有各自的业务逻辑处理方式。所以我在这里抽象出来一个基类,多个应用继承这个基类,这里使用prototype(原型)方式实现继承。 //基类...2014-10-24 00:28:30 · 115 阅读 · 0 评论 -
ECMAScript (javascript)继承机制实现
转载:http://www.w3school.com.cn/js/pro_js_inheritance_implementing.asp 继承机制的实现要用 ECMAScript 实现继承机制,您可以从要继承的基类入手。所有开发者定义的类都可作为基类。出于安全原因,本地类和宿主类不能作为基类,这样可以防止公用访问编译过的浏览器级的代码,因为这些代码可以被用于恶意攻击。选定基类...原创 2014-09-10 23:37:05 · 138 阅读 · 0 评论 -
Array.prototype.slice.call(arguments)
理解Array.prototype.slice.call(arguments)是如何工作的? 我直接上例子,我就不翻译了,真是怕翻译错了。 var a={length:2,0:'first',1:'second'};//类数组,有length属性,长度为2,第0个是first,第1个是secondconsole.log(Array.prototype.slic...2014-09-10 23:20:52 · 136 阅读 · 0 评论 -
Javascript的匿名函数小结
转自:http://www.jb51.net/article/21670.htm一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function)语句:function fnMethodName(x){alert(x);}函数字面量(Function Literals):var fnMethodName = function...原创 2014-09-08 21:06:12 · 128 阅读 · 0 评论 -
ECMAScript arguments 对象
arguments 对象在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依此类推)。因此,无需明确命名参数,就可以重写函数:function sayHi() {...原创 2014-09-08 00:28:01 · 108 阅读 · 0 评论 -
javascript中的Array数组的操作
每次处理复杂数组逻辑的时候,还要去查手册,今天我就练下手,加深对数组方法的操作。var arrA = new Array();var arrB = {};var arrC = new Array('f','g');var arrD = new Array(2);arrD[0]=1;//初始化arrD[1]=2;console.log(arrD);//[1,2]...2014-09-07 18:33:57 · 195 阅读 · 0 评论 -
javascript中的原型与继承
转载:http://msdn.microsoft.com/en-us/magazine/ff852808.aspx 这篇文章讲Javascript中的原型与继承,我认为是很不错的,通俗易懂,并且很形象。我在翻译了四五段之后,果断放弃了翻译,我水平有限,怕误人子弟。另,我有点明白为啥有些国外牛人的书被翻译的很烂了,我估计这些翻译的作者是用百度翻译了。。。。因为我也尝试用了一下,那翻得...原创 2014-09-07 16:42:41 · 201 阅读 · 0 评论 -
jQuery性能优化指南
转载:http://rlog.cn/?p=350 现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简...原创 2014-09-05 21:25:23 · 94 阅读 · 0 评论 -
一次WEB前端优化尝试
今天对自己做的项目中的一个设计器界面加载速度上进行了优化,因为页面在加载的时候,感觉有点慢。首先,我用firefox的yslow和chrome的pagespeed进行了测试,效果如下,分数有点不同,但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。yslow优化前: yslow优化后: pagespee...2014-09-05 20:33:38 · 127 阅读 · 0 评论 -
grunt合并压缩js、css文件
转载文章:http://www.cnblogs.com/yexiaochai/p/3594561.htmlhttp://www.cnblogs.com/yexiaochai/p/3602002.htmlhttp://www.cnblogs.com/snandy/archive/2013/03/07/2946989.htmlhttp://www.cnblogs.com/snand...原创 2014-09-05 00:06:46 · 178 阅读 · 0 评论 -
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!...
转自:http://www.cnblogs.com/liyuxin/archive/2011/10/06/2199931.html query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document...原创 2014-03-24 12:39:51 · 207 阅读 · 0 评论 -
手机端 弹出遮罩层 并且不可滑动
最近用phonegap在安卓手机中使用Html5+css3做页面, 需求:在页脚导航按钮上,点击【同意】弹出一个页面,页面中是动态生成的单选按钮。 代码: <div id="show"> <div data-role="controlgroup" id="btnGroups" data-typ...2014-08-17 02:18:03 · 2195 阅读 · 0 评论 -
jquerymobile局部渲染的各种刷新(转)
转:http://topmanopensource.iteye.com/blog/1503308在JQueryMobile页面在第一次初始化进行一次整体渲染,动态生成的需要局部渲染。在jquerymobile实现listview局部渲染的方法:Java代码 function queryPublishOrderList(trackOrDealOrInsp,user...原创 2014-08-17 02:04:17 · 192 阅读 · 0 评论 -
jquery对象与dom对象互换
最近在做拖拽,有时候需要直接处理dom对象,所以需要进行jquery对象和dom对象间的互换。现记录如下: <input type="text" id="test" value="a"> 1.jquery转dom 第一种方法: var $t=$("#test");//jquery对象 va...原创 2014-09-16 13:19:39 · 209 阅读 · 0 评论 -
JS中的!!
转载:http://www.cnblogs.com/iampoet/archive/2013/01/12/2857598.html var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);由于对null与undefined用!操作符时都会产生true的结果,所以用两个感叹号的作...原创 2014-09-16 13:30:46 · 114 阅读 · 0 评论 -
js getClientRects 和 getBoundingClientRect 的用法和区别
转载:http://blog.youkuaiyun.com/freshlover/article/details/8985887 getClientRects获取元素占据页面的所有矩形区域 描述获取元素占据页面的所有矩形区域。语法 var rectCollection = object.getClientRects();值getClientRects 返回一个TextRecta...原创 2014-09-16 14:10:52 · 851 阅读 · 0 评论 -
浅说javascript中的原型链
浅尝原型链 ECMAScript中的对象是一个无序属性的集合,其属性可以包含基本值、对象或者函数,它拥有一个prototype对象。 一个对象的prototype是以内部的[[Prototype]]属性来引用的。对于prototype对象来说,我们使用__proto__(firefox,chrome)来表示。 原型对...2015-11-01 17:36:31 · 297 阅读 · 0 评论 -
js中的作用域链浅谈
看题说话,分析一下以下代码的作用域 var x = 10;function a() { console.log(x);}function b () { var x = 5; a();}b(); 简单分析一下这个程序吧,虽然不敢保证理解完全正确.先简单介绍点概念. 执行上下文 ...2015-10-23 17:48:07 · 314 阅读 · 0 评论 -
纯Javascript写的多选下拉框操作
写设计器的时候,总是需要对某些属性进行多选项的处理,总是用jquery处理,不能忘了本啊,写个纯JS的小例子复习一下。 这个小例子实现功能: 1.新增选项 2.删除选项 3.回显选项的Value和Text值 PS:回显信息功能只针对chrome和Firefox浏览器,IE浏览器请自觉转换监听...2014-10-16 21:01:38 · 476 阅读 · 0 评论 -
mvc,mvp,mvvm简介
Javascript中的MVC,MVP,MVVM总结 MVC是一种架构设计模式,它通过关注点分离鼓励改进应用程序组织。它强制将业务数据(Model)与用户界面(View)隔离,第三个组件(Controller)仍然管理逻辑和用户输入。这种模式是Smalltalk-80的研究期间设计出来的,这其中有一些有趣的地方: Model 代表特定于领域的数据,不了解...2015-10-18 16:24:41 · 231 阅读 · 0 评论 -
js函数名的疑惑
function a(b) { console.log(b) b = function c() { b = 2 c = 3 console.log("b:change",b); console.log("c:",c); } console.log("b:before",b);...2015-10-17 12:15:37 · 185 阅读 · 0 评论 -
Javascript是单线程的深入分析
本来想总结一下的,网上却发现有人已经解释的很清楚了,特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求,还有setTimeout也看起来像是多线程的?还有non-blocking IO, event loop等概念很不清...原创 2015-10-15 11:26:23 · 232 阅读 · 0 评论 -
js的异步加载
默认情况javascript是同步加载的,也就是javascript的加载时阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,对于一些意义不是很大的javascript,如果放在页头会导致加载很慢的话,是会严重影响用户体验的。 如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下 (1) defer,只...原创 2015-10-08 18:54:57 · 231 阅读 · 0 评论 -
Function.prototype.apply.call的总结
网上看到一段代码,哎,觉得挺不错,然后来分析一下,首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象 代码:console.log var console = window.console || {log: function () {}}; var log = console.log;console.log =...2015-09-29 14:02:24 · 475 阅读 · 0 评论 -
javascript设计模式--Module(模块)模式
最近在看《javascript设计模式》一书,看完之后不能就完了吧,做个读书笔记。 模块是任何强大应用程序架构中不可或缺的一部分,它通常能够帮助我们清晰地分离和组织项目中的代码单元。 我在此只做两种实现模块的方法,1.对象字面量 2.Module模式 1.对象字面量 对象字面量表示法:可以被认为是包含一组键值对的对象,每一对键和值由冒...2014-10-05 18:54:14 · 229 阅读 · 0 评论 -
js加载顺序疑惑:window.load、document.body.load和$(function(){})
今天在看脚本加载的顺序,想探讨一下window.load和document.body.load和$(function(){})的执行顺序。我也没太研究明白,希望大神帮我一下,指明我前进的方向。我先谢了,我这想探讨的是为什么会出现这种情况,而不是说用哪种方式去实现加载,或者说规避这种情况。 浏览器使用Firefox32.0.3,Chrome39.0.216...2014-10-04 23:34:53 · 1166 阅读 · 0 评论 -
javascript中的类型判断
在前端开发中,我们经常会遇到变量类型的判断,今天总结一下,以防老忘记某些类型的判断。 <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> ...2015-06-28 17:23:51 · 173 阅读 · 0 评论 -
html5 跨iframe的拖拽实现移动端页面设计器
背景:前一阶段做了一个移动页面设计器,拖拽组件、设计器界面、组件属性都在同一个界面,导致设计器(手机壳)中的页眉和页脚位置,尤其是页脚在设计器中没办法像在真正手机中,固定在页面下方。这是由于jqm把整个页面当成了一个容器,如果页眉页脚fixed,那么页眉页脚就会跑到整个页面的最上方和最下方,而不是在设计器中,所以只能把设计器(手机壳)部分改成iframe,这样,把一个jqm完整的页面...2014-09-16 21:00:29 · 3969 阅读 · 0 评论 -
div产生的滚动条如何回到顶部
我话少,直接上代码,html代码比较乱,主要为了产生垂直滚动条,看js就Ok了,jquery.js自行下载,就不提供了,so easy!其实说白了就是控制这个div的垂直滚动条的偏移,这里回到顶部,所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit...2014-08-04 18:59:18 · 3838 阅读 · 0 评论 -
js-base64 参数编码
想对传递的参数进行base64编码,在网上找到一个既可以对英文参数又可以对中文参数进行编码的js组件,感觉十分嗨森,分享一下: 地址:https://github.com/dankogai/js-base64 我简单写了一个测试例子: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...2014-08-04 00:04:48 · 440 阅读 · 0 评论 -
js json操作
var a={"name":"tom","sex":"男","age":"24"}1.JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式; 2.遍历Json 数据for (var key in a){//循环每一个属性 alert(key); alert(a[key]);原创 2014-06-24 22:38:48 · 131 阅读 · 0 评论 -
JS(JQEERY) 获取JSON对象中的KEY VALUE
var json= { "Type": "Coding", "Height":100 }; for (var key in json) { alert(key); alert(json[key]); } $.each(json, function(i) { alert(json[i]); alert(i);}...原创 2014-06-19 18:39:07 · 186 阅读 · 0 评论 -
模仿 jqgrid 分页 输入页码 点击回车键进行跳转
其实这段代码也就是jqgrid的源码 比如输入框为 <input type="text" id="inputPage" maxlength="7" size="2" value=""/> 那么输入页码的处理代码如下: $('#inputPage').keypress( function(e) { var2014-01-07 15:21:43 · 839 阅读 · 0 评论 -
(纯转载)追女孩子,多动动脑子--HTML5+jQuery制作温馨浪漫爱心表白动画特效...
浪漫页面:浪漫需要稍等片刻,才会有惊喜出现哦,打开页面,关掉左右侧广告,效果更佳http://www.xwcms.net/webAnnexImages/fileAnnex/20140103/58018/index.html 完整连接:http://www.xwcms.net/js/html5sl/69184.html ...原创 2014-01-04 21:10:36 · 1611 阅读 · 0 评论 -
jQuery的deferred对象详解(转)
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教...原创 2013-07-31 16:39:16 · 116 阅读 · 0 评论 -
jquery 1.9版本下复选框 全选/取消实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <m2013-07-28 02:06:19 · 109 阅读 · 0 评论 -
javascript数组去重
转自:http://stylechen.com/array-distinct.html 有时会碰上这种需求,需要将数组中重复的元素删除掉,而只保留一个。最先想到的办法很可能就是用2个for循环来做比较然后去除掉重复的元素,代码如下所示:方法1:Array.prototype.distinct = function(){ var arr = [], len = t...原创 2013-07-13 13:29:17 · 105 阅读 · 0 评论 -
图片数据Base64编解码(java实现)
package com.vista.test;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import sun.misc...原创 2013-12-05 13:46:20 · 125 阅读 · 0 评论 -
JS中URL编码参数(UrlEncode)
网上有很多文字作品写涉及在JS中呈现类似UrlEncode功能时都是自定义参数来呈现,其实JS中本身就有那样的参数。参数parameter由于用类似URL的形式传过去 , 所以别直接就那样赋值以下是对变量值的URL编码总结 : 意见用encodeURIComponent() , GET 和POST方法都能够发送过去Java编程script中存在几种对URL字符串停止编码的窍门:escape(),...原创 2013-12-05 13:44:41 · 1581 阅读 · 0 评论 -
编程技巧小结
情况1:Form.java中需要读取工程下 /WEB-INF/classes/query/query.xml new File()可以使用: File sqlFile = new File(Form.class.getClassLoader().getResource("query/query.xml").toURI()); 情况2:使用JQUE...原创 2013-11-22 14:00:00 · 103 阅读 · 0 评论