danielinbiti的专栏

JS效率在页面节点或者元素少的时候很难体现出来。但一旦元素多了，效率问题很容易就出来，特别是IE。最近修改以前一个项目。可能早期设计时不存在几千个INPUT输入框的情况，所以部分代码写法上没有很好的考虑回流和重绘。清空INPUT的value值，原来一个个更新。一旦到flush的元素操作动作。一下子就卡住不动了。因为所有的INPUT都在table中，所以更改了一下方式。1、先把tab

上会写的Flexigrid折行显示时，获取值有问题，报错。getRows: function(){ //add by jej var rtnList = new Array(); var objRows = $('.trSelected', $(t)); if(objRows!=null){ for(var i=0;i<objRows.length;i

3，继承工具函数三?1234567/** * @param {Function} subCls * @param {Function} superCls */function extend(subCls,superCls) {    sub

这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式（习惯）。这篇按照构造函数方式写类：属性（字段）和方法都挂在this上。以下分别提供了个类，分别作为父类和子类。?12345678910111213//  父类Perso

在flexigrid中增加了$.fn.flexGetRows = function () { // function to add data to grid danielinbiti return this[0].grid.getRows();};$.fn.addRows = function (rowList) { // function to add data to grid dan

可能你也碰到过这种情况 , 就是在 js 的代码中用了 window.onload 后 , 可能会影响到 body 中的onload 事件。你可以全写在 body 中，也可以全放到 window.onload 中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用 window.attachEvent 和 window.addEventListener 来解决一下。 下面是

今天调测页面时，想着做两个DIV，交替隐藏的方式呈现不同内容。不想在使用中发现在布局时两个DIV是并列的，但执行隐藏后，第二个显示的DIV变成第一个呈现DIV的子节点。如 布局如下：                          呈现变成了 导致结果怎么也呈现不了，琢磨分析后，发现把改成就没问题了。目前没有找到理论依据，只

首先出个题：如图： 假设对成长速度显示规定如下： 成长速度为5显示1个箭头； 成长速度为10显示2个箭头； 成长速度为12显示3个箭头； 成长速度为15显示4个箭头； 其他都显示都显示0各箭头。 用代码怎么实现？ 差一点的if，else： Js代码 复制代码代码如下:var add_level = 0; if(add_step

以前使用简单的组件，但没用过它的布局，今天用了一下布局，发现还有有些问题。1、layout的build_bulid: function () { var g = this, p = this.options; $("> .l-layout-left .l-layout-header,> .l-layout-right .l-l

function TObject(){ this.name1 = "aa";//这里不能写name，name是window的变量。否则无法得到验证结果 } var t = new TObject();//执行中,this代表t alert("window1="+this.name1);//没有值 alert("t="+t.name1);//有值 TObject();//执行中，t

jsonp的调用，今天碰到了，正好整理了一下。 $(document).ready(function(){ $("#b01").click(function(){ $.ajax({//danielinbiti.txt文件内容：getAInfo([""]) url: 'http://192.168.12.21:8080/systemr/danieli

var chart ; $(function (){ chart = new Highcharts.Chart({ chart: { renderTo: 'container' },

editCells:function(){ if(!isEditing){ isEditing = true; $('tbody tr',$(t)).each(function () { for(var i=0;i<this.cells.length;i++){ var td = this.cells[i];

在使用IE中，特别在目前div+css的方式，往往不定义div的高度，这是在添加div内容后，需要获取div的高度时，往往需要用到offsetHeight。在使用中，有时会碰到offsetHeight获取到为0的现象，但如果你用各种JS调试工具调试，又能在对象中看到值（如果直接指向offsetHeight是没值的，但如果是对象查看是有值的，在调试器中回车查看对象就已经刷新对象了，所以有值。）

升级了IE10，发现flexigrid无法显示数据，提示获取到了数据，但没任何报错任何显示。截图如下。跟踪代码，发现内部是生成了td,tr和要显示的数据，但没有显示出来。经过试验和跟踪，修改如下。在addData中修改$(t).append(tbody);为$(t).append(''+tbody.outerHTML + '');这样数据就能正常显示了。

开工：基于插件化的JS网站

浅谈 js中parseInt函数的解析首先还是从很热门的实例parseInt("09")==0说起。parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8

Flexigrid中会出现列选择的小黑箭头，有时挺讨厌，想去掉。发现没有控制的地方，于是自己加。在flexigrid.js中增加在定义中增加p = $.extend({ //apply default properties height: 200, //default height width: 'auto', //auto width striped: true,

/** * @param {String} className * @param {String/Function} superClass * @param {Function} classImp */function $class(className, superClass, classImp){    if(superClass

1、构造函数方式写类，通过方法调用复制父类属性/字段到子类 实现继承这里父类，子类都采用构造函数方式写，不用原型。子类调用父类函数来复制父类的属性。?12345678910111213141516171819

今天，项目中要用到该表格，找了一遍，发现没有合适的，于是自己动手丰衣足食。最终呈现效果如上图，1、左侧是表头的表格数据展现，2、支持多行，多表头3、固定表头的功能4、能够支持标题5、获取表格中的数据6、支持IE/CHROME   7、 表格能够自适应根据内容行居中 Grid左侧固定测试

JSP页面中escape编码今天在使用中文传递参数时，遇到死活编码转不过去，于是想到了用escape，在使用后request.getParameter接收不到参数，于是想着怎么能够接收到参数。经过试验，通过zbtmp=escape(escape(zbtmp));//加密2次danielinbitivar params = "name="+zbtmp;window.open('s

利用业余时间，框架已经OK，基本能够

每次都得重写jquery组件架子，在博客上记录一下，省的到处翻硬盘或硬写(function($){ $.fn.danielinbiti=function(options){ var defaults = { }; var options = $.extend(defaults, options); var f={ }; $.fn.extend({

在前面几章Flexigrid处理的基础上，处理了支持shift多选的功能，增加的代码标注了“//处理shfit多选 add by danielinbiti”主要增加了三部分代码第一部分(function ($) { $.addFlex = function (t, p) { if (t.grid) return false; //return if already exist

因为项目IE升级，导致原来使用的dhtmlgrid无法正常显示，同时通过loadxml接口还有属性不支持。花了半天时间对dhtmlgrid进行了修改，能够支持IE10正常加载显示。edit by danielinbiti点击打开链接

不同函数达到同步的函数模拟funcList是函数执行函数的队列，其中回调函数中flag=true是同步标记量var flag = false;function funcTest(t,func){ setTimeout(function(){ (function(param){ console.log(param); func();