zeromike

      本人博客站点：http://www.zeromike.net      本文地址：http://www.zeromike.net/?p=35      场景：有多个应用处理方式类似，一打开应用就先初始化界面信息，然后各自又有各自的业务逻辑处理方式。所以我在这里抽象出来一个基类，多个应用继承这个基类，这里使用prototype(原型)方式实现继承。     //基类...

转载：http://www.w3school.com.cn/js/pro_js_inheritance_implementing.asp 继承机制的实现要用 ECMAScript 实现继承机制，您可以从要继承的基类入手。所有开发者定义的类都可作为基类。出于安全原因，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。选定基类...

    理解Array.prototype.slice.call(arguments)是如何工作的？    我直接上例子，我就不翻译了，真是怕翻译错了。   var a={length:2,0:'first',1:'second'};//类数组,有length属性，长度为2，第0个是first，第1个是secondconsole.log(Array.prototype.slic...

转自：http://www.jb51.net/article/21670.htm一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function fnMethodName(x){alert(x);}函数字面量(Function Literals)：var fnMethodName = function...

arguments 对象在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。例如，在函数 sayHi() 中，第一个参数是 message。用 arguments[0] 也可以访问这个值，即第一个参数的值（第一个参数位于位置 0，第二个参数位于位置 1，依此类推）。因此，无需明确命名参数，就可以重写函数：function sayHi() {...

 每次处理复杂数组逻辑的时候，还要去查手册，今天我就练下手，加深对数组方法的操作。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]...

转载：http://msdn.microsoft.com/en-us/magazine/ff852808.aspx      这篇文章讲Javascript中的原型与继承，我认为是很不错的，通俗易懂，并且很形象。我在翻译了四五段之后，果断放弃了翻译，我水平有限，怕误人子弟。另，我有点明白为啥有些国外牛人的书被翻译的很烂了，我估计这些翻译的作者是用百度翻译了。。。。因为我也尝试用了一下，那翻得...

转载：http://rlog.cn/?p=350 现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了,  比如我.  jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简...

         今天对自己做的项目中的一个设计器界面加载速度上进行了优化，因为页面在加载的时候，感觉有点慢。首先，我用firefox的yslow和chrome的pagespeed进行了测试，效果如下，分数有点不同，但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。yslow优化前：         yslow优化后： pagespee...

转载文章：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...

转自：http://www.cnblogs.com/liyuxin/archive/2011/10/06/2199931.html query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document...

        最近用phonegap在安卓手机中使用Html5+css3做页面，        需求：在页脚导航按钮上，点击【同意】弹出一个页面，页面中是动态生成的单选按钮。        代码：        <div id="show"> <div data-role="controlgroup" id="btnGroups" data-typ...

转：http://topmanopensource.iteye.com/blog/1503308在JQueryMobile页面在第一次初始化进行一次整体渲染，动态生成的需要局部渲染。在jquerymobile实现listview局部渲染的方法：Java代码  function queryPublishOrderList(trackOrDealOrInsp,user...

       最近在做拖拽，有时候需要直接处理dom对象，所以需要进行jquery对象和dom对象间的互换。现记录如下：      <input type="text" id="test" value="a">      1.jquery转dom        第一种方法：        var $t=$("#test");//jquery对象        va...

转载：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的结果，所以用两个感叹号的作...

转载：http://blog.youkuaiyun.com/freshlover/article/details/8985887 getClientRects获取元素占据页面的所有矩形区域 描述获取元素占据页面的所有矩形区域。语法    var rectCollection = object.getClientRects();值getClientRects 返回一个TextRecta...

        浅尝原型链        ECMAScript中的对象是一个无序属性的集合，其属性可以包含基本值、对象或者函数，它拥有一个prototype对象。        一个对象的prototype是以内部的[[Prototype]]属性来引用的。对于prototype对象来说，我们使用__proto__(firefox,chrome)来表示。       原型对...

    看题说话,分析一下以下代码的作用域  var x = 10;function a() { console.log(x);}function b () { var x = 5; a();}b();      简单分析一下这个程序吧,虽然不敢保证理解完全正确.先简单介绍点概念.     执行上下文  ...

        写设计器的时候，总是需要对某些属性进行多选项的处理，总是用jquery处理，不能忘了本啊，写个纯JS的小例子复习一下。        这个小例子实现功能：        1.新增选项        2.删除选项        3.回显选项的Value和Text值        PS:回显信息功能只针对chrome和Firefox浏览器，IE浏览器请自觉转换监听...

      Javascript中的MVC，MVP，MVVM总结      MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。它强制将业务数据(Model)与用户界面(View)隔离，第三个组件(Controller)仍然管理逻辑和用户输入。这种模式是Smalltalk-80的研究期间设计出来的，这其中有一些有趣的地方：    Model 代表特定于领域的数据，不了解...

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);...

 本来想总结一下的，网上却发现有人已经解释的很清楚了，特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求，还有setTimeout也看起来像是多线程的？还有non-blocking IO, event loop等概念很不清...

     默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。     如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下     (1) defer，只...

 网上看到一段代码,哎,觉得挺不错,然后来分析一下,首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象 代码:console.log var console = window.console || {log: function () {}}; var log = console.log;console.log =...

     最近在看《javascript设计模式》一书，看完之后不能就完了吧，做个读书笔记。     模块是任何强大应用程序架构中不可或缺的一部分，它通常能够帮助我们清晰地分离和组织项目中的代码单元。     我在此只做两种实现模块的方法，1.对象字面量  2.Module模式     1.对象字面量     对象字面量表示法：可以被认为是包含一组键值对的对象，每一对键和值由冒...

        今天在看脚本加载的顺序，想探讨一下window.load和document.body.load和$(function(){})的执行顺序。我也没太研究明白，希望大神帮我一下，指明我前进的方向。我先谢了,我这想探讨的是为什么会出现这种情况，而不是说用哪种方式去实现加载，或者说规避这种情况。         浏览器使用Firefox32.0.3，Chrome39.0.216...

      在前端开发中，我们经常会遇到变量类型的判断，今天总结一下，以防老忘记某些类型的判断。      <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> ...

     背景：前一阶段做了一个移动页面设计器，拖拽组件、设计器界面、组件属性都在同一个界面，导致设计器(手机壳)中的页眉和页脚位置，尤其是页脚在设计器中没办法像在真正手机中，固定在页面下方。这是由于jqm把整个页面当成了一个容器，如果页眉页脚fixed，那么页眉页脚就会跑到整个页面的最上方和最下方，而不是在设计器中，所以只能把设计器(手机壳)部分改成iframe，这样，把一个jqm完整的页面...

        我话少，直接上代码，html代码比较乱，主要为了产生垂直滚动条，看js就Ok了，jquery.js自行下载，就不提供了，so easy!其实说白了就是控制这个div的垂直滚动条的偏移，这里回到顶部，所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit...

   想对传递的参数进行base64编码，在网上找到一个既可以对英文参数又可以对中文参数进行编码的js组件，感觉十分嗨森，分享一下：   地址：https://github.com/dankogai/js-base64   我简单写了一个测试例子：  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...

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]);

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);}...

其实这段代码也就是jqgrid的源码          比如输入框为 <input type="text" id="inputPage" maxlength="7" size="2" value=""/>        那么输入页码的处理代码如下：        $('#inputPage').keypress( function(e) { var

浪漫页面：浪漫需要稍等片刻，才会有惊喜出现哦，打开页面，关掉左右侧广告，效果更佳http://www.xwcms.net/webAnnexImages/fileAnnex/20140103/58018/index.html  完整连接：http://www.xwcms.net/js/html5sl/69184.html   ...

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <m

转自：http://stylechen.com/array-distinct.html 有时会碰上这种需求，需要将数组中重复的元素删除掉，而只保留一个。最先想到的办法很可能就是用2个for循环来做比较然后去除掉重复的元素，代码如下所示：方法1：Array.prototype.distinct = function(){ var arr = [], len = t...

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...

网上有很多文字作品写涉及在JS中呈现类似UrlEncode功能时都是自定义参数来呈现，其实JS中本身就有那样的参数。参数parameter由于用类似URL的形式传过去 ， 所以别直接就那样赋值以下是对变量值的URL编码总结 ： 意见用encodeURIComponent() ， GET 和POST方法都能够发送过去Java编程script中存在几种对URL字符串停止编码的窍门：escape()，...

    情况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...