`
李俊良
  • 浏览: 141636 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表

根据id或者obj返回对象

/** 根据id或者对象返回对象或者对象数组 */ function $(){ var argLen = arguments.length; var eleArr = new Array; if(argLen == 0) return null; else if(argLen == 1){ if(typeof arguments[0] == "object") return arguments[0]; else ret ...

从ExtJS分析拖动层的实现原理--弹出DIV问题

FirebugEXT浏览器
自己也写过拖动层，简单的说就是利用时间捕获，然后动态改变指定div的left和top值来实现，具体实现可以参阅相关文章。 但是我发现有个很重要的bug，就是拖动的div层会在快速拖动的时候有点延时的感觉 通过firebug调试其实可以看到，在进行left和top值改变的时候，本身就会产生left和top值修改不即时的问题，所以这种拖动问题比较严重。 但是自己看extjs里面的拖动层却一点没有问题，然后我通过firebug看到，当点击拖动层的时候，实际上是创建了一个id为ext-gen-数字 的一个层，并且层的样式为x-panel-ghost，这些东西就可以看出，就是克隆了一个层；还有就是同 ...

从长连接推送技术发出的一些思考

AjaxJavaScriptWeb
服务器推送技术，经过考虑，其实发现说白了，就是通过某种手段让服务器从后端主动将数据发送到前台，并且还直接调用js函数将数据呈现出来，传统web模式，包括ajax技术，都是通过客户端发送一个请求，就是说客户端告诉服务器，我需要某种数据了，然后服务器通过各种操作将数据发送给客户端，并显示。   知道了服务器推送技术和基本原理，再就看看，为什么要使用服务器推送技术，什么时候需要使用服务器推送技术 举个例子，现在很多WEBIM系统，比如webqq，右侧有个好友列表，那个列表可能很少有人主动点击，但是又需要随时更新哪些好友上线了，哪些好友下线了，这个怎么做到呢？ 很多人能够想到，其实我只要用jav ...

从tab选项卡发出的一个性能思考和延升

应用服务器框架Web
tab选项卡为什么如此流行，很多js框架基本上都有选项卡这个组件，这个东西仅仅是美观和操作方便吗？   在我上次接触到一个使用web做类似应用软件的项目之前，我也仅仅觉得这种选项卡比较漂亮，也操作方便   但是在那个系统开发的时候，很多人都一直在提，性能，性能，提高性能，但是他们放弃了选项卡，我很郁闷，我简单的说一下我对选项卡的理解   当用户点击菜单某一个链接的时候，页面右侧应该出来一个带选项卡的窗口，然后点击另外一个菜单链接的时候，直接将选项卡覆盖在前一个选项卡前面，并显示里面的内容，如果用户要重新看上个链接的窗口就可以不用进行对服务器的请求而直接显示出页面，很明显是减少了对服务 ...

backgroundPositionX和backgroundPositionY兼容性问题

IE浏览器CSS 
在某些时候我们需要通过backgroundPositionX和Y来直接翻转背景图片非常方便 但是你会发现，在FF和Oprea里面就不行了   你可能又会尝试通过使用backgroundPosition来同时设置两个参数来变化背景图片的位置，但是还是失败 因为IE也不支持backgroundPosition函数   解决办法，就是判断浏览器是IE还是别的 如果是IE，直接通过backgroundPositionX和Y还设置css 如果不是就用backgroundPosition就行了 但是需要注意的是 这几个属性都不是数值型的，为了让浏览器更好的识别 最好都写成字符串形式比如 ...

apache服务器优化配置

ApacheCSSPHPCacheHTML
apache服务器优化配置 一、缓存修改 取消注释 LoadModule headers_module modules/mod_headers.so 添加如下 <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">  Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"  </FilesMatch>  含义，将这些不经常更新的文件设置一个时间比较长的过期时间 新增如下 <FilesMatch ...

1、对象使用方法入门

prototype
/*创建一个通用的添加对象方法的函数*/ Function.prototype.method = function(name,fn){ this.prototype[name] = fn; } /*利用通用函数创建对象*/ var TextUtil = function(){ }; TextUtil.method('cutStr',function(){ /**add your code here**/ }); TextUtil.method('joinStr',function(){ /**add your code here ...

javascript兼容性点滴-----自定义标签属性

JavaScriptFirefoxIE脚本HTML
<div id="mydiv" myattr="welcome"></div>  先看一个html标签代码   如果用脚本取得id为mydiv 自定义属性myattr的值，我们知道方法为   document.getElementById("mydiv").myattr     但是这种方法在firefox上面就无效了，要在IE和firefox上面都可以取得welcome那么语句应该这么写   document.getElementById("mydiv").getAttr ...

IE6 IE7 IE8 FF 兼容性

IECSSFirefox浏览器XHTML
以前做网页的时候，只考虑 IE6 和 FF 的兼容性，公司换了，要求也高了，FF和IE 6 7 8 要全兼容了，碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下：selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property 当然，注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和I ...

使用json数据格式进行ajax回调

    博客分类：
  • Ajax
jsonAjaxPHPHTML
//创建json数据格式 var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter", " ...

Ajax回调数据时使用何种数据格式的思考

    博客分类：
  • Ajax
AjaxjsonMobileXMLWeb
      Ajax回调时，刚入门的新手可能直接用使用ajax回调一个jsp页面或者servlet，而回调的页面里面就已经包含了html代码，这种方式对于咱们自己一般的小型web应用还是可以这么做的       但是如果对于一个中型的，或者是一个页面布局等各个方面都需要变化的时候，这种方式在代码维护等方面就有点制约性了，如果可能需要修改，我觉得从架构的角度讲，还是应该选择返回XML、json、Protocol Buffer这些数据格式，我们最熟悉的肯定是XML，但是XML的一个最大的遗憾就是解析的时候速度很慢，解析速度最快的就是PB(Protocol Buffer)，同样大小的数据解析，有时候 ...

js同步和异步的意思

XML
xmlDom.async = false; // 同步加载，意思是等xml文件全部装载完成之后才进行操作 xmlDom.async = true; //异步加载，不等xml加载完成，就可以执行后面的代码 如果不指定，默认的是按照异步加载的  

IE种loadXML和load

IEXML
// loadXML 可以直接读取XML字符串 // load 是直接读取xml文件，需要填写文件名 oXmlDom.loadXML("<root><child></child></root>"); oXmlDom.load("test.xml"); // 但是 load 方法只能调用本网站下面的xml文件，不能为别的网站的xml文件地址

javascript 创建一个xml操作对象

XMLJavaScriptMicrosoft
函数根据了微软的MSXML的版本从新到久的方式查询，如果客户端应用了最新就直接用最新的，如果没有安装，抛出一个错误提示信息。 函数只能针对IE5.0以上。 function createXMLDOM(){ var arrXMLDOM = ["MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.3.0","MSXML2.DOMDocument", "Microsoft.XmlDom"]; ...
Global site tag (gtag.js) - Google Analytics