week3总结

用户6878385871395
101 阅读5分钟

面试题1.手写冒泡排序 var arr=[1,2,5,3,4]; for(var j=1;j<arr.length;j++){ for(var i=0;i<arr.length-j;i++){ if(arr[i]>arr[i+1]){ var m=arr[i]; arr[i+1]=arr[i]; arr[i]=m;}}} 面试题2.找到所有关键字下标 var str="no zuo no die no can no bibi"; var index=-1;关键引入一个-1； while((index=str.indexOf("no",index+1))!=-1){ console.log("找到了，下标为"+index)} 面试题3. tofixed底层逻辑
function dy(num,d){ num*=Math.pow(10,d); num=Math.round(num); num/=Math.pow(10,d); return num; } var result=dy(Math.PI,3); console.log(result) 面试题4 求数组最大最小值 2种方法；

  • 数组剩下的API；

    arr.sort();升序，按照第一位Unicode排，所以会出bug；
解决办法arr.sort(function(a-b){return a-b}) 升序；降序换个位置就行；
*arr.push():结尾入

    var arr=arr.pop():结尾删除 arr.unshift():开头插入 var arr=arr.shift();开头删除；

  • 创建 访问二维数组

    • var people=[ ['李白','48'], ['杜甫','29'], ['李琪','18']]； 访问people[r][c]; 遍历 for(var r=0;r<people.length;r++){ for(var c=0;c<people[r].length;c++){ console.log(people[r][c])}}

  • 数组和字符串都能用的api slice concat

  • 字符串的API 1.转义字符：\ 当字符串出现了和程序冲突的字符；\n换行 可以书写uncode代表字\u4e00代表第一个字； 2.*英文转大小写 比较验证码时可以使用 语法 大写 var A=str.toUperCase(); 小写 var a=str.toLowerCase(); 3.获取字符串中的ascii码； str.charAt(i); 4.*获取字符串某个字符的ascii码 str.charCodeAt(i); *通过ascii码转原文； str.fromCharCode(); 5.*****检索字符串 用来判断有没有；不重复；str.indexOf("关键字"，starti) 只要返回值是-1；说明没有找到；用来判断
    6.拼接字符串 var newstr=str.concat(str1,str2) 7.截取字符串 var newstr=str.slice(strati,endi+1);韩头不含尾，end+1 var subStr=str.substring(starti,endi+1);几乎和slice一致，但是不如slice，因为不支持负数参数 var subStr=str.substr(starti,n); 截取的个数，不必考虑含头不含尾 8.替换字符串 var newstr=str.replace("固定关键字"/RegExp,"新内容")； 9.*****切割/分割字符串：功能：字符串<=>数组 var arr=str.split("自定义切割符")

  •    JS创建页面元素并且渲染上DOM树：3步

    1、创建空标签： var 新元素=document.createElement("标签名");

    2、为此标签设置必要的属性和事件 新元素.属性名="属性值"; 新元素.on事件名=function(){操作}

    3、把新元素上DOM树 父元素.appendChild(新元素);

  • 正则表达式：定义字符串中【字符出现规则】的表达式 最简单的正则：关键字原文，但是写法和以前的字符串不同，"no" -->/no/ig i：忽略大小写 g：全部，替换的话默认只会替换第一个匹配到的关键字

  1. 备选字符集：一个备选字符集：规定一位字符可能出现的情况/[备选字符集]/ 1.一个中括号，只能管一个字 2.正则默认只要满足后，就不再管后续操作，后续用户就可以乱来！ 2.特殊：1、如果备选字符集种有部分unicode号是连续的，则可用-省略掉中间部分 3.一位数字：[0-9] 一位字母：[A-Za-z] 一位数字、字母、下划线：[0-9A-Za-z_] 一位汉字：[\u4e00-\u9fa5];
  2. 预定义字符集：前辈们提前定义了的一些常用的字符集 一个数字：\d === [0-9] 一位数字、字母、下划线：\w === [0-9A-Za-z_] 一位空白字符：\s === 空格、制表符、换行 不管是备选字符集还是预定义字符集，一个都只管一位 4.量词：规定了一个字符集出现的次数
  3.   1、有明确数量：
 		字符集{n,m}：前边相邻的字符集最少出现n次，最多出现m次
 		字符集{n,}：前边相邻的字符集最少出现n次，多了不限
 		字符集{n}：前边相邻的字符集必须出现n次
                    
  2、没有明确数量：
 		字符集?：前边相邻的字符集，可有可无，最多一次
 		字符集*：前边相邻的字符集，可有可无，多了不限
 		字符集+：前边相邻的字符集，至少一次，多了不限

5.指定匹配位置： ^：以xxxxx开头 $：以xxxx结尾

6、选择和分组： 选择：可以再多个条件中选择一个 规则1|规则2

		分组：选择和分组一般来说都是需要搭配使用的 - 添加了子规则
			(规则1|规则2)

7.应用：//4-6位密码，可以输入字母数字，但是必须要有一位大写和一位数字的组合 var reg=/^(?![0-9a-z]+)(?![A−Za−z]+)(?![A-Za-z]+)[0-9A-Za-z]{4,6}$/

4-6位密码，可以输入字母数字，但是必须要是3者的组合 var reg=/^(?![0-9a-z]+)(?![A−Za−z]+)(?![A-Za-z]+)(?![0-9A-Z]+)[a−zA−Z0−9]4,6)[a-zA-Z0-9]{4,6}/;

*****字符串支持正则的API： 1、切割：var arr=str.split("固定切割符"/RegExp); 2、替换:str=str.replace(/正则表达式/gi,"新内容"); 高级替换法 str=str.replace(/[我卧握][草去操曹]+/g/,function(key,i,str){return key.length==2?"":"";}) 3.格式化var str="420115199607278733"; var reg=/\d{6}(\d{4})(\d{2})(\d{2})\d{4}/ str=str.replace(reg,function(key,a,b,c,i,str){ return a+"年"+b+'月'+c+"日"})

  • *****正则对象 创建：var reg=/正则表达式/后缀； 构造函数方式：var reg=new RegExp（"正则表达式","后缀"）； 验证：var bool=reg.test('用户输入')；
  • Math对象
  • Math.PI
  • Math.ceil 向上取整
  • Math.floor 向下取整
  • Math.round 四舍五入；
    • Math.pow（底数，幂）；
  • Math.PI.toFixed(d)
  • Math.sqrt 开方
  • Math.abs()
    • Math.max/min(num1,num2);可以获取传入的参数最大最小；可是不支持传入数组
  • 解决办法 Math.max/min.apply(Math,arr); apply作用打散数组；
  • Math.abs(num);将负数变为正数；
  • 随机数 Math.random()(max-min+1)+min

  1. Date

    • var now=new Date（）；
    • 创造自定义时间 var zdy=new Date（"2019/11/1 hh:mm:ss"）
    • 复制一个对象 var end=new Date（start）
    • API操作 年月日星期：FullYear Month Date Day 时分秒毫秒：Hours Minutes Seconds Milliseconds Error syntaxError 语法错误 一定是符号/语法写错； ReferenceError 引用错误 没有创建就去使用了 typeError 使用了不属于自己的属性方法； rangError 范围错误；只有一个API会遇到，num.toFixed(d); 解决 是用if else 或者try catch这个性能不好 if(d>=0&&d<=100){ // console.log(num.toFixed(d)); // }else{ // alert("传入的小数位数，必须在0~100之间"); // } *******函数对象 创建 1、声明方式：function 函数名(形参列表){函数体;return 返回值;} - 完整的声明提前 2、直接量方式：var 函数名=function(形参列表){函数体;return 返回值;} - 完整的声明提前扩展：d1.onclick=function(){} 3、构造函数方式： var 函数名=new Function("形参1",....,"函数体;return 返回值;"); 、***重载（overload）：相同函数名，根据传入的实参的不同，会自动选择对应的函数执行 为什么：减轻程序员的负担！ 问题：JS的语法不支持重载！JS不允许同时存在多个同名函数，如果同时存在，最后一个的函数会覆盖掉之前所有的 解决：在函数内部有一个对象：arguments函数中，自带的，不需要我们创建的，是一个【类数组】对象，作用：接受住所有的实参 1、都可以用下标访问某个元素rguments[i] - 传入的某个实参 2、都可以用length获取到长度arguments.length 3、可以遍历拿到每一个元素 - for循环 强调：类数组对象不是数组，所有的数组的API，类数组都不能使用 优点：何时使用：1、以后不需要形参，也可以接住所有的实参！2、变相实现重载：在函数内部判断传入的实参（个数、类型）的不同，执行不同的分支操作

    6、***匿名函数：创建的函数，没有函数名引用着 何时使用：如果函数，只会执行一次 为什么：节约内存，匿名函数没有变量引用着，用户，就会自动释放 如何使用： 1、匿名函数自调：只会执行一次，执行完毕后会自动释放，代替全局写法，节约内存空间 (function(){ console.log("我是匿名自调"); })();

            2、*匿名函数回调：将函数调用时，传入的实参，又是一个匿名函数，不需要我们程序员调用，会由主函数自动执行
 	确实是前辈们，怎么规定，我们怎么使用，但是我们了解到，原来这个回调函数不是没有调用，只不过是前辈们提前帮我们调用好了
 	我们学习的主要目的：
 		1、你要认识哪些叫做回调函数 - 匿名函数，只要不是自调，就是回调
 			arr.sort(function(a,b){return a-b;})
 			str.replace(reg,function(){})
 			d1.onclick=function(){} - 就算你听懂了怎么简化为箭头函数，也暂时不要在事件上写箭头函数
                 ***函数的执行原理：5步 - 为什么会有变量的使用规则，为什么函数中的东西会自动释放
 1、程序加载时
 	创建执行环境栈（ECS）：保存函数调用顺序的数组
 	首先压入全局执行环境（全局EC）
 	全局EC中引用着全局对象window
 	window中保存着全局变量

 2、定义时：
 	创建函数对象：封装代码段
 	在函数对象中定义了scope属性，记录着函数来自的作用域
 	全局函数的scope都是window

 3、调用前：
 	在执行环境栈ECS中压入新的函数的EC
 	创建出活动对象（AO）：保存本次函数调用用到的局部变量
 	在EC中添加了scope chain（作用域链）属性引用着AO
 	设置AO的parent属性为函数的scope引用的对象

 4、调用时：
 	变量的使用规则：优先使用局部变量，局部没有找全局，全局没有就报错

 5、调用完：
 	函数的EC会出栈，AO自动释放，局部变量也就自动释放
                 两链一包：
 	作用域链（scope chain）：以函数的EC中的scope chain属性为起点，经过AO逐级引用，形成的一条链式结构
 	作用：查找变量，带来了变量的使用规则：优先使用局部变量，局部没有找全局，全局没有就报错
                 *****闭包：保护一个可以【反复使用的局部变量】的一种词法结构
 为什么：全局变量：缺：容易被污染
               局部变量：缺点：一次性
                       	如何使用：
 	1、两个函数进行嵌套
 	2、外层函数创建受保护的局部变量，并且返回内层函数
 	3、内层函数在操作受保护的局部变量
                 强调：
 1、判断闭包，有没有两个函数在嵌套，并且外层函数创建了变量，return了内层函数
 2、外层函数调用几次，就创建了几个闭包，受保护的变量就有了几个副本
 3、同一次外层函数调用，返回的内层函数，都哦是使用同一个受保护的变量	缺点：唯一的缺点：受保护的变量永远不会被释放，过度使用闭包，会导致内存泄漏
         	使用场景：防抖节流：减少DOM树的修改，提升性能 - 3个事件会非常的影响性能，性能差、
 	1、elem.onmousemove - 鼠标移动就会触发，触发次数很多很快，但是不要让他疯狂的渲染DOM
 	2、window.onresize       - 窗口的尺寸只要发生变化就会触发，触发次数很多很快，但是不要让他疯狂的渲染DOM
 	3、input.oninput	      - input框输入的内容发生变法，就会触发

 	防抖节流公式：
 	function fdjl(){
 		var timer;//受保护的变量
 		return function(){//操作受保护的变量
 			if(timer){clearTimeout(timer)}
 			timer=setTimeout(function(){
 				//考虑你要做的操作是什么
 			},1000)
 		}
 	}
 	var inner=fdjl();//inner()内层函数才是写在事件中的操作

、*****Object：面向对象开发方式： 三大特点：封装、继承、多态 面试题：简单的说一下你了解的面向过程和面向对象 开发方式的区别？ 面向过程：开始->经过->结束，我们从开始到现在学习写法的一直都是面向过程 一个人：出生->成长->工作->结婚->死亡 面向对象：对象（属性和方法），如果这个世界有各种属性和各种方法，但是连一个对象/生物都没有，那这些东西就没有具体的意义 我们把所有的代码全部包含在一个对象中来进行描写，才更符合现实生活 一个人：属性：身高、体重、姓名、性别 方法：吃饭、睡觉、玩耍

	之前用的11个引用类型对象，都是浏览器的js解释器提供的，我们直接学习如何使用，但是我们现在可以学习如果创建属于自己的对象

专门为创建多个对象准备的 自定义构造函数方式：2步 1、创建构造函数 function 类名(name,age,hobby,...){ this.name=name; this.age=age; this.salary=salary; ... }

			2、调用自定义构造函数创建出对象
				var obj=new 类名(实参,...);
avatar
文章
阅读
粉丝