js

webpack 　　定义：webpack是前端资源加载或打包工具， 　　　　资源：img、css、js、json等； 　　用法： 　　 打包JS文件： 　　　第一步： 　　　　 1.首先创建一个新的文件夹，注意要使用字母，为了方便往下编辑，再次是为了提升自己的知识涵养。 　　　　然后shift键加鼠标右击，在当前创建目录下打开powershell窗口 　　　　然后配置模块说明文件···输入指令 ： 　　　　　　 npm init 　　　　　　 　　　　　　然后生成一个package.json的模块； 　　　　　　 　　　　　　 name - 包名。 　　　　　　version - 包的版本号。 　　　　　　　　 　　　　　　description - 包的描述。 　　　　 　　　　　　homepage - 包的官网 url 。 　　　　　　author - 包的作者姓名。 　　　　　　contributors - 包的其他贡献者姓名。 　　　　　　dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。 　　 　　　　　　 repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。 　　　　　　main - main 字段指定了程序的主入口文件，require(

Js将字符串转换为特定的编码，使其能够被任意的计算机识别和读取 1.escape 方法 对 String 对象编码以便它们能在所有计算机上可读， escape(charString) 必选项 charstring 参数是要编码的任意 String 对象或文字。 说明 ： 　 escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以 及 其他非 ASCII字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是"%20 " 。 字符值大于 255 的以 %uxxxx 格式存储。 　　注意 :escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI和encodeURIComponent 方法。 2.unescape 方法 解码用 escape 方法进行了编码的 String 对象。 unescape(charstring) 必选项 charstring 参数是要解码的 String 对象。 说明 ： unescape 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的字符都用 ASCII 字符集中等价的字符代替。 以 %uxxxx 格式（Unicode 字符）编码的字符用十六进制编码 xxxx 的

//region安全的类型检测 //可靠的方法：在任何值上调用原生toString()方法，都会返回一个[object NativeConstructorName]格式的字符串。每个类内部都有一个[Class]属性 这个属性指定了对应的构造函数名 var va = []; //alert( Object.prototype.toString.call( va ) );//[object Array] //endregion //region作用域安全的构造函数 function Person1( name, age ) { this.name = name; this.age = age; } var person1 = new Person1( "zodiac", 22 ); //每当使用new时 构造函数内的this对象会指向新创建的对象示例 //当没有使用new创建构造函数时出错 直接调用构造函数 this会映射到全局window对象 person1 = Person1( "zodiac", 22 ); // alert(window.name);//"zodiac" //解决方案： function Person2( name, age ) {//instanceof用来在运行时指出对象是否是特定类的一个实例 if ( this instanceof Person2 ) {

var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; function addEventHandler(oTarget, sEventType, fnHandler) { if (oTarget.addEventListener) { oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { oTarget.attachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = fnHandler; } }; function Each(arrList, fun){ for (var i = 0, len = arrList.length; i < len; i++) { fun(arrList[i], i); } }; function GetOption(val, txt) { var op = document.createElement("OPTION"); op.value = val; op.innerHTML = txt;

高级函数 由于在 JS 中，所有的函数都是对象，所以使用函数指针十分简单，也是这些东西使 JS 函数有趣且强大 安全的类型检测 JS 内置的类型检测机制并不是完全可靠的 typeof 操作符返回一个字符串，表示未经计算的操作数的类型，在大多数情况下很靠谱，但是当然还有例外 正则表达式 typeof /s/ === 'function'; // Chrome 1-12 , 不符合 ECMAScript 5.1 typeof /s/ === 'object'; // Firefox 5+ , 符合 ECMAScript 5.1 NULL typeof null === 'object'; // 从一开始出现JavaScript就是这样的 在 JavaScript 最初的实现中， JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 null 代表的是空指针（大多数平台下值为 0x00 ），因此， null 的类型标签也成为了 0， typeof null 就错误的返回了 object instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性 语法 object instanceof constructor(要检测的对象 instanceof 构造函数) 但是在浏览器中

在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。 JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,string)，也可能是对象。 一、由一对大括号括起来 var emptyObj = {}; var myObj = { ' id ' : 1 , // 属性名用引号括起来，属性间由逗号隔开 ' name ' : ' myName ' }; // var m = new myObj(); //不支持 　　不知你注意到对象都是用 var 声明的没有，像上面的代码，就只是简单的声明一个对象，它只有一份拷贝，你不能像实例化类对象一样对它采用new操作，像上面代码的注释部分。这样就极大的限制了对象的重用，除非你建立的对象只需要一份拷贝，否则考虑用其他方法建立对象。 　　下面一起看看如何访问对象的属性和方法。 var myObj = { ' id ' : 1 , ' fun ' : function () { document.writeln( this .id + ' - ' + this .name);

1.值类型与引用类型 值类型会指向同一个内存地址，而引用类型不会。 let array = [1,2,3,4] let msg = array msg[1] = "weizhuren" console.log(msg)//[1, "weizhuren", 3, 4] console.log(array)//[1, "weizhuren", 3, 4] console.table(array)//以表格形式打印 let a = 99 let b = a b++ console.log(a,b)//99 100 2.多维数组操作 多为数组可以使用以下方式定义，但是在开发过程中我们通常使用数组内定义对象的方式。 let array = ["wei",["zhu","ren"]] console.log(array[1][1]) let msg = [{name:"weizhuren",department:"erbihou"}] console.log(msg[0].name) 3.Array.of与数组创建细节 如果在一个长度为n的数组中新增加一个n+m（m>1）的元素，那么中间没有定义的元素会全部定义为undefined。 let array = ["weizhuren"] array[2] = "erbihou" console.log(array)//["weizhuren",

所谓的函数柯理化，简单来说就是，一个需要接收多个参数的函数，进行分开一个个的传递参数，当函数执行的时候，传递剩余的参数。 主要作用在于增强函数的通用性。 如下举个例子： function custom(fn){ var arg=Array.prototype.slice.call(arguments,1); console.log(arg) return function(){ var otherArg=Array.prototype.slice.call(arguments); console.log(otherArg); var newArg=arg.concat(otherArg); return fn.apply(null,newArg) } } var mathAdd=function(num1,num2){ return num1+num2 } var nowMath=custom(mathAdd,10); console.log(nowMath(5)) 来源： https://www.cnblogs.com/bing1991/p/10180115.html

前言 javaScript 字符串用于存储和处理文本，几乎被所有的编程语言所实现（然而c、c++没有提供）。多数开发者几乎每天都在和字符串打交道，语言内置的String模块，极大地提升了开发者的效率。本文对js字符串常用的方法进行了整理 字符串属性 属性 描述 constructor 返回创建字符串属性函数 length 返回字符串的长度 prototype 允许您向对象添加属性和方法 字符串方法 charAt（） 返回在指定位置的字符 例子1： 返回字符串中的第三个字符 var str = "HELLO WORLD"; var n = str.charAt(2) console.log(n); 运行结果 例子2： 返回字符串中的最后一个字符 var str = "HELLO WORLD"; var n = str.charAt(str.length-1); console.log(n); 运行结果 charCodeAt（） 返回在指定的位置的字符的Unicode编码 例子1： 返回字符串第一个字符的 Unicode 编码 var str = "HELLO WORLD"; var n = str.charCodeAt(0); console.log(n); 运行结果 例子2： 返回字符串中最后一个字符的 Unicode 编码 var str = "HELLO WORLD"; var

建立在抽象的基础上 一、封装: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="css/game.css" type="text/css" rel="stylesheet" /> <script language="JavaScript" type="text/javascript"> function Person(name,age1,sal1){ this.name=name; // 私有 var age=age1; var salary=sal1; this.show=function(){ window.alert(age+" "+salary); } //私有可以访问属性，但是外部调用不行 function show2(){ window.alert(age+" "+salary); } } var p1=new Person("sp",20,50000); window.alert(p1.name+" "+p1.age); p1.show(); </script> </head> <body> </body> </html> View Code proptype对所有的方法添加方法，当时不能访问私有对象和方法 <!DOCTYPE html> <html>