W3C,HTML5,xhtml+css,div+css,ajax代码之美,始终努力坚持写出漂亮高效的代码!
5月21
假设我们有个checkbox叫optHSCameratyp,我们写个函数来判断
function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至少一项
var ōbj = document.getElementsByName(objNam); //獲取多選框數組
var ōbjLen= obj.length; //獲取數據長度
var objYN; //是否有選擇
var i;
objYN=false;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
objYN= true;
break;
}
}
return objYN;
}
然后在递交程式就如此调用:
function okSend()
{
if(chkChsHSC(optHSCameratyp)== false){
alert('请至少选择一项!');
}
return;
}
因为checkbox有多个,名字一样,所以在js里面如果简单document.all.checkboxNam根本识别不了到底是哪一个控件,必须用document.getElementsByName,当成一个数组来区分他们
function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至少一项
var ōbj = document.getElementsByName(objNam); //獲取多選框數組
var ōbjLen= obj.length; //獲取數據長度
var objYN; //是否有選擇
var i;
objYN=false;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
objYN= true;
break;
}
}
return objYN;
}
然后在递交程式就如此调用:
function okSend()
{
if(chkChsHSC(optHSCameratyp)== false){
alert('请至少选择一项!');
}
return;
}
因为checkbox有多个,名字一样,所以在js里面如果简单document.all.checkboxNam根本识别不了到底是哪一个控件,必须用document.getElementsByName,当成一个数组来区分他们
4月14
本文为开发人员收录了18个最好的代码编辑器/IDE工具,希望你会喜欢。
1. chocolatapp
Chocolat是最新出现的一款强大的Mac系统文本编辑器,兼具原生的Cocoa及强大的文本编辑功能。Chocolat支持很多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能。界面和MacVim非常相似。

2. aptana
一个非常强大、开源的专注于Ajax开发的开发工具。Aptana近来经开发人员重新设计而焕发了新的活力,它现在比以往更加快速、定制化功能也更强大,并且增加了不少新的功能。

3. barebones

1月17
做了这么多年前端,看到这个,我哭了……
会写几个div,放几个css,最多整点兼容性的HACK就牛逼了吗,运行下下面的代码,你会惭愧道到无地自容,纯css写出来的,拉风的,绝对的纯爷们……
当然这是上次的情况(见日志:http://www.tommyhu.cn/pure-css-house/)!,这次又看到够叼的css设计,竟然是哆啦a梦,不信,你运行看看!
css打造哆啦a梦
点这里查看这个屌的一塌糊涂的css效果

会写几个div,放几个css,最多整点兼容性的HACK就牛逼了吗,运行下下面的代码,你会惭愧道到无地自容,纯css写出来的,拉风的,绝对的纯爷们……
当然这是上次的情况(见日志:http://www.tommyhu.cn/pure-css-house/)!,这次又看到够叼的css设计,竟然是哆啦a梦,不信,你运行看看!
css打造哆啦a梦
点这里查看这个屌的一塌糊涂的css效果
1月12
新浪微博的开放平台提供了jsSDK的方法,但是很多人反映不会使用,这里最关键的一点是不会放跨域文件。
的确,我也承认开放平台的开发文档写的不是很详细,比如对于一些接口是使用REST的,要人云里雾里,而对于REST的介绍却很隐晦,我也是尝试了几次才找到的方法(例如删除微博接口)。
下面简单说说jsSDK的操作。
放置跨域文件
为了实现跨域请求api的接口,我们需要在自己的域名下放置一个xd.html的文件,这个文件可以理解成在你网站做代理的,通过它才可以请求道 api.t.sina.com.cn的内容。感兴趣的童靴可以研究下这种跨域的实现方式,国内的人人、腾讯,国外的Facebook都是这种跨域方式。
基本原理是通过html5的postMessage和window.name来实现跨域。其实如果进一步研究是完全可以不要这个跨域文件的!相信下一个版本的JSSDK不会出现跨域文件来误导大家。
跨域文件放置要点
放置来应用的同域名下,例如你的应用网址是www.js8.in,则你的xd.html文件就要放在www.js8.in域名下
不一定是根目录下,因为可以通过jsSDK中的xdpath来传入xd.html路径,默认是根目录,即www.js8.in/xd.html
api的get接口可以jsonp
据我研究,api的一些get接口可以通过jsonp的方式来访问(《通过JSONP实现完美跨域》),这样就大大的提高了接口的可用性,即使不使用jsSDK我们也可以自己调用接口。例如使用jQuery的getJSON方法。
jsSDk常用操作打包
下面的代码是我写的基于jQuery的jsSKD常用操作的一些方法,希望对即将开发微博应用的同学有用:
=5){ return>
1月8
Google jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
搜索到的google jQuery引用地址,方便调用,好处就不用说了吧。
google jQuery 1.2.6 引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
google jQuery 1.3.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
google jQuery 1.4.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
google jQuery 1.5.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
Google Libraries API 地址:http://code.google.com/intl/zh-CN/apis/libraries/
搜索到的google jQuery引用地址,方便调用,好处就不用说了吧。
google jQuery 1.2.6 引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
google jQuery 1.3.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
google jQuery 1.4.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
google jQuery 1.5.2引用文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
Google Libraries API 地址:http://code.google.com/intl/zh-CN/apis/libraries/






下载文件 (已下载 51 次)



