前端是用户体验的基础，是用户最先体验的服务。由于最近在开发购物分享网站食美特，经历了很多前端的麻烦。学习和参考了很多前端解决方案，这篇文章先说说我对阿里巴巴系的前端解决方案的体会。
一、淘宝的前端解决方案：kissy 。淘宝的kissy(http://docs.kissyui.com/)是由阿里集团前端工程师们发起创建的一个开源 JS 类库。它具备模块化、高扩展性、组件齐全、适合国情等特性。定义了通用的js类库，通用的约定，通用的html规范，通用的css规范，通用的js规划，以及基于bootstrap(http://twitter.github.com/bootstrap/)基础样式等......
jQuery更改li菜单选中项的背景颜色
$("#leftpane li").click(function(){
//$(this).toggle();
var ix=$(this).index();
$("#leftpane li").each(function(){
var lx=$(this).index();
if (lx!=ix){
$(this).css("background","");
}else{
$(this).css("background","#006000");
}
});
$('#leftpane').listview('refrsesh');
});
jQuery实现彩带效果的网页加载条动画
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面初加载的动画</title>
<style type="text/css">
body{margin:0;}
.to......
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码如下：
<pre><head>
<title>test count down button</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 3;
var countdown = setI......
在javascript中 雖然是弱型別
可是有時候還是會用到要把int轉string 或是把string轉int的情況
字串轉數字 str轉int
parseInt
同時這函式有個強大的功能 就是可以換成不同基底的數
例如parseInt(“ff”,16) ===> 255
ff以16為基底就是255 任何基底都可以轉換 (至少16以下沒問題3 7 11 13 17 我都轉過)
[20080806實測結果 基底36以下都可以轉 所以javascript parseint這函式最大基底就是36]
數字轉字串 int轉str
大部份的物件都有.toString的方法 用這即可