SUPERMAN-代码收集狂

摘要： 在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论... 阅读全文

摘要： 以下是一些非常有用的jQuery提示和所有jQuery的开发技巧。我分享这些，因为我认为他们将是非常有用的给你。声明：我没有写下面的代码，但已经从Internet收集各种来源。1。优化性能复杂的选择查询DOM中的一个子集，使用复杂的选择时，大幅提高了性能：var subset = $("");$("input[value^='']", subset);2。设置上下文和提高性能jQuery核心功能上，指定上下文参数。指定context参数，允许从DOM中更深的分支，而不是从DOM根，jQuery来启动。鉴于一个足够大的DOM，指定上下文参数 阅读全文

摘要： 作为 Web 前端开发者，应该对 jQuery 比较熟悉，对免费开源的 jQuery 也用的非常多。但是随着 CSS3 标准的诞生和发展，很多 jQuery 插件也都纷纷应用了 CSS3 新标准，也因此让插件有更好的展示效果和用户体验。下面收集了几款灵巧实用的 jQuery 和 CSS3 插件工具，尤其是第一个滚动条你很可能会用到。1、jQuery 自定义滚动条你还在用浏览器自带的滚动条吗？如果你想给你的用户不一样的感觉，可以试试这款插件来自定义滚动条。在线演示/源码下载2、jQuery / CSS3 图片翻转效果这是一款利用 jQuery 和 CSS3 实现的图片翻转效果。在线演示/源码下载 阅读全文

摘要： jQuery 是一个非常棒的类库，但是为了保证代码的干净以及代码的精简，它只提供最核心的功能。所以就有了很多其他的工具来丰富jQuery的功能。我在使用这些工具的时候发现我常常重复的编写一些代码，所以我就开始把它们整理到一个类库中。我把这些代码都包装成了jQuery的代码，但这并不是必须的，你也可以在其他JS类库中使用他们，或者单独使用。你可以在这里下载这个类库。jQuery.postJSON()我不明白为何 jQuery 没有把这个方法加进去，虽然他们有 $.getJSON 方法。1$.postJSON(2"/put/path/here",3{val1:"Che 阅读全文

摘要： 介绍Droptiles是一套Metro风格的类似Win8的Web2.0控制面板。它采用图块（tiles）建立用户体验。图块（tiles）是一些可以从外部资源中获取数据的迷你应用。点击图块（tile）就能够启动全部应用。应用可以是任意已存在的网站，抑或专门为面板式体验而设计的自定义网站。Droptiles几乎全部是用HTML, Javascript 和CSS创建的，因此它具有很高的平台可移植性。示例工程采用ASP.NET创建，展示了一些服务端功能：如注册、登录以及从服务器获取动态数据。你也可以很容易地把它转变到PHP, Ruby, JSP或者其它平台。Droptiles是我之前编写的Dropth 阅读全文

摘要： 在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。1. 把你的代码全部放在闭包里面这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务，所以不存在这个问题，你可以把所有的代码都放在闭包里面。而方法可能应该放在Prototype方法内部，我们后面会 阅读全文

摘要： 1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag，何乐而不为呢？我们也可以使用免费的CDN服务，例如， Google来存放jQuery类库。2. 使用简单的选择器直到最近，返回DOM元素的方式都是解析选择器字符串，javascript循环和内建的javascript API例如，getElementbyId()，getElementsByTagName()，getElementsByClassName()三种方式的整合使用。但是现代浏览器都开 阅读全文

摘要： 由于其拥有庞大，实用的插件库，使得jQuery变得越来越流行。今天将介绍一些最好的jQuery树形视图插件，具有扩展和可折叠的树视图。这些都是轻量级的，灵活的jQuery插件，它将一个无序列表转换为可展开和折叠的树。Treeview – Expandable and Collapsible Tree jQuery PluginjQuery Treeview是一个轻巧和灵活的jQuery插件。它将一个无序列表转换成一个可扩展和可折叠的树，非常适合导航增强。示例jsTree – jQuery Tree PluginjsTree 是一个基于Javascript，支持多浏览器的Tree view jQ 阅读全文

摘要： 2006年1月，jQuery的第一个版本面世，至今已经有6年多了（注：这个时间点是截止至出书时间）。虽然过了这么久，但它依然以其简洁、灵活的编程风格让人一见倾心。在本篇文章中，我们将讲述jQuery的发展历史，让读者对jQuery有更多的了解。2005年8月，John Resig提议改进Prototype的“Behaviour”库，于是他在blog上发表了自己的想法，并用了3个例子做说明。第一个例子是为元素注册一个事件：Behaviour.register({'#example li': function(e){e.onclick = function(){this.paren 阅读全文

摘要： jQuery已经成为任何web项目的重要组成部分。它为网站提供了交互性的通过移动HTML元素，创建自定义动画，处理事件，选择DOM元素，检索整个document，让最终用户有一个更好的体验。在这篇文章中我已经收集了20 +个可重复使用的jQuery代码片段，你可以很容易地复制并直接粘贴到你的项目中。图片的延迟加载1jQuery(document).ready(function() {2jQuery("img.lazy").lazy({3delay: 20004});5});Source预先载入图像01(function($) {02varcache = [];03// Ar 阅读全文

摘要： 本文整理了 10 款非常好用的 jQuery 切换效果插件，包括平滑切换和重叠动画等，这些插件可以实现不同元素之间的动态切换。1. InnerFade这是一个基于 jQuery 的小插件，可以实现页面内的元素淡入淡出效果。源码/演示2. HighlightFade该插件可以实现高亮、缩放等效果。源码/演示3. Dynamic Page / Replacing Content使用按钮实现网页内容的动态切换。源码/演示4. jqFancyTransitions这是一个易于使用的插件，有多种切换效果来显示图片。源码/演示5. jQuery Cycle Plugin——浏览器效果该插件应用于缩略图，是 阅读全文

摘要： 先看下面的代码： var $ = KISSY.all; $(‘a’).on(‘click’,function(e){ doSomeThing();//这个方法貌似很有名 e.halt(); }); 上面的代码看起来像是很好的完成了我们交给它的工作，浏览器不会再将我们重定向到href中的链接，但这么做到底有什么不对呢？ 在解释有什么不对前，我们来看看浏览器中事件中的几个概念 浏览器默认行为 当我们点击某一个链接的时候，浏览器会直接跳转，在表单中按回车，表单会自动提交，这些都是浏览器的默认行为。 Javascript事件传播的机制 什么是事件冒泡？ 比如点击了一个按钮，这... 阅读全文

摘要： 现在浏览器种类也越来越多，诸如IE、Firefox、Chrome、Safari等等，因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。在FLASH9时代，有一个通杀所有浏览器的js复制内容到剪贴板的方案：这个方案是一个最流行的方法:著名的ClipboardCopy解决方案利用一个clipboard.swf作为桥梁，复制内容到剪贴板。原理是：创建一个隐藏的flash文件，同时给给flash的变量FlashVars赋值“clipboard=..”，通过这个赋值flash就会把复制的内容放到剪贴板。这个方法兼容IE、Firefox、Opera、chrome、Safari，真可谓 阅读全文

摘要： 在定义函数时，我们一般使用下面这两种方法：使用函数声明定义：123function sum (a, b) {return a + b;}使用函数表达式定义：123var sum = function (a, b) {return a + b;}调用方法都是一样的：如求“1+1”等于几：1alert(sum(1, 1));但这两种方法还是有区别的。解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用；而函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。示例：1234alert(sum(1, 1));func 阅读全文

摘要： 提到MySQL高可用性，很多人会想到MySQL Cluster，亦或者Heartbeat+DRBD，不过这些方案的复杂性常常让人望而却步，与之相对，利用MySQL复制实现高可用性则显得容易很多，目前大致有MMM，PRM，MHA等方案可供选择：MMM是最常见的方案，可惜它问题太多（What’s wrong with MMM，Problems with MMM for MySQL）；至于PRM，它还是个新项目，暂时不推荐用于产品环境，不过作为Percona的作品，它值得期待；如此看来目前只能选MHA了，好在经过DeNA大规模的实践应用证明它是个靠谱的工具。安装：作为前提条件，应先配置MySQL复制 阅读全文