njcgosling的博客

原创 this的使用

1.call var obj={name:"4"};var fn1=function(){console.log(this)};function fn2(){console.log(this)};fn1.call(obj) =>Object {name: "4"}fn2.call(obj) =>Object {name: "4"}

转载 Javascript闭包（Closure）

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数

转载 闭包

var foo = ( function() { var secret = 'secret'; // “闭包”内的函数可以访问 secret 变量，而 secret 变量对于外部却是隐藏的 return { get_secret: function () { // 通过定义的接口来访问 secret retur

转载 1-3年WEB前端开发工程师

职位描述职责描述利用HTML5相关技术开发手机平台上的前端应用；德邦投资过亿与世界知名咨询公司ibm咨询公司合作，梳理公司运作流程，结合it规划设计，为公司发展规划新蓝图在这里，你可以接触到行业技术领先的咨询顾问，学习到最专业的技术，接触极具规模的开发项目。信息技术中心所承 接大型项目无一不体现着国内物流行业信息化建设的高端水平任职要求职位要求1、掌

转载 [html5]离线存储

原文：http://blog.csdn.net/quzishen/article/details/7319703H5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等操作；H5的离线存储使用一个manifest

转载 标签语义化

原文：http://www.jiawin.com/tag-semantics-habit前段时间，在网上浏览时，发现国内几家互联网巨头公司的前端开发招聘题目，依然都提到一个标签语义化的问题，这个话题在已经是老生常谈了，但依旧问题多多，归结于一个习惯吧，有时间我也太懒，没有多加考虑就直接写代码，我知道我错了！童鞋们，我们得让标签语义化成为一种习惯！今天就再普及一下标签语义化，也鞭策下自己

转载 append 和appendTo ，appendChild，insertBefore实例

jQuery UI Datepicker - Default functionality body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 62.5%;} $(function() { //$(selecto

转载 datepicker 实例

jQuery UI Datepicker - Default functionality body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 62.5%;} $(function() { $('#datepick

转载 jquery中prop()方法和attr()方法的区别浅析

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"che

转载 appendChild和insertBefore ,append和appendTo

首先 从定义来理解 这两个方法：appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild)相同之处：插入子节点不同之处：实现原理方法不同。　　　　　a

转载 select2常用操作

$("#abc").select2("val");//获取选中值$("#abc").select2("data").text;//获取文本$("#abc").select2("val", "CA");//设置选中值 $("#abc").select2("val", "");//清除选中值为初始值    $(".qingyu").click(function () { var data

转载 删除dataTable的一行

this.checkDataTable.row($e.closest("tr")).remove().draw()

转载 zTree

this._createTree(); _createTree : function(){ var setting = { view : { selectdMulti : false }, check : { enable : true

转载 form.validate

if(data.workflowNodeAttributes.required){ var rules = {}, messages ={}; $.each(data.workflowNodeAttributes.required.split(","), this.proxy(function(k,v){

转载 siblings 和 replaceWith

$checkbox.siblings(".professionName").replaceWith($a);

转载 select2

$('input.professionUserSelect2').each(this.proxy(function(k,v){ var id = parseInt($(v).attr("data-id")); $(v).select2({ placeholder: "请选择...", allowClear: true,

原创 转化为object

[{id:"1",name:"s"},{id:"2",name:"f"},{id:"3",name:"v"}] 转化为：{s: "1", f: "2", v: "3"}transform_data_type:function(data){ //uuu=[{id:"1",name:"s"},{id:"2",name:"f"},{id:"3",name:"v"}]

转载 validate

this.form = this.qid("unit-form");this.form.validate({ rules: { "chaptertype": { required:true }, "pointenddate":{

转载 ajax

_sendModifyAjax:function(data,e,func){ this.disableForm(); $.u.ajax({ url: $.u.config.constant.smsmodifyserver, type:"post", dataType: "json", ca

转载 dialog

this.formDialog = this.qid("item-dialog-edit").dialog({ title: this._options.title, width: 540, modal: true, draggable: false, resizable: fa

转载 select2 及下拉翻页more

this.qid("unit-confirmMan").select2({ placeholder: "选择验证人", multiple : true, allowClear: true, tags: true, theme: "classic", ajax:{ url: $.u.config

转载 resizable

this.qid("listresultpanel").resizable( { autoHide: true, handles: 'e', resize: function (e, ui) { var parent = ui.e

转载 jQuery的 dataTable 2

this.dataTable_one = this.qid("completeToDo").dataTable({searching: false,serverSide: false,//是否开启列排序bProcessing: false,ordering: false,pageLength : 1000,"aaData":this.dealdata,"sDom":"t

转载 jQuery的 dataTable

this.dataTable=this.qid("viewtable").dataTable({ "dom": '>rtp>', "pageLength": parseInt($.cookie("pageDisplayNum") || 10), "pagingType": "full_numbers",

原创 call

转载 理解和熟练运用js中的call及apply

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样，只是接受参数的方式不太一样。例如，有一个函数 func1 定义如下：var func1 = function(arg

转载 js中call与apply的用法

本篇文章主要是对js中call与apply的用法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助前天去面试，有个gg问了一些js知识，其中有一道call与apply用法的题目，尽管在365天前用过call方法，但当时还是没能答上来，今天深入总结一下call和apply，它们的作用都是将函数绑定到另外一个对象上去运行两者的格式和参数定义：ca

转载 JS中的call()和apply()方法

1、方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global

转载 JS函数与面向对象

函数是一组可以随时随地运行的语句。创建函数function fnOne() {//具有名称的函数,函数名必须符合变量名命名规范 //可以没有符何语句 } var fnTwo = function () {//匿名函数 }; function () {//创建匿名函数而不立即创建其引用，那么之后就没办法调用此函数 } (

转载 JQuery Proxy()函数的理解

实例强制执行 objPerson 内的 "test" 函数的上下文：$("button").click($.proxy(objPerson,"test"));尝试一下 »定义和用法$.proxy 方法接受一个已有的函数，并返回一个带特定上下文的新的函数。该方法通常用于向上下文指向不同对象的元素添加事件。提示：如果您绑定从 $.prox

转载 Web App开发入门

Web App开发入门2013-04-10 15:14 佚名 net 字号：T | T自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-Web App(意为基于WEB形式的应用程序)。业界关于Web App与Native App的争论已有一段时间，而Hybrid混合App则受到推荐，随着时间的推移，我们相信Web Ap

转载 $.grep ,$.map,jquery筛选数组之grep、each、inArray、map的用法及遍历json对象

var data = $.grep(this.dataArray, this.proxy(function(item, idx){    return $.inArray(item.id, this.checkedIdArray) > -1;    }));grep$().ready(    function(){        var

原创 datepicker 获取日期

dataresult["startDate"]= $(".startdate").datepicker( 'getDate' ).getFullYear()+"-"+($(".startdate").datepicker( 'getDate' ).getMonth()+1)+"-"+$(".startdate").datepicker( 'getDate' ).getDate() ; data

转载 splice()和$.grep()

搜索复制JavaScript splice() 方法定义和用法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX) 参数描述index必需。整数，规定添加/删除项目的

转载 prototype.slice.call()

转载 JScript中对象的prototype属性

我们知道JScript中对象的prototype属性，是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会"继承"赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢？对于对象的prototype属性的说明，JScript手册上如是说：所有 JScript 内部对象都有只读的 prototype 属性。可以向其原型中

转载 JS中的prototype

JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类：a 类方法b

转载 jQuery中this与$(this)的区别

jQuery中this与$(this)的区别2009-08-21 09:28 RicoRui 博客园 字号：T | T起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与$(this)的区别。AD：干货来了,不要等！WOT2015 北京站演讲PPT开放下载！jQue

转载 jquery UI dataTable

this.dataTable = this.qid("datatable").dataTable({            searching: false,            serverSide: true,            bProcessing: true,            ordering: false,            sDom: "t",

原创 jquery UI dialog

this.groupDialog = this.qid("div_prousermembers").dialog({            title:this.i18n.editUserMember,            width:540,            modal: true,            draggable:false,            res