存档在 ‘前端’ 分类

Jquery模拟键盘事件

2012年11月1日

貌似用到的可能性不大。之前是为什么要这么做也忘了-.-!!!
貌似是写程序时后因为之前组件的一个触发在键盘上,而组件又不能随便改,现在想来,还是直接改组件的好!

document.getElementsByTagName("body").item(0).onkeydown = function(a){console.log(a.keyCode + "231123")}
e = jQuery.Event("keydown");
e.keyCode = 13;
$("body").trigger(e)

直接上代码模拟的是keydown事件,跟直接按键盘还有区别,触发函数必须加传入参数,否则读不到keyCode(function(){event.keyCode}),而键盘事件是可以的。想搞明白jQuery是怎么模拟浏览器事件的,可惜查不到,直接看jQuery的代码更是看到头大…再议吧…

websocket

2012年10月31日

WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一。

http://www.html5china.com/HTML5features/WebSocket/20120513_3655.html

websocket 解决了 简单轮询 长轮询 耗费资源的问题,更实时进行交互。

可惜-。- 支持的浏览器不多。例如IE只有IE10才支持,国内还真没什么网站敢用的哈-。。-

Access-Control-Allow-Origin

2012年10月29日

http://enable-cors.org/

HTTP headers

ajax跨域

js读写cookie

2012年10月23日


使用方法:

//1、存储Cookie
//2、参数说明: 1、参数1:Cookie存储Name,参数2:Cookie要存储的值
//3、例子如下:
setCookie(‘Method’,match);

//1、获取Cookie
//2、参数说明: 1、参数1:Cookie存储的Name
//3、例子如下:
getCookie(‘Method’)

//1、删除Cookie
//2、参数说明: 1、参数1:Cookie存储的Name
//3、例子如下:
deleteCookie(‘Method’);

简单的直接document.cookie = “a=2123;”
当字典用了

JavaScript SDK

2012年9月2日

人人网JavaScript sdk 1.0 http://wiki.dev.renren.com/wiki/Js-sdk-1.0

新浪微薄Weibo-JS V2 http://open.weibo.com/wiki/Weibo-JS_V2

百度 http://dev.baidu.com/wiki/app/index.php?title=JS_Client/Javascript_SDK_API%E8%AF%A6%E7%BB%86%E6%96%87%E6%A1%A3

http://app.baidu.com/dev-doc/javascriptsdk.html

淘宝jssdk http://open.taobao.com/doc/detail.htm?id=988

YY http://open.yy.com/doc/api_reference_js/index.html

金山快盘 http://bbs.kuaipan.cn/thread-23798-1-1.html

搜狐视频 http://open.tv.sohu.com/wiki/index.php/SDK

script.onload事件

2012年8月14日

webkit浏览器、firefox支持script标签的onload事件,加载失败可以用onerror事件做处理

ie使用onreadystatechange

此外模仿onload事件

  1. <script>
  2. function loadScript(src, callback) {
  3. var script = document.createElement(“script”);
  4. if(script.addEventListener)
  5. script.addEventListener(“load”, callback, false);
  6. else if(script.attachEvent)
  7. script.attachEvent(“onreadystatechange”,
  8. function() { loadScript.callbackIE(callback); });
  9. script.src = src;
  10. document.getElementsByTagName(“head”)[0].appendChild(script);
  11. }
  12. loadScript.callbackIE = function(callback) {
  13. var target = window.event.srcElement;
  14. if(target.readyState == ”loaded”)
  15. callback.call(target);
  16. };
  17. // load 30k script.
  18. // Listener.cleanUp is defined at the bottom of drag.js
  19. callback = function() {
  20. var self = this;
  21. alert(“Loaded: ” + this.src + ”nListener.cleanUp (nested):” + Listener.cleanUp);
  22. };
  23. loadScript(“http://dhtmlkitchen.com/editor/js/drag.js”, callback);
  24. </script>