TOMMYHU

---

经典jQueryDemo打包下载

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

新浪微博的开放平台提供了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常用操作的一些方法，希望对即将开发微博应用的同学有用：
var $api_url = "http://api.t.sina.com.cn/",   $app_key = '你的key'; //载入JS-SDK WB.core.load(['connect', 'client'], function() {     var cfg = {         key: $app_key,         xdpath: 'http://'+location.host+'/xd.html'     };     WB.connect.init(cfg);     WB.client.init(cfg); }); (function(){   var uid = 0;   /**    * 登陆函数    * @param {Object} back callback函数    */   var login=function(back){     back = back|| function(){};     WB.connect.login(function(){       back();     });   };   /**    * 退出函数    * @param {Object} back callback函数    */   var logout = function(back){     WB.connect.logout(function(){       location.reload();     });   };   /**    * 添加粉丝    * @param {Object} uid 用户id    * @param {Object} back callback函数    */   var addFans = function(uid,back){     back = back || function(){};     WB.client.parseCMD("/friendships/create.json", function(o, s){       if (s) {         back.call({},o);       }     }, {user_id:uid});   };   /**    * 取消一个关注函数    * @param {Object} uid 用户id    * @param {Object} back callback函数    */   var delFollow = function(uid,back){     back = back || function(){};     WB.client.parseCMD("/friendships/destroy.json", function(o, s){       if (s) {         back.call({},o);       }     }, {user_id:uid});   };   /**    * 删除一条微博    * @param {Object} id 微博id    * @param {Object} back callback函数    */   var delWeibo = function(id,back){     back = back || function(){};     WB.client.parseCMD("/statuses/destroy/"+id+".json", function(sResult, bStatus){       if (bStatus) {         back.call({},sResult);       }   }, {id:id});   };   /**    * 根据uid获取用户信息    * @param {Object} uid 用户ID    * @param {Object} back callback函数    */   var getUserInfo = function(uid,back){     back = back || function(){};     $.getJSON($api_url+"users/show.json?callback=?", {source:$app_key,user_id:uid}, function(o){       back.call({},o);     });   };   /**    * 获取用户认证函数    * 登陆后使用    * @param {Object} back callback函数    */   var verfiy = function(back){     back = back || function(){};     $.getJSON($api_url+"account/verify_credentials.json?callback=?", {source:$app_key}, function(o){       uid = o.id;       back.call({},o);     });   };   /**    * 是否登陆    * 登陆return true    */   var isLogin = function(){     return WB.connect.checkLogin();   };   /**    * 是否接口访问是否受限    * 受限return true    */   var isLimit = function(){     $.getJSON($api_url+"account/rate_limit_status.json?callback=?", {source:$app_key}, function(o){       //超出限制       if(!o || o.remaining_hits <=5){         return true;       }       return false;     });   };   /**    * 根据uid获取用户发的微博    * @param {Object} uid 用户ID    * @param {Object} back callback函数    */   var getWeibo = function(uid,count,page,back){     count = count||20;     page = page || 1;     back = back||function(){};     $.getJSON($api_url+"statuses/user_timeline.json?callback=?", {source:$app_key,page:page,count:count,user_id:uid}, function(json){       back.call({},json);     });   };   /**    * 根据uid获取用户的粉丝及其最新的微博    * @param {Object} uid 用户uid    * @param {Object} count 条数    * @param {Object} back callback函数    */   var getFollower = function(uid,count,back){     back = back||function(){};     count = count || 20;     $.getJSON($api_url+"statuses/followers.json?callback=?", {source:$app_key,user_id:uid,count:count}, function(json){       back.call({},json);     });   };   /**    * 根据uid获取用户的关注列表包括最新的微博    * @param {Object} uid 用户uid    * @param {Object} count 条数    * @param {Object} back callback函数    */   var getFriends = function(uid,count,back){     back = back||function(){};     count = count || 20;     $.getJSON($api_url+"statuses/friends.json?callback=?", {source:$app_key,user_id:uid,count:count}, function(json){       back.call({},json);     });   };   /**    * 发布一条微博    * @param {Object} msg 微博内容    * @param {Object} back callback函数    */   var publish = function(msg,back){     back = back || function(){};     WB.client.parseCMD("/statuses/update.json", function(o, s) {  //开始发表       if(s){         back.call({},o);       }     }, {status:encodeURIComponent(msg)});   };   /**    * 获取public timeline    * @param {Object} count 条数    * @param {Object} back callback函数    * @param {Object} base_app 是否为本应用的    */   var getTimeLine = function(count,back,base_app){     back = back||function(){};     count = count || 20;     base_app = base_app || 0;     $.getJSON($api_url+"statuses/public_timeline.json?callback=?", {source:$app_key,base_app:base_app,count:count}, function(json){       back.call({},json);     });   };   /**    * 根据uid获取关注用户的uid数组    * @param {Object} uid 用户uid    * @param {Object} count 条数    * @param {Object} back callback函数    */   var getFriendUids = function(uid,count,back){     back = back||function(){};     count = count || 20;     base_app = base_app || 0;     $.getJSON($api_url+"friends/ids.json?callback=?", {source:$app_key,user_id:uid,count:count}, function(json){       back.call({},json);     });   };   /**    * 根据uid 获取粉丝的uid数组    * @param {Object} uid 用户的uid    * @param {Object} count 条数    * @param {Object} back callback函数    */   var getFollowerUids = function(uid,count,back){     back = back||function(){};     count = count || 20;     base_app = base_app || 0;     $.getJSON($api_url+"followers/ids.json?callback=?", {source:$app_key,user_id:uid,count:count}, function(json){       back.call({},json);     });   }; })();

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/

搜狐WEB标准_前端技术应用规范.pdf下载

HTML5为Web开发者提供了很多强大的新特性，但是它的一些特定的限制会让它无法和本地应用匹敌。

　　HTML5整合进了很多新的特性，并且有可能提升 Web 编程模式。和每一个阅读技术资讯的人所知道的一样，没有任何一样东西能像 HTML5 对互联网造成更多改变。在代码中加入一些 HTML5，网站会变得更快更炫。但是 HTML5 能为那些想要要网络上实现本地应用表现的人做什么可能不在此列了。

　　在享受了 HTML5 的新标签以及 APIs 之后，现在已经是时机来承认 HTML5 模式确实是有一些限制的。这些限制不但会让我们对 HTML5 的幻梦破灭，还有可能让我们在某些场合不再使用 HTML5。

　　事实上是，尽管 HTML5 确实有很强大的功能，但它并不能解决所有问题。它的一些附加功能是非常强大的，能让 Web apps 成为 native app 的强有力的对手，但是安全问题、本地数据存储的限制、同步问题以及政治问题都会让我们减小对它的期望。毕竟，任何技术都是有其限制的。

　　下面是 Web 开发者需要接受的一些关于 HTML5 的事实。

　　事实1:安全是一场噩梦

　　客户端计算最根本的问题是用户最终拥有了对机器上运行的代码的控制权。在 Web apps 中，当浏览器拥有一个很强大的调试工具的时候，这种控制权比以往更容易被滥用。

很不赖的hack速查表，直接点击打开
hack速查表

前端必备技能拓扑，下面这个图片可以让我们很清楚的了解到web前端开发都需要什么样的工具，包括调试，编辑及服务器端需要的各种工具。
前端人员需要懂得很多知识，通过网络搜索整理如下，word2003版本，欢迎下载！