JS
文章平均质量分 58
danielinbiti
Android,Java,web,vb,charge service
展开
-
JS优化
JS效率在页面节点或者元素少的时候很难体现出来。但一旦元素多了,效率问题很容易就出来,特别是IE。 最近修改以前一个项目。可能早期设计时不存在几千个INPUT输入框的情况,所以部分代码写法上没有很好的考虑回流和重绘。 清空INPUT的value值,原来一个个更新。一旦到flush的元素操作动作。一下子就卡住不动了。 因为所有的INPUT都在table中,所以更改了一下方式。 1、先把tab原创 2015-01-16 09:30:04 · 1144 阅读 · 0 评论 -
Flexigrid折行显示问题
上会写的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原创 2013-06-19 15:32:29 · 1606 阅读 · 1 评论 -
JS继承三
3,继承工具函数三 ? 1 2 3 4 5 6 7 /** * @param {Function} subCls * @param {Function} superCls */ function extend(subCls,superCls) { sub转载 2013-06-14 23:48:46 · 792 阅读 · 0 评论 -
JS继承二
这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式(习惯)。这篇按照构造函数方式写类:属性(字段)和方法都挂在this上。以下分别提供了个类,分别作为父类和子类。 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 // 父类Perso转载 2013-06-14 23:47:40 · 854 阅读 · 0 评论 -
jquery的Flexigrid改造,支持选中行内容获取,两个表格行相互移动,行选中事件,支持dwr
在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原创 2013-06-13 16:56:16 · 4488 阅读 · 3 评论 -
JS的onload执行顺序
可能你也碰到过这种情况 , 就是在 js 的代码中用了 window.onload 后 , 可能会影响到 body 中的onload 事件。你可以全写在 body 中,也可以全放到 window.onload 中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用 window.attachEvent 和 window.addEventListener 来解决一下。 下面是转载 2013-06-09 23:52:49 · 6079 阅读 · 0 评论 -
JQuery中DIV的奇怪现象
今天调测页面时,想着做两个DIV,交替隐藏的方式呈现不同内容。不想在使用中发现在布局时两个DIV是并列的,但执行隐藏后,第二个显示的DIV变成第一个呈现DIV的子节点。 如 布局如下: 呈现变成了 导致结果怎么也呈现不了,琢磨分析后,发现把 改成 就没问题了。 目前没有找到理论依据,只原创 2013-03-21 00:20:53 · 1173 阅读 · 1 评论 -
js 与或运算符 || && 妙用
首先出个题: 如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码代码如下: var add_level = 0; if(add_step转载 2013-03-17 00:47:12 · 833 阅读 · 0 评论 -
ligerUI的layout的问题
以前使用简单的组件,但没用过它的布局,今天用了一下布局,发现还有有些问题。 1、layout的build _bulid: function () { var g = this, p = this.options; $("> .l-layout-left .l-layout-header,> .l-layout-right .l-l原创 2015-06-17 18:08:49 · 2635 阅读 · 0 评论 -
function类中定义变量this的简单说明
function TObject(){ this.name1 = "aa";//这里不能写name,name是window的变量。否则无法得到验证结果 } var t = new TObject();//执行中,this代表t alert("window1="+this.name1);//没有值 alert("t="+t.name1);//有值 TObject();//执行中,t原创 2015-06-30 16:11:53 · 800 阅读 · 0 评论 -
Ajax的jsonp方式跨域获取数据
jsonp的调用,今天碰到了,正好整理了一下。 $(document).ready(function(){ $("#b01").click(function(){ $.ajax({//danielinbiti.txt文件内容:getAInfo([""]) url: 'http://192.168.12.21:8080/systemr/danieli原创 2015-06-11 13:59:52 · 6429 阅读 · 0 评论 -
动态更新highcharts数据
var chart ; $(function (){ chart = new Highcharts.Chart({ chart: { renderTo: 'container' },原创 2015-08-01 17:40:23 · 6938 阅读 · 0 评论 -
Flexigrid的编辑功能
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];原创 2013-06-24 14:15:41 · 2372 阅读 · 0 评论 -
offsetHeight在OnLoad中为0的现象
在使用IE中,特别在目前div+css的方式,往往不定义div的高度,这是在添加div内容后,需要获取div的高度时,往往需要用到offsetHeight。 在使用中,有时会碰到offsetHeight获取到为0的现象,但如果你用各种JS调试工具调试,又能在对象中看到值(如果直接指向offsetHeight是没值的,但如果是对象查看是有值的,在调试器中回车查看对象就已经刷新对象了,所以有值。)原创 2013-07-18 00:50:37 · 2744 阅读 · 1 评论 -
jquery的flexigrid无法显示
升级了IE10,发现flexigrid无法显示数据,提示获取到了数据,但没任何报错任何显示。截图如下。 跟踪代码,发现内部是生成了td,tr和要显示的数据,但没有显示出来。 经过试验和跟踪,修改如下。 在addData中修改 $(t).append(tbody); 为 $(t).append(''+tbody.outerHTML + ''); 这样数据就能正常显示了。原创 2013-07-19 13:35:20 · 1291 阅读 · 0 评论 -
标记一下
开工:基于插件化的JS网站原创 2014-06-27 14:12:12 · 645 阅读 · 0 评论 -
浅谈 js中parseInt函数的解析
浅谈 js中parseInt函数的解析 首先还是从很热门的实例parseInt("09")==0说起。 parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制。 比如说parseInt("010",10)就是10进制的结果:10,parseInt("010",2)就是2进制的结果:2,parseInt("010",8)就是8转载 2013-11-26 11:18:02 · 916 阅读 · 0 评论 -
Flexigrid去掉列选择
Flexigrid中会出现列选择的小黑箭头,有时挺讨厌,想去掉。发现没有控制的地方,于是自己加。 在flexigrid.js中增加 在定义中增加 p = $.extend({ //apply default properties height: 200, //default height width: 'auto', //auto width striped: true,原创 2013-06-17 14:56:40 · 2125 阅读 · 0 评论 -
JS继承四
/** * @param {String} className * @param {String/Function} superClass * @param {Function} classImp */ function $class(className, superClass, classImp){ if(superClass转载 2013-06-14 23:50:16 · 736 阅读 · 0 评论 -
JS继承一
1、构造函数方式写类,通过方法调用复制父类属性/字段到子类 实现继承 这里父类,子类都采用构造函数方式写,不用原型。子类调用父类函数来复制父类的属性。 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19转载 2013-06-14 23:46:45 · 740 阅读 · 0 评论 -
左侧是表头的JS表格控件
今天,项目中要用到该表格,找了一遍,发现没有合适的,于是自己动手丰衣足食。 最终呈现效果如上图, 1、左侧是表头的表格数据展现, 2、支持多行,多表头 3、固定表头的功能 4、能够支持标题 5、获取表格中的数据 6、支持IE/CHROME 7、 表格能够自适应根据内容行居中 Grid左侧固定测试原创 2013-06-04 09:06:34 · 2948 阅读 · 0 评论 -
JSP页面中escape编码
JSP页面中escape编码 今天在使用中文传递参数时,遇到死活编码转不过去,于是想到了用escape,在使用后 request.getParameter接收不到参数,于是想着怎么能够接收到参数。 经过试验,通过 zbtmp=escape(escape(zbtmp));//加密2次danielinbiti var params = "name="+zbtmp; window.open('s原创 2013-05-31 15:54:46 · 3262 阅读 · 0 评论 -
框架已经调试OK
利用业余时间,框架已经OK,基本能够原创 2014-07-21 17:49:02 · 792 阅读 · 0 评论 -
jquery组件的框架
每次都得重写jquery组件架子,在博客上记录一下,省的到处翻硬盘或硬写 (function($){ $.fn.danielinbiti=function(options){ var defaults = { }; var options = $.extend(defaults, options); var f={ }; $.fn.extend({原创 2013-12-18 10:44:25 · 1227 阅读 · 0 评论 -
FlexiGrid支持shift多选
在前面几章Flexigrid处理的基础上,处理了支持shift多选的功能,增加的代码标注了“//处理shfit多选 add by danielinbiti” 主要增加了三部分代码 第一部分 (function ($) { $.addFlex = function (t, p) { if (t.grid) return false; //return if already exist原创 2013-11-08 14:40:18 · 1701 阅读 · 3 评论 -
dhtmlgrid修改,支持IE10
因为项目IE升级,导致原来使用的dhtmlgrid无法正常显示,同时通过loadxml接口还有属性不支持。 花了半天时间对dhtmlgrid进行了修改,能够支持IE10正常加载显示。 edit by danielinbiti 点击打开链接原创 2013-08-29 15:04:27 · 1129 阅读 · 0 评论 -
不同js异步函数同步
不同函数达到同步的函数模拟 funcList是函数执行函数的队列,其中回调函数中flag=true是同步标记量 var flag = false; function funcTest(t,func){ setTimeout(function(){ (function(param){ console.log(param); func();原创 2016-05-01 15:06:05 · 1742 阅读 · 0 评论