李俊良
- 浏览: 146002 次
- 性别:
- 来自: 北京
-
最新评论
-
46311875：
SB。 搞得那么复杂。哈哈
html5单页面应用程序之历史记录控制 -
李俊良：
正准备处理移动版本的兼容，貌似移动端的用纯web做的比较少
瀑布流网站记录 -
wolf199103：
花瓣网：http://huaban.com/鼻祖Pintere ...
瀑布流网站记录 -
firstfall：
<div class="quote_title ...
前端js也能写算法 -
Sky_YiBai：
楼主，可不可以把帖子重新编辑下，别光写代码呢。。。写点思路之类 ...
前端js也能写算法
文章列表
根据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 ...
自己也写过拖动层，简单的说就是利用时间捕获，然后动态改变指定div的left和top值来实现，具体实现可以参阅相关文章。
但是我发现有个很重要的bug，就是拖动的div层会在快速拖动的时候有点延时的感觉
通过firebug调试其实可以看到，在进行left和top值改变的时候，本身就会产生left和top值修改不即时的问题，所以这种拖动问题比较严重。
但是自己看extjs里面的拖动层却一点没有问题，然后我通过firebug看到，当点击拖动层的时候，实际上是创建了一个id为ext-gen-数字 的一个层，并且层的样式为x-panel-ghost，这些东西就可以看出，就是克隆了一个层；还有就是同 ...
服务器推送技术，经过考虑，其实发现说白了，就是通过某种手段让服务器从后端主动将数据发送到前台，并且还直接调用js函数将数据呈现出来，传统web模式，包括ajax技术，都是通过客户端发送一个请求，就是说客户端告诉服务器，我需要某种数据了，然后服务器通过各种操作将数据发送给客户端，并显示。
知道了服务器推送技术和基本原理，再就看看，为什么要使用服务器推送技术，什么时候需要使用服务器推送技术
举个例子，现在很多WEBIM系统，比如webqq，右侧有个好友列表，那个列表可能很少有人主动点击，但是又需要随时更新哪些好友上线了，哪些好友下线了，这个怎么做到呢？
很多人能够想到，其实我只要用jav ...
tab选项卡为什么如此流行，很多js框架基本上都有选项卡这个组件，这个东西仅仅是美观和操作方便吗？
在我上次接触到一个使用web做类似应用软件的项目之前，我也仅仅觉得这种选项卡比较漂亮，也操作方便
但是在那个系统开发的时候，很多人都一直在提，性能，性能，提高性能，但是他们放弃了选项卡，我很郁闷，我简单的说一下我对选项卡的理解
当用户点击菜单某一个链接的时候，页面右侧应该出来一个带选项卡的窗口，然后点击另外一个菜单链接的时候，直接将选项卡覆盖在前一个选项卡前面，并显示里面的内容，如果用户要重新看上个链接的窗口就可以不用进行对服务器的请求而直接显示出页面，很明显是减少了对服务 ...
在某些时候我们需要通过backgroundPositionX和Y来直接翻转背景图片非常方便
但是你会发现，在FF和Oprea里面就不行了
你可能又会尝试通过使用backgroundPosition来同时设置两个参数来变化背景图片的位置，但是还是失败
因为IE也不支持backgroundPosition函数
解决办法，就是判断浏览器是IE还是别的
如果是IE，直接通过backgroundPositionX和Y还设置css
如果不是就用backgroundPosition就行了
但是需要注意的是
这几个属性都不是数值型的，为了让浏览器更好的识别
最好都写成字符串形式比如 ...
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 ...
- 2009-12-07 13:32
- 浏览 1641
- 评论(0)
/*创建一个通用的添加对象方法的函数*/
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 ...
- 2009-09-29 15:08
- 浏览 747
- 评论(0)
<div id="mydiv" myattr="welcome"></div>
先看一个html标签代码
如果用脚本取得id为mydiv 自定义属性myattr的值，我们知道方法为
document.getElementById("mydiv").myattr
但是这种方法在firefox上面就无效了，要在IE和firefox上面都可以取得welcome那么语句应该这么写
document.getElementById("mydiv").getAttr ...
- 2009-09-27 10:48
- 浏览 1714
- 评论(0)
以前做网页的时候，只考虑 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 ...
- 2009-09-19 09:24
- 浏览 3460
- 评论(0)
//创建json数据格式
var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin",
"email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter",
" ...
- 2009-09-14 10:00
- 浏览 1163
- 评论(0)
Ajax回调时，刚入门的新手可能直接用使用ajax回调一个jsp页面或者servlet，而回调的页面里面就已经包含了html代码，这种方式对于咱们自己一般的小型web应用还是可以这么做的
但是如果对于一个中型的，或者是一个页面布局等各个方面都需要变化的时候，这种方式在代码维护等方面就有点制约性了，如果可能需要修改，我觉得从架构的角度讲，还是应该选择返回XML、json、Protocol Buffer这些数据格式，我们最熟悉的肯定是XML，但是XML的一个最大的遗憾就是解析的时候速度很慢，解析速度最快的就是PB(Protocol Buffer)，同样大小的数据解析，有时候 ...
- 2009-09-14 09:10
- 浏览 922
- 评论(0)
xmlDom.async = false; // 同步加载，意思是等xml文件全部装载完成之后才进行操作
xmlDom.async = true; //异步加载，不等xml加载完成，就可以执行后面的代码 如果不指定，默认的是按照异步加载的
- 2009-09-12 14:28
- 浏览 1671
- 评论(0)
// loadXML 可以直接读取XML字符串
// load 是直接读取xml文件，需要填写文件名
oXmlDom.loadXML("<root><child></child></root>");
oXmlDom.load("test.xml");
// 但是 load 方法只能调用本网站下面的xml文件，不能为别的网站的xml文件地址
- 2009-09-12 14:24
- 浏览 1695
- 评论(0)
函数根据了微软的MSXML的版本从新到久的方式查询，如果客户端应用了最新就直接用最新的，如果没有安装，抛出一个错误提示信息。
函数只能针对IE5.0以上。
function createXMLDOM(){
var arrXMLDOM = ["MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0",
"MSXML2.DOMDocument.3.0","MSXML2.DOMDocument",
"Microsoft.XmlDom"];
...
- 2009-09-12 14:10
- 浏览 1254
- 评论(0)