2017

01-10 eslint和editorconfig教程
01-10 Atom编辑器配置
01-04 CSS 设置background-image通用方法

2016

12-29 JQuery.proxy使用方法
12-25 Laravel中间件解决Ajax跨域问题
12-22 在Windows环境中添加laravel homestead虚拟机教程
12-19 修改phpstorm主题
12-16 使用Repository模式开发Laravel项目
12-16 如何使用ES6 (Babel)
12-09 CSS3 flex结合flex-flow制作流布局页面
12-09 对比jekyll 和 bundle exec jekyll
12-07 解决Git 删除已经 add 的文件
12-04 Mac下配置多个github用户SSH认证
12-03 github-pages 未限定版本,导致 jekyll 启动不兼容
12-01 transition结合transform制作出3D效果
10-14 js根据秒数显示指定格式的字符串
10-14 如何制作jquery插件
10-14 移动端绑定手机页面
10-13 Html5 Audio事件loadeddata和addEventLister之间的特殊关系
10-09 学习CSS3特性REM
10-07 解决macos sierra 备忘录崩溃问题
10-06 Markdown 语法和 MWeb 写作使用说明
10-06 好用的Markdown编辑器一览
10-06 如何使用MWeb
10-06 Jekyll Page Comment
10-05 在github pages上面搭建jekyll 博客使用方法
10-05 Welcome to Jekyll!

这里有段jquery插件的典型代码,可以参考一下:

;(function($,window,document,undefined){
    //我们的代码。。
    //blah blah blah...
})(jQuery,window,document);

再详细一点的代码:

;(function($, window, document,undefined) {
    //定义Beautifier的构造函数
    var Beautifier = function(ele, opt) {
        this.$element = ele,
        this.defaults = {
            'color': 'red',
            'fontSize': '12px',
            'textDecoration': 'none'
        },
        this.options = $.extend({}, this.defaults, opt)
    }
    //定义Beautifier的方法
    Beautifier.prototype = {
        beautify: function() {
            return this.$element.css({
                'color': this.options.color,
                'fontSize': this.options.fontSize,
                'textDecoration': this.options.textDecoration
            });
        }
    }
    //在插件中使用Beautifier对象
    $.fn.myPlugin = function(options) {
        //创建Beautifier的实体
        var beautifier = new Beautifier(this, options);
        //调用其方法
        return beautifier.beautify();
    }
})(jQuery, window, document);

参考地址:

http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html