2017年08月_jiaojsun

原创关于数组（二）

4. sort排序无序变有序<script>var arr = [ 'c', 'd', 'a', 'e' ];arr.sort();alert( arr );//acde 按照字符的编码值排序var arr2 = [ 4,3,5,5,76,2,0,8 ];arr2.sort();alert( arr2 );//0,2,3,4,5,5,76,8 按照字符串方式排序arr2.sort(func

2017-08-31 23:27:36 181

原创 web前端（未完）

4. 有没有写过单元测试，用什么写的Bower - 客户端代码包管理工具 Http-Server - 简单的本地静态web服务器 Karma - 单元测试工具 Protractor - 端到端 (E2E) 测试工具单元测试：npm test会自动打开谷歌浏览器和火狐，点击debug、再打开控制台可以查看报错信息。测试成功时，命令行窗口会返回success信息。 npm run updat

2017-08-31 22:20:56 239

原创 webpack打包常见报错

1. webpack打包报错:ERROR in Error: Child compilation failed:Entry module not found: Error: Can’t resolve ‘html-loader’ in ‘D:\Documents\Gi tHub\webpack-demo’: 如下图片所示解决办法：npm install html-loader

2017-08-29 23:00:35 3731

原创事件默认行为_默认事件（未完）

onkeydown : 当键盘按键按下的时候触发 onkeyup : 当键盘按键抬起的时候触发 /*event.keyCode : 数字类型键盘按键的值键值 ctrlKey,shiftKey,altKey 布尔值当一个事件发生的时候，如果ctrl || shift || alt 是按下的状态，返回true，否则返回false */document.onkeydown

2017-08-29 22:05:58 350

原创事件的取消

1. 第一种事件绑定形式的取消obj.onclick=fn;这种形式的取消。function fn1() { alert(1);}function fn2() { alert(2);}document.onclick = fn1;document.onclick = null;//取消2. 第二种事件绑定形式的取消ie : obj.detachEvent(事件名称，事件函数)

2017-08-27 23:58:31 214

原创事件流中的事件捕获

Ie下是没有的捕获事件的，在绑定事件中，标准下是有的首先来回顾一下事件冒泡<body> <div id="div1"> <div id="div2"> <div id="div3"></div> </div> </div></body>window.onload = function() { var oDiv1 = d

2017-08-27 23:41:20 349

原创事件绑定的第二种形式

1. 事件绑定的第一种方式给一个对象绑定一个事件处理函数的第一种形式在上一节提过，obj.onclick = fn;如下所示function fn1() { alert(this);}document.onclick = fn1;这种方式会存在一个问题，即后面的事件会覆盖前面绑定的事件，如下所示，只会弹出2.function fn1() { alert(this);}func

2017-08-27 21:46:11 199

原创事件流中的事件冒泡

1. 事件冒泡的概念事件函数绑定：给**加事件，给元素加事件处理函数。举个栗子。//oDiv1.onclick = fn1; 事件函数绑定。告诉div1，如果他接收到了一个点击事件，那么他就去执行fn1 //我在马路边捡到一分钱，把他交个警察叔叔我.on马路边捡到一分钱 = function() { 把他交个警察叔叔 }事件冒泡 : 当一个元素接收到事件的时

2017-08-27 20:31:59 255

原创焦点事件

焦点 : 使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入。我们可以通过一些方式给元素设置焦点 1）.点击 2）.tab 3）.js不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点onfocus : 当元素获取到焦点的时候触发 onblur : 当元素失去焦点的时候触发 var oText = document

2017-08-27 17:31:53 247

原创 BOM相关方法和属性

1. BOM1）打开，关闭窗口open()方法，打开窗口open(页面的地址url，打开的方式) 方法打开一个新的窗口(页面) 如果 url 为空，则默认打开一个空白页面如果打开方式为空，默认为新窗口方式打开返回值：返回新打开的窗口的 window 对象close()方法关闭窗口window.close(); 1. ff : 无法关闭

2017-08-27 00:48:17 715

原创字符串详解

1. 字符串获取类、封装检测数字的方法var str = '妙味课堂';alert( str.length );//6//charAt() 找到字符串中的某一个，不写默认第0个alert( str.charAt(1) );//味//charCodeAt() 找到相应的编码值alert( str.charCodeAt() ); // 22937alert( str.charCodeAt(1)

2017-08-26 23:33:10 442

原创关于数组（一）

1. 数组定义及清空数组效率问题两种定义方式，第一种更好 var arr = [ 1,2,3 ]; var arr = new Array(1,2,3);注意：下面第一种写法表示创建一个长度为3的数组，下面表示创建【3】这样的数组。var arr = new Array(3);var arr = new Array('3');数组中的length是一个可读可写的属性var arr = [ 'aa

2017-08-26 14:59:56 227

原创关于json

1. json数据格式及json语法基本格式var json = { name : 'leo', age : 32 };alert( json.name );下面两种写法都可以，第二种安全。var json2 = { name : 'miaov' };var json2 = { 'name' : 'miaov' };// alert( json2.name );// alert( json2[

2017-08-23 22:40:36 203

原创 JavaScript优化-DOM

JavaScript优化-DOM1. 什么是DOM用于操作XML和HTML文档的应用程序 DOM节点(ul,li)DOM树(DOM节点的整体)DOM API getElementByIdchildNodesappendChildinnerHTML2. Dom与JavaScript1)概念 - 浏览器会把dom与js独立实现 - 像两个独立的小岛 -

2017-08-23 16:41:33 211

原创对象引用

1. 比较赋值和引用赋值引用（对象和函数都是引用的关系）如下是因为a,b共用一个地址如下b=[1,2,3,4]，相当于给b新建了一个地址，a和b的地址不一样 2. 浅拷贝和深拷贝拷贝一个对象如下从上面可以看出来obj的a值也被改变了，为了避免这个问题(浅拷贝)var obj={a:10};function copy(obj){ var newObj={}; for

2017-08-22 18:43:45 200

原创事件委托

1. 概念事件委托：利用冒泡的原理，把事件加到父级上，触发执行效果，如下所示：window.onload=function(){ var oUl=document.getElementById('ul1'); var aLi=document.getElementsByTagName('li'); oUl.onclick=function(){ alert(123); }}<ul

2017-08-21 23:11:50 177

原创 arguments实参集合与局部变量、参数关系

1. argumentsvar a=1;function fn2(a){ arguments[0]=3; alert(a);//3 var a=2; alert(arguments[0]);//2}fn2(a);alert(a);//1其中参数a, arguments[0]=3;var a=2;指的是同一个东西，所以fn2里面的alert(a)为3，

2017-08-20 21:58:47 266

原创函数返回值-return详解及应用

1. returnreturn 返回值数字、字符串、布尔、函数、对象（元素/[]/{}/null）.未定义fn1();//100function fn1(){ return 100;}alert(fn2());//弹出function (){ // alert(1); //};function fn2(){ return funct

2017-08-20 11:55:07 4385 1

原创 JS数据类型、类型转换

1. JS数据类型及相关操作ECMAScript：标准、核心 HTML标签类型：block,inline,inline-block,table… JS中的数据类型：数字number,字符串string,布尔值boolean,函数function,对象(obj/[]/{}/null) typeof判断数据类型2. 数据类型转换-NumberNumber():可以将类似于数字的字符串转换成数字va

2017-08-19 22:11:06 369 1

原创函数传参、重用、价格计算

1. 函数传参、参数类型1）什么叫函数传递参数，如下所述参数=JS的数据类型数字、字符串、布尔、函数、对象、未定义fn1(100);function fn1(a){ alert(a);//100}函数作为参数的时候fn3(function(){alert(1);});function fn3(fn){ fn();}弹出1fn3(function(a){alert(a);}

2017-08-19 14:56:06 254

原创 this指向及this应用

1. 初识thisthis：指的是调用当前方法（函数）的那个对象 alert(this);//object window 代码1：注意，此时弹出window，但是如果fn1();变成oBtn.onclick=fn1;则弹出oBtn。代码2：此时this指的是input;<input id="btn2" type="button" onclick="alert(this);" value="按

2017-08-19 14:14:56 254

原创 JS作用域和预解析机制

1. 作用域域：空间、范围、区域。。。作用：读、写alert(a);var a=1;结果为undefinedalert(a);var a=1;直接报错(因为没有找到var) 浏览器：JS解析器。 1）找一些东西：var function 参数 ① 找到a=未定义（undefined），所有的变量，在正式运行代码之前，都提前赋

2017-08-08 22:53:03 525

原创 js中的闭包

1. 什么是闭包闭包:弹出5 下面这种情况会被垃圾回收机制回收 2. 闭包的好处1）希望一个变量长期驻扎在内存中 2）避免全局变量的污染 alert（a），会弹出1，但是尽量不要全局变量，所以这种写法不好。将a变成局部变量，但是因为垃圾回收机制，所以不累加，每次弹出来都是a。要想实现既要把a变为局部变量，又要累加，可以使用闭包，如下所示。 alert(a)会报错。 3

2017-08-06 21:51:28 190

原创函数属性 arguments

1. 函数属性& arguments区分严格模式和一般格式的不同 2. apply/call方法（浏览器）在一般模式下 call第一个参数应该为对象，但是100不是对象。所以会被转成Number(100)这个对象第二个类似当为null/undefined时，会指向全局对象window 在严格模式下当为null/undefined时，this的输出会使本身，即null/undefin

2017-08-06 16:54:29 309

原创 Js中的this

1.全局的this全局作用域上的this等于window2. 一般函数的this以下是一般模式和严格模式的区别。注意：global object针对的是nodejs。3. 对位对象方法的函数的this(常用)左边：函数作为对象的属性，this指向对象o,console.log实际上指的o.prop,所以输出37。右边：在function inde

2017-08-06 15:33:33 239

原创 Web前端（待续）

1. web前端工程师职业规划任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习之后的大量实践。 1）职业方向定位：资深WEB前端工程师。理由：热爱，这是一条单纯的路，更多的是花费精力在技术的钻研上，而不是其他琐事。 2）职业发展目标大抵可分解为三个阶段：起步阶段，提升阶段，成型阶段。三个阶段有不同的目标起步阶段基础知识的掌握常用工具的掌握（

2017-08-02 00:05:31 397

转载 Markdown（CSDN教程）

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-08-01 22:30:18 213

原创函数声明和函数表达式

1. 函数声明和函数表达式函数声明的写法有一种，函数表达式有四种 2. 函数声明和函数表达式的区别函数声明会被前置函数表达式也会被提前，但是提前的是var add(即undefined)所以函数声明可以在前面使用函数表达式不可以在前面使用再举一个栗子 <script type="text/javascript"> fn1();//不会报错，因为"

2017-08-01 17:27:06 473

jiaojsun的博客