justincai - 博客园

2012年9月13日

摘要：读了高性能javascript部分章节，顺便在项目里测试一下一:加载和执行1、<body>闭合标签之前，将所有的<script>标签放到页面的底部。这能确保在脚本执行前页面已经完成了渲染。未放在底部：测试时间放在底部渲染：测试时间加载时间明显缩短。二、DOM访问与修改 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>& 阅读全文

posted @ 2012-09-13 16:38 justincai 阅读(119) 评论(0) 推荐(0) 编辑

2012年9月12日

jquery jsTree 总结

摘要：最近在项目中用到了jquery jstree ，在此做下总结，引入<script type="text/javascript" src="${ctx }/js/jQuery/jquery.js"></script><script type="text/javascript" src="${ctx }/js/jQuery/jstree/jquery.jstree.js"></script>jquery jstree 的基本用法可以参考官网demo : http://ww 阅读全文

posted @ 2012-09-12 20:07 justincai 阅读(920) 评论(0) 推荐(0) 编辑

2012年9月8日

onpropertychange、oninput监听input输入框值实时变化

摘要：项目中要用到监听input框的输入值，差实时更新数据，开始用input的onchange 方法，但onchange方法必必须要在失去焦点的情况下才能触发，很明显无法满足我们的需求。图1：图２　如图２所示，输入关键字，立即将结果显示在下方方框中，以实现实时查看。onpropertychange：IE下，onpropertychange　能用于即时捕获一个html元素的变化情况，而我们常用的onchange，则当属性值改变时还必须并且当前元素失去焦点(onblur)时才可以激活该事件。但onpropertychange只能在IE下使用。$("#you_input_id").o 阅读全文

posted @ 2012-09-08 17:38 justincai 阅读(4635) 评论(2) 推荐(1) 编辑

2012年9月5日

jquery trim方法在ie下报错

摘要：在项目中使用jquery库经常会用到trim方法，用来去除空格在firefox 下可以运行，但在IE下却抱错，后来一检查主要是写法不对。语法：jQuery.trim( str ) The $.trim() function removes all newlines, spaces (including non-breaking spaces), and tabs from the beginning and end of the supplied string. If these whitespace characters occur in the middle of the strin 阅读全文

posted @ 2012-09-05 15:40 justincai 阅读(604) 评论(0) 推荐(0) 编辑

2012年8月16日

windows下Node.js 的安装

摘要： 1. 到http://nodejs.org/下载并编译,支持Linux、Mac，也支持windows下的Cygwin。Windows:1. windows下要先安装 cygwin install cygwin 安装步骤：下载 setup.exefromwww.cygwin.com.运行setup.exe.选择下一步4.选择 "Install from Internet" 并点击下一步.5.Enter preferred installation (Root) directory and click next.6. Enter a temporary installati 阅读全文

posted @ 2012-08-16 01:30 justincai 阅读(231) 评论(0) 推荐(0) 编辑

2012年8月11日

jquery 性能优化的一些总结

摘要： 1.缓存对象：通常我们在项目中多次去取jquery对象时，会存在一些性能上的问题：如： self.get_container().attr("deleted",false); self.get_container().find(".deleteTr").removeClass("hasClickDel"); self.get_container().find(".deleteTr").find(".tip_box").css("display","none" 阅读全文

posted @ 2012-08-11 18:54 justincai 阅读(158) 评论(0) 推荐(0) 编辑

2012年7月1日

windows 下安装Apache

摘要：一、软件下载Apache 下载地址：http://httpd.apache.org/下载httpd-2.2.22-win32-x86-no_ssl.msi二、软件安装双击下载完毕的msi文件，出现以下界面直接点击下一步 Next >选择 I accept the terms in the license agreement选择　Next选择 Next　"Network Domain" 填写你的网络域名，比如 justin.net ，如没有可自行填写，如果当你的服务是要真正接入Internet 时，则一定要填写正确的网络域名。"Server Name&quo 阅读全文

posted @ 2012-07-01 13:07 justincai 阅读(190) 评论(0) 推荐(0) 编辑

2012年6月27日

用YUICompressor 压缩JS 与 CSS 文件

摘要： YUICompressor :　有效压缩空格整理变理缩小代码体积官方主页：http://yuilibrary.com/downloads/#yuicompressor文档：http://developer.yahoo.com/yui/compressor1.常规应用：YUICompressor 本身由java编写运行格式：java -jar yuicompressor-x.y.z.jar yourfile.js -o yourfile-min.js –charset utf-8２.将YUICompressor 加入到右键菜单中在网上看到此方法，记录下:下载YUICompressor 包阅读全文

posted @ 2012-06-27 16:16 justincai 阅读(615) 评论(0) 推荐(0) 编辑

2012年6月24日

HTML5 WebSocket 的一些总结

摘要： WebSocket：基于TCP的双向，全双工的socket连接。一旦服务器与客户端之间完成握手，信息即可随意来回于两端，且无需HTTP头信息。客户端同样可以发信息给服务器。 Comet ：Comet基于HTTP，体积比较大，每个请求中都会带有完整的头信息，包含大量的TCP握手。支持的浏览器有： Chrome >=4 Safari >=5 IOS >=4.2 Firefox >=4* Opera >=11*检测浏览器是否支持WebSocket 的方法： var supported = ("WebSocket" in window);if(su 阅读全文

posted @ 2012-06-24 23:03 justincai 阅读(363) 评论(0) 推荐(0) 编辑

2012年6月17日

更改<a>标签的文本内容

摘要：假设a中的结构是如下所示<div > <a id='a'> AAAAA <span > BBBBB</span> </a></div>当想要更改<a>中的内容时，如果采用jquery 的 $(a).text('文本’) 则文本更改了，当span会被删除解决方法： var a = document.getElementById('a');a.childNodes[0].data = 'CCCCC' ; 修改成功，则此时 a中的AAAAA 被修改为 CCCC 阅读全文

posted @ 2012-06-17 17:50 justincai 阅读(1130) 评论(0) 推荐(0) 编辑