近期前端复习笔记0524

 

01 jQuery.noConflict()

参考：https://www.cnblogs.com/laoyu/p/5189750.html

语法：

jQuery.noConflict();// 默认false
 or
var jayquery = jQuery.noConflict( true );

作用：

为了避免全局命名空间污染，jQuery提供了jQuery.noConflict()方法解决变量冲突。

适用场景：

一般而言，有两种情况。
第一种情况，你的业务代码采用了最新版的jQuery库，而你选用的第三方插件依赖的更早版本的jQuery库；
第二种情况，你正维护着一个系统，它已有的业务代码由于各种原因，引用了较老版本的jQuery库，你新开发的模块采用的是其他版本的jQuery库。

code事例：

<!-- jQuery and $ are undefined -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- jQuery and $ now point to jQuery 1.10.2 -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
<!-- jQuery and $ now point to jQuery 1.7.0 -->

<script>jQuery.noConflict();</script>
<!-- jQuery still points to jQuery 1.7.0; $ now points to jQuery 1.10.2 -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
<!-- jQuery and $ now point to jQuery 1.6.4 -->

<script>var jquery164 = jQuery.noConflict( true );</script>
<!-- jQuery now points to jQuery 1.7.0; $ now points to jQuery 1.10.2; jquery164 points to jQuery 1.6.4 -->

 

 

02 "use strict" 

参考：http://ourjs.com/detail/52f572bf4534c0d806000024

语法：

// file.js
"use strict"
function doStuff(){
    // use strict is enabled here!
}

 or

// file.js 仅想在某一个函数中使用
function a(){
    "use strict";
    // use strict is enabled in this context
    function nestedFunction(){
        // and here too
    }
}

作用：

一种在运行时自动执行更严格的JavaScript代码解析和错误处理的方法。如果代码错误被忽略或失败，将会产生错误或抛出异常。

主要优点：

1抛错使调试更容易 2防止意外全局 3不允许重复的参数值

03 过滤所有键盘能输入的字符

参考：http://www.jb51.net/article/72867.htm

code：

var reg = new RegExp("[`~!@#$%^&*()_\\-+=|{}:;\",\\[\\].<>/?\\·~！@#￥……&*（）——|{}【】‘；：”“。，、？《》\\\\｀～¥＝＋－＊＃％［］｛｝｜／]");

特殊点：

1 过滤“ \ ” 用 \\\\

2 过滤“ - ” 用 \\- // 基本转义用\\，以下第3条特殊

3 过滤“ " ” 用 \"

4 未过滤“ ' ” 和 空格

04 过滤非数字／字母／汉字

参考：http://www.jb51.net/article/72867.htm

code：

var reg = /[^\u4e00-\u9fa5a-zA-Z0-9]/g;

特殊点：

1 “ ^ ” 出现在[后^，表示非（0-9 数字，a-zA-Z 大小写字母，\u4e00-\u9fa5 中文的编码）

2 “ g ”出现在/g后，表示匹配每一个字符内容

＊参考链接：
https://www.itcodemonkey.com/article/3440.html