[jQuery] jQuery Web Note

记些 jQuery 有的没的...


※ jQuery 同步
※ 网网相连
※ Plug-ins
※ 点滴生活

◎ Reveal.js -- HTML Presentations Made Easy 简报

Top 100 jQuery Plugins of 2012
http://www.jquery4u.com/plugins/top-100-jquery-plugins-2012-part-1/

7. qTip
10 Chosen
12 Social Media Tabs
13 ScrollTo
16 Knob Dial
19 Timing

Underscore.js
http://documentcloud.github.com/underscore/


※ jQuery 同步

☀ 黑大 -- 再谈 AJAX 调用的同步化 2013-10-17 ★★★★★
   初学者常犯的错误, 就算保证循序丢出 Ajax, 并不能保证循序回传, 没有顺序性是 HTTP 的一个特性!

☀ 黑大 -- CODE-以 jQuery 循序执行 AJAX 调用,并依结果决定是否继续 2012-9-5


※ 网网相连

◎ 追梦青年-专注C#与.NET -- JQuery.Ajax 之错误调试帮助信息 2014-7-23 ★★★★★

◎ Imran abdul ghani -- What’s new in jQuery 2.0? 2013-4-29

◎ SitePoint -- jQuery Grab-Bag: 10 New Plugins 2014-7-3
   3. ChatJS ★★★★★ 5. List.js ★★★★★ 7. BitSet.js

◎ Imran abdul ghani -- 7 jQuery Code Snippets every web developer must have 2013-9-3

◎ Fwolf's Blog -- jQuery 1.9 移除了 $.browser 的替代方法 2013-1-16 ★★★★★

◎ 无名指的约定 -- 力荐 75种jquery特效 一键下载 用过挺好的 2013-8-19 ★★★★★

◆ 大道无形 -- 接口开发过程中,会使用各种控件 2012-6-21 ★★★★★

◎ CSDN -- Jquery插件Nicescroll 制作漂亮的滚动条 2012-12-26

◎ 情伤 -- jQuery拼图游戏插件 2012-9-21 ★★★★★

◎ CodeProject scott_liu -- A jQuery Plug-in to Make Input Box Background Image Clickable 2012-6-17

◎ nettuts+ -- Screen Scraping with Node.js  2012-6-21 ★★★★

◎ Design2U [JavaScript] 10 个 JS、jQuery 性能调校方法 2012-4-5

◎ IT胖子的专栏 -- jQuery插件开发 2012-2-9 
   拓展类 $.extend(object); 基于对象的拓展  $.fn.extend(object);

◎ keakon的涂鸦馆 -- jQuery 1.6版发布,区分DOM的attributes和properties 2011-5-4  ★★★★★

◎ html5cn -- jquery学习必备代码和技巧 2011-10-18 ★★★★★

* 修改编码
$.ajaxSetup({
   ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"}
});

* 判断是否绑定事件
  var $events = $("#foo").data("events");
  if( $events && $events["click"] ){
    //your code
  }

* 切换模式表
  $('link[media='screen']').attr('href', 'alternative.css');

* 检测
检测Safari (if( $.browser.safari)),
检测IE6及之后版本 (if ($.browser.msie && $.browser.version > 6 )),
检测IE6及之前版本 (if ($.browser.msie && $.browser.version <= 6 )),
检测FireFox 2及之后版本 (if ($.browser.mozilla && $.browser.version >= ’1.8′ ))

* 屏幕的中心
   jQuery.fn.center = function () {
     return this.each(function(){
       $(this).css({
         position:'absolute',
         top, ( $(window).height() - this.height() ) / 2 + $(window).scrollTop() + 'px',
         left, ( $(window).width() - this.width() ) / 2 + $(window).scrollLeft() + 'px'
       });
     });
   }

   $(element).center();

* 从元素中除去HTML
   $.fn.stripHtml = function() {
     var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
     this.each(function() {
       $(this).html( $(this).html().replace(regexp,'') );
     });
     return $(this);
   }
   })(jQuery);

   $('p').stripHtml();

* 扩展String对象的方法 ★★★★★

◎ 鱼干的笔记本 -- ajax错误时,回传的 error message 内容 2010-6-25 ★★★★


※ Plug-ins                                                                                                                                                          

◎ SitePoint -- 4 jQuery Digital Signature Plugins 2014-7-11

◎ 彭博 -- 19个带示例的jQuery滚动条插件 2012-7-25

◎ tp_wire -- 6 个效果震撼的 jQuery 图片播放器 2012-7-4

◎ woisnong 13个绚丽的Jquery 接口设计 2012-4-12

◎ 10 个很棒的 JavaScript 颜色拾取器插件  2012-4-3

◎ Rainey -- 12 jQuery Loader, Progress Bar and Content Animations  2011-8-23

◎ LOLOTA -- [jQuery] 利用jQuery伪装图片上的浮水印 2010-6-2


※ 点滴生活 120912 Updated                                                                                                                       

◎ 点滴生活 -- query仿分页效果 2012-9-11

◎ 点滴生活 -- JavaScript性能优化 2012-9-11
   清单 17. 减少 reflow
  清单 18. 利用 display:none 减少 reflow

◎ 点滴生活 -- 纯css制作三角形箭头 2012-9-1

◎ 点滴生活 -- TextArea高度自适应 2012-8-21

◎ 点滴生活 -- JAVASCRIPT常用20种小技巧汇总 2012-8-24

  1. TEXTAREA自适应文字行数的多少
    

  3. ENTER键可以让光标移到下一个输入框 
    

  4. 预定秒数内自动转到指定网址
    
  5. 怎么改变滚动条的颜色
   scrollbar-arrow-color:上下按钮上三角箭头的颜色。
   scrollbar-base-color:滚动条的基本颜色。
   scrollbar-dark-shadow-color:立体滚动条强阴影的颜色
   scrollbar-face-color:立体滚动条凸出部分的颜色
   scrollbar-highlight-color:滚动条空白部分的颜色
   scrollbar-shadow-color立体滚动条阴影的颜色。
   scrollbar-track-color:#99CC33;
   scrollbar-3dlight-color:#A8CBF1;
   代码如下:
  

  6. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight
  7. 如何设定打开页面的大小
     打开页面的位置

  10. 网页不会被缓存
     
     
     
      或者

  12. 网页将不能被另存为

  15. 取消选取、防止复制
  16. onpaste="return false" 不准粘贴
  17. oncopy="return false;" oncut="return false;" 防止复制
  18. IE地址栏前换成自己的图标
  19. 可以在收藏夹中显示出你的图标
  20. 关闭输入法


~ THE END ~