精华内容
下载资源
问答
  • 版本2.11更改:-将短名称更改为“ Trim:Netflix上的IMDB评分”。 版本2.10更改:-如果Netflix电影是在10天前更新的,则更新它们的评级。 2.9版更改:-修复了评级闲置数小时后消失的问题。 2.8版更改:-添加有关过滤...
  • 在Twitter的搜索栏中隐藏预测文本结果。 在Twitter上进行搜索时,您可能会遇到烦人的经历,其中您键入了查询字符串并要单击结果,但被Twitter的“您是不是要说?”的对等打断 >。<此扩展名隐藏了预测/“有用”...
  • jq对象中元素的个数 jQuery.trim(str)/$.trim(str) 返回String;去掉字符串起始和结尾的空格 jQuery.extend([deep], target, object1, [objectN]) 返回值:Object;用一个或多个其他对象来扩展一个对象,返回被扩展的...

    1   链式编程

    链式编程原理:return this;jQuery选择器本身是一个jquery对象,jQuery内部利用this返回了自己本身把自己本身作为对象再返回回来,对象就继续调用方法了,所以就可以链式操作了。

    通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 this。

    end(); // 结束当前链最近的一次过滤操作,并且返回匹配元素之前的状态。

    2   隐式迭代

    隐式迭代的意思是:在方法的内部会为匹配到的所有元素进行循环遍历,执行相应的方法;而不用我们再进行循环,简化我们的操作,方便我们调用。

    如果获取的是多元素的值,大部分情况下返回的是第一个元素的值。

    3   each()方法

    有了隐式迭代,为什么还要使用each函数遍历?

    大部分情况下是不需要使用each方法的,因为jQuery的隐式迭代特性。

    如果要对每个元素做不同的处理,这时候就用到了each方法

    作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数

    // 参数一表示当前元素在所有匹配元素中的索引号

    // 参数二表示当前元素(DOM对象)

    $(selector).each(function(index,element){});

    Element是一个 js对象,需要转换成jquery对象

    function(index,element)

    必需。为每个匹配元素规定运行的函数。

    • index - 选择器的 index 位置
    • element - 当前的元素(也可使用 "this" 选择器)

    案例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .box{
                width: 300px;
                padding: 50px 0;
                background-color: pink;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
    <div class="each">
        <button class="but">each()遍历</button>
        <div class="box">
            <ul>
                <li>https://blog.csdn.net/muzidigbig</li>
                <li>https://blog.csdn.net/muzidigbig</li>
                <li>https://blog.csdn.net/muzidigbig</li>
                <li>https://blog.csdn.net/muzidigbig</li>
            </ul>
        </div>
        <p>你既然认准一条道路,何必去打听要走多久。</p>
    </div>
    </body>
    <script src="jquery-3.3.1.js"></script>
    <script>
        //隐式迭代
        $('.but').mouseover(function () {
            $('li').css({'opacity':.5});
        });
        //回调函数中没有参数遍历当前对象
    //    $('.but').click(function () {
    //        $('li').each(function () {
    //            $(this).css('color','hotpink');
    //        })
    //    });
        //index选择器的索引位置;element当前对象
        $('.but').click(function () {
            $('li').each(function (index,element) {
                $(this).css('opacity',(index+1)/10);
            })
        });
    </script>
    </html>

     

    4    jQuery插件机制:

    jQuery.fn.extend(object)    返回jqAPI

    概述:扩展 jQuery 元素集来提供新的方法(通常用来制作插件),定义在jQuery.fn的基础上。

    参数为: 用来扩充的 jQuery 对象。

    1.jquery的插件,定义在jQuery.fn的基础上

    2.命名冲突的解决(立即执行函数)

    3.循环jQuery对象中的每个元素

    4.在函数中,将jQuery返回(this进行链式编程)

    案例:

    1)定义方法

    2)使用方法

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .box {
                width: 300px;
                padding: 50px 0;
                background-color: pink;
                cursor: pointer;
                text-align: center;
            }
        </style>
    </head>
    
    <body>
        <div class="event">
            <button class="but">jq插件</button>
            <div class="box">
                <p>https://blog.csdn.net/muzidigbig</p>
            </div>
            <p>你既然认准一条道路,何必去打听要走多久。</p>
        </div>
    </body>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></script>
    <script>
        /** 
        1.jquery的插件,定义在jQuery.fn的基础上
        2.命名冲突的解决(立即执行函数)
        3.循环jQuery对象中的每个元素
        4.在函数中,将jQuery返回(this)
        */
        //为jq添加插件
        //添加完毕后   $(secltor).插件名();如同调用jq提供的api一样使用
        (function ($) {
            $.fn.extend({
                changeYellow: function () {
                    /** 在这个方法中,我们可以使用$(selector)获取jq对象
                        this就是我们获取的jq对象(伪数组)
                        注意:容易将jq对象与dom对象搞混,所以建议用$_开头一看到$_开头的就知道是jq对象
                    */
                    var $_this = this;
                    function randomBg() {
                        var r = Math.floor(Math.random() * 256);
                        var g = Math.floor(Math.random() * 256);
                        var b = Math.floor(Math.random() * 256);
                        var a = Number(Math.random().toFixed(2));
                        return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
                    }
                    $_this.each(function(index, ele) {
                        
                        $(ele).css({ 'backgroundColor': randomBg() })
                    })
                    return $_this;
                }
            });
        })(jQuery); // 立即执行函数  解决命名冲突问题
        $('.but').on('click', function () {
            //调用我们自定义的新函数
            $('.box').changeYellow();
        })
    </script>
    
    </html>

    jQuery.extend(object)

    案例:

     

    1)定义jq对象

    2)使用jq对象

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .box{
                width: 300px;
                padding: 50px 0;
                background-color: pink;
                cursor: pointer;
                text-align: center;
            }
        </style>
    </head>
    <body>
    <div class="event">
        <button class="but">jq插件</button>
        <div class="box">
            <p>https://blog.csdn.net/muzidigbig</p>
        </div>
        <p>你既然认准一条道路,何必去打听要走多久。</p>
    </div>
    </body>
    <script src="jquery-3.3.1.js"></script>
    <script>
        $.extend({
            plus:function(a,b){return a+b;},
            multi:function(a,b){return a*b},
            max:function(a,b){return a>b?a:b;},
            min:function(a,b){return a>b?b:a;}
        });
        $('.but').on('click',function () {
            //调用我们自定义的jq本身对象
            var $plus = $.plus(2,3);
            console.log($plus);
        })
    </script>
    </html>

     

    补充知识:

     

    $('selector').length    返回number;jq对象中元素的个数

    jQuery.trim(str)/$.trim(str)    返回String;去掉字符串起始和结尾的空格

    jQuery.extend([deep], target, object1, [objectN])    返回值:Object;用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

    过滤:is(expr|obj|ele|fn)    返回值:Boolean;根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true

    案例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .box{
                width: 300px;
                padding: 50px 0;
                background-color: pink;
                cursor: pointer;
                text-align: center;
            }
        </style>
    </head>
    <body>
    <div class="event">
        <button class="but">jq插件</button>
        <div class="box">
            <p class="p">https://blog.csdn.net/muzidigbig</p>
        </div>
        <p > 你既然认准一条道路,何必去打听要走多久。</p>
    </div>
    </body>
    <script src="jquery-3.3.1.js"></script>
    <script>
        console.log($('div').length);
        var str = "   muzidigbig  ";
        console.log(str);
        console.log($.trim(str));
        var empty = {};
        var settings = { validate: false, limit: 5, name: "foo" };
        var options = { validate: true, name: "bar" };
        //将两个对象合并到第一个对象中(settins)后面对象中跟前面有重复的会把前面的给覆盖掉,若没有会添加
        var marge = jQuery.extend(settings, options);
        console.log(marge);
        console.log(jQuery.extend(empty,settings, options));
        console.log($('.box').is('li'));//false
        //要通过元素与元素之间的层级关系来判断
        console.log($('.box').children().is('.p'));//true
    </script>
    </html>

     

     

     

     

     

    若有不足请多多指教!希望给您带来帮助!

    展开全文
  • trim_video_plugin 一个新的Flutter插件。 入门 该项目是Flutter的起点,Flutter是一个特殊的程序包,其中包括针对Android和/或iOS的平台特定的实现代码。 要获得Flutter入门方面的帮助,请查看我们的,其中提供了...
  • jQuery插件的种类 1、封装对象方法 这种插件是将对象...如常用的jQuery.ajax()方法、去首尾空格的jQuery.trim()方法,都是jQuery内部作为全局函数的插件附加到内核上去的。 3、选择器插件 虽然jQuery的选择器十分强大
  • 参考了这两篇文章 https://segmentfault.com/a/1190000016450967 ... vscode安装插件eslint并配置settings.json (ctrl+shift+p 输入settings,在对象{ }第一级下提添加) "eslint.nodePath": "/usr/local/b...

    一 : 想要一个写出不是屎一样的代码,eslint检查代码规范和.prettierrc格式化代码是最好的选择了

    参考了这三篇文章 vue脚手架没开启eslint,根目录是不会有.eslintrc.js文件,需要按照下面操作
    https://segmentfault.com/a/1190000016450967
    https://www.jianshu.com/p/ea07cc2cf66b
    https://blog.csdn.net/dubinglin/article/details/78539223

    1. vscode安装插件eslint并配置settings.json (ctrl+shift+p 输入settings,在对象{ }第一级下提添加)
    "eslint.nodePath": "/usr/local/bin/node",
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue"
    ]
    

    然后一定在项目根目录中新建 .eslintrc.js 文件,里面代码如下

    module.exports = {
      extends: [ 'plugin:vue/essential', 'airbnb-base' ],
      rules: {
        'no-console': 'off',
      }
    };
    
    1. 上面配置好后,npm run serve 项目跑起来后,写个语法错误后会报错则为开启了eslint

    2. 让.prettier格式化保存后遵循eslint规范。
      配置链接
      在这里插入图片描述

    3. 如果自定义的打包配置webpack.config.js中设置了lintOnSave: false控制台会关闭语法警告

    module.exports = {
    	lintOnSave: true
    }
    
    1. 团队开发共用一套eslint规范,方便开发
      可以看看eslint规范
    展开全文
  • jQuery插件教程

    2015-01-04 15:02:09
    jQuery插件的分类 jQuery插件有很多,有UI类,表单验证,输入类,特效类,Ajax类,滑动类,导航类,工具类,动画类等等。 jQuery的插件主要分为三类...jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去

    jQuery插件的分类

    jQuery插件有很多,有UI类,表单验证,输入类,特效类,Ajax类,滑动类,导航类,工具类,动画类等等。

    jQuery的插件主要分为三类:

    1、封装对象方法的插件:也就是基于某个DOM元素的jQuery对象,局部性
    2、封装全局函数的插件:将独立的函数添加到jquery的命名空间之下。jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去的。
    3、选择器插件:扩充自己喜欢的一些选择器。类似于.toggle()
    

    插件的基本要点

     1. 插件的文件名推荐为 jquery.[插件名].js,例如jquery.validate.js
     2. 所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上
     3. 在插件内部,this指向的是当前通过选择器获取的jQuery对象,而不像一般的方法那样,例如click()方法,内部的this指向的是DOM元素
     4. 可以通过this.each来遍历所有元素
     5. 所有的方法或函数插件,都应当以分号结尾,否则压缩时可能出问题,有的为了更加稳妥些,在插件的开始处加上一个分号
     6. 插件应该返回一个jQuery对象,这样可以保证插件的可链式操作。除非插件需要返回的是一些需要获取的量,例如字符串或者数组等
     7. 尽量利用闭包技巧历来避免变量名的冲突
     8. 引入的自定义插件必须在jQuery库后面
    

    插件开发方式

    jQuery插件开发方式主要有三种:

    通过$.extend()来扩展jQuery
    通过$.fn 向jQuery添加新的方法
    通过$.widget()应用jQuery UI的部件工厂方式创建
    

    通常我们使用第二种方法来进行简单插件开发,而第一种方法是在jQuery命名空间上添加了一个静态方法,并不能让我们选中DOM元素,然后再调用该方法。而第三种并不常用,也较为复杂

    插件的结构

    在开始编写jQuery插件时,我们有必要了解一下插件的基本结构,所有的jQuery插件都声明为jQuery.fn对象的方法:

    jQuery.fn.showPlugin = function () {
          //code here
    };
    

    我们使用如下代码使用插件:

    $("#plugin").showPlugin();
    

    这里,我并没有使用$,这是为了避免命名冲突,如果要用 $ 的话,可以像下面这样把插件代码封装在一个自执行的匿名函数中,然后传入参数jQuery

    (function($){
        jQuery.fn.showPlugin = function () {
            //code here
        };
    })(jQUery);
    

    $.extend

    .extend()允许你使用一个或多个对象扩展基准对象,扩展的方式是依序将右边的对象合并到基准对象(左边第一个对象)。

    ;(function($){
        $.extend({
            'nav' : function () {
    
            }
        })
    })(jQuery);
    

    我们通过如下方法使用该全局方法:

    $.nav();
    

    前面(见:浅析jQuery整体框架与实现(上))我们说过,$.extend是全局性的,而$.fn.extend是局部性的,前面之所以要加分号是因为为了防止在此之前引入的js文件没有加分号

    $.fn.myPlugin = function() {
        //在这里面,this指的是用jQuery选中的元素
        //example :$('a'),则this=$('a')
        this.css('color', 'red');
    }
    

    this指代jQuery选择器返回的集合。在插件里的this,经过了一些封装处理,this就是表示jQuery对象。而不需要再次使用$()进行包装了

    链式调用

    要让插件实现链式调用只需要return该对象即可:

    $.fn.myPlugin = function() {
        this.css('color', 'red');
        return this.each(function() {
            //对每个元素进行操作
            $(this).append(' ' + $(this).attr('href'));
        }))
    }
    

    使用return this.each(function () {} 这样就实现了我们的链式操作。

    接收多个参数

    $.fn.myPlugin = function(options) {    //经常用options表示有多个参数。
        var defaults = {
            'color': 'red',
            'fontSize': '12px'
        };
        var settings = $.extend(defaults, options);
        return this.css({
            'color': settings.color,
            'fontSize': settings.fontSize
        });
    }
    

    调用时,字体大小会运用插件里的默认值:

    $('a').myPlugin({
        'color': '#2C9929'
    });
    
    展开全文
  • 艾恩JavaScript插件

    2009-03-08 17:33:01
    艾恩JavaScript插件 --力推3大功能:拖动,ajax以及编辑器 插件简要说明 1、包括3大功能。AJAX、拖动(Drag)功能... _.trim(str) 去除str两侧的空格,类似于ASP中的Trim 。。。。。。 注:来自网络,非常好用。
  • sublime 插件学习

    2013-02-16 01:03:00
    trim_trailing_white_space.py 插件学习 trim_trailing_white_space.py 插件学习 说实话,有点没看明白这个功能 #获取匹配结果 self.view.find_all('[\t ]+$') #获取edit view.begin_edit()...

    trim_trailing_white_space.py 插件学习

    trim_trailing_white_space.py 插件学习
     
    说实话,有点没看明白这个功能
     
    #获取匹配结果
         self.view.find_all('[\t ]+$')
     
    #获取edit
         view.begin_edit()
         要结束
         view.end_edit()
     
    #移除buffer
         view.erase(edit, region)

    mark.py 插件学习

    mark.py 插件学习
     
    #绘制mark
         self.view.add_regions('mark', [s for s in self.view.sel()], 'mark', 'dot', sublime.HIDDEN | sublime.PERSISTENT)
         仅供参考,详细看api

    font.py 插件学习

    font.py 插件学习
     
    #获取配置,保存配置
         s = sublime.load_settings('filename')
         s.get('name')
         s.set('name', value)
         sublime.save_settings('filename')

    goto_line.py 插件学习

    goto_line.py 插件学习
     
    #跳到某一行:
         self.view.show(region)
     
    #某一行的region:
         a = self.view.text_point(line)
         sublime.region(a,a)
     
    #最后一行:
         line = self.view.line(self.view.size())

    duplicate_line.py 插件学习

    duplicate_line.py 插件学习
     
     
    duplicate_line 的功能:
         #如果没有选中文本,则赋值光标所在行,然后赋值插入到上一行
         #如果选中文本,则赋值选择的文本,插入文本前面
     
     
    #判断选中文本与否:
         region = self.view.sel()
         region.begin() == region.end()
         或者 region.empty()
         或者 region.size() == 0
     
    #赋值某一行:
         self.view.substr(self.view.line(region/point)) + '\n'
         或者 self.view.full_line(region/point)
     
    #插入文本:
         self.view.insert(edit, point, text)

    delete_word.py 插件学习

    delete_word.py 插件学习
     
     
     
    delete_word 的功能如下:
         #如果已经选择一段文本,则直接删除那段文本结束
         #于光标位置向前/向后选择一个单元,然后delete
         #如果光标在空格或者换行符,则忽略空格换行符的,按第二布执行
     
    #获取某个位置的字符
    view.substr(pt)
     
    #获取选中的位置是
    for e in reversed(self.view.sel()):
         pt = e.b
     
    #判断是否单元的方法是
         classes = 
              sublime.CLASS_WORD_END | sublime.CLASS_PUNCTUATION_END | sublime.CLASS_LINE_START
              sublime.CLASS_SUB_WORD_END
              sublime.CLASS_WORD_START | sublime.CLASS_PUNCTUATION_START | sublime.CLASS_LINE_END
              sublime.CLASS_SUB_WORD_START
              sublime.CLASS_WORD_START | sublime.CLASS_PUNCTUATION_START | sublime.CLASS_LINE_END
              sublime.CLASS_WORD_END | sublime.CLASS_PUNCTUATION_END | sublime.CLASS_LINE_START
         #以上四个判断选择参考 delete_word.py
         self.view.classify(pt) & classes
         
    #判断是否选择一段文本的方法是
         e.empty()
     
    #删除一段文本
    view.run_command('right_delete')
    view.run_command('left_delete')
     
    #还没有弄清楚的地方是
    classes 的原理,部分classes的代码表示(CLASS_PUNCTUATION_END CLASS_SUB_WORD_END)
    view.run_command('add_to_kill_ring', {'forward':forward})
     

    转载于:https://www.cnblogs.com/liyatang/archive/2013/02/16/2913095.html

    展开全文
  • jQuery插件类型 jQuery插件主要有3种类型: 1、封装对象方法的插件 这种插件类型是最常见的一种插件,它将对象...如解决冲突用的jQuery.noConflict()方法,常用的jQuery.ajax()和jQuery.trim()方法等。 3、选...
  • 编写自己的jquery插件

    2019-09-25 02:27:40
    如何编写自己的jquery插件 Jquery的插件主要分为三类:...Jquery.ajax()和jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去的。 3、选择器插件:扩充自己喜欢的一些选择器。 编写Jquery插件的基本...
  • 编写jQuery插件

    2014-12-26 11:45:00
    jQuery插件,其实就是通过jQuery的命名空间来调用的方法和函数。  jQuery插件分为三种:  1....全局的插件,在jQuery的命名下调用的,比如:jQuery.trim() 通过jQuery.extend()方法来拓展,这...
  • IDEA 常用插件积累

    2019-05-29 21:57:31
    加速插件市场加载: File-Settings 搜索: Updates - 去掉Use secure connection勾选 ... 插件推荐:String Manipulation : 选中区域右键String Manipulation-Filter/Remove/Trim-Remove empty lines,去除...
  • MybatisCodehelperPro插件

    千次阅读 2019-09-27 10:10:02
    功能 通过方法名(不需要方法的返回值和参数 会自动... sql全自动提示,sql正确性检测,插件会识别mybatis的一系列标签 如 include trim set where,在这些标签之后的sql可以自动提示数据库的字段,检测sql的正确...
  • ale_linters = {'python': ['flake8'], 'reStructuredText': ['rstcheck']}let g:ale_fixers = {'python': ['remove_trailing_lines', 'trim_white...
  • JQuery插件写法教程

    2015-06-07 12:59:05
    jQuery插件的分类 jQuery插件有很多,有UI类,表单验证,输入类,特效类,Ajax类,滑动类,导航类,工具类,动画类等等。 jQuery的插件主要分为三类: ...jquery.trim()就是jquery内部作为全局函数的插件添加到内
  • 资源处理类 资源引用查询 ...功能:把TexturePacker合成的大图拆分成原始小图,并正确还原trim 后的图片大小 点评:是谁做了这么无聊的功能?哦,我理解了,方便程序员扒拉别人游戏里的美术资源,我猜...
  • jquery插件的写法

    2015-01-16 22:24:00
    一.JQuery的插件主要分为3种: 1.封装对象方法的插件。...如JQuery.ajax(),JQuery.trim()方法 3.选择器插件。 二.JQuery的插件机制: i.JQuery提供了两个用于扩展JQuery功能的方法,jQuery.fn.extend(...
  • 编写自己的JQUERY插件

    2013-01-18 09:11:10
    如何编写自己的jquery插件 ...Jquery.ajax()和jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去的。 3、选择器插件:扩充自己喜欢的一些选择器。 编写Jquery插件的基本要点: 、一般命名的时候最
  • jQuery的插件主要分成3种类型。 1.封装对象方法的插件 这种插件是将对象方法封装起来,用于对通过选择器获取的...例如jQuery.noConflict()方法、常用的jQuery.ajax()方法以及去除首位空格的jQuery.trim()方法等...
  • vim ale插件

    千次阅读 2017-12-25 16:14:55
    下载flake8 pip install flake8 下载 pip install rstcheck在vimrc中添加let g:ale_linters = {'python': ['flake8'], 'reStructuredText': ['...let g:ale_fixers = {'python': ['remove_trailing_lines', 'trim
  • Jquery的插件主要分为三类: ...1、封装对象方法的插件:大部分插件都是封装对象的插件 ...2、封装全局函数的插件:将独立的函数添加到...Jquery.ajax()和jquery.trim()就是jquery内部作为全局函数的插件添加到
  • 前端国际化插件

    2016-08-22 15:20:30
    前几天因为工作需要,写了个前端国际化的插件,现公开出来和大家分享,若有不足,请大家踊跃给出意见。JavaScript代码:i18n.js$(function(){ // 去掉字符串两端的空白字符 function trim(str){ return str....

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 201
精华内容 80
关键字:

trim插件