前端-黎姿

https://www.cnblogs.com/ruimintan/p/14229532.htmlhttps://www.cnblogs.com/tcz1018/p/14073558.htmlhttps://blog.youkuaiyun.com/qq_34543252/article/details/105411422

https://www.cnblogs.com/jdWu-d/p/12036528.html

以前一看到这些js深层原理的文章觉得很难理解，现在看的文章多了，慢慢发现也没有很难。所以遇到困难不要怕，迎难而上，有些文章会讲解的比较通俗易懂，慢慢就懂了~~~加油！！JavaScript 是单线程的,，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？浏览器执行线程在解释事件循环之前首先先解释一下浏览器的执行线程：浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等其包含的线程有：G

js类型在js中，js的类型分为两个大类，分别是基本数据类型和引用数据类型。我们暂时先抛开ES6不说，先只说在ES5中的类型。在ES5中有5中简单数据类型（也就是上面说的基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。其中可以算在object中的还有Array和Function。在内存当中，基本数据类型存放在栈中，引用数据类型存放在堆中。说到这里就要说一下内存空间了，一般来

一、构成浏览器作为一个客户端，也是使用最广的一款软件，主要使用c++代码编写，他的主要构成：1. 用户界面：包括地址栏、后退/前进按钮、书签目录、刷新按钮等。也就是除了显示请求内容的主窗口之外的部分。2. 浏览器引擎：用来查询和操作渲染引擎的接口。3. 渲染引擎(呈现引擎)：用来处理资源内容，并显示处理结果，也就是我们所说的内核。4. 网络：完成网络调用。**5. UI后端 : **底层使用操作系统的用户接口，具有不特定平台的通用接口。6. js解析器 :解释执行js脚本。**7

面试被问到说一下缓存策略，说不出什么东西惭愧，特此学习记录所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）上两张形象的图片：第一次请求：非第一次请求：以上面这两张图为基础，可以简单的讲讲http缓存，应付面试绝对够了：首先你得了解输入url到看见页面，发生了什么（这个也是面试经常问的！！网上的解答也不太一样，其实这个能用自己的话说出来就可以）1、首先，在浏览器地址

改变this指向的方法有什么？有什么区别call:第一个参数：this指向,如果要传参，后面依次是参数,cal 的特点就会直接调用函数apply:参数 1 是一样的 需要改变this指向的地方,参数 2 数组,特点 第二个参数是一个数组,它自己会把数组摊开,按照下标作为实参传给对应函数的形参bind:bind 只改变this指向 需要手动调用 ! ! !创建对象方法new 操作符 + Object 创建对象字面式创建对象;如var person ={name: “lisi”,a..

昨天面试被问到，要改变一个树形结构里面对象的所有key，不知道数据长度怎么做答案：递归自己调用自己，然后使用object.keys方法改变key例子：数据的结构var data = [{ id: 1, name: '家电', goods: [{ id: 11, gname: '冰箱', goods: [{

定义纯函数是这样一种函数，即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用。所以我们可以看出纯函数的定义：相同输入必定能得出相同输出。函数执行过程中没有任何副作用。辨认纯函数/** * 下面例子是个正例(Positive ), * 我们可以看出slice函数输入相同的情况下输出必定相同， * 而且并不会对array造成影响（内部元素并不会变化）并且也不会对其他环境造成可预见的影响， * 所以我们可以说slice是纯函数 **/let array = [0,1,2,3,4

一、节流定义：被高频触发的事件，在n秒内一定会且只会执行一次应用例如（在服务器不行的时候）搜索框的关键词提示搜索在一定时间内只提示一次// 节流实现function throttle(func){ // 设置专属的函数执行状态管理 let isRunning = false; return function(){ // 如果已经有计时器在执行了就不执行事件处理 if(isRunning) return; // 在设置计时器之前

一、jquery选择器性能优化建议总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$( ‘#content’ ).hide();或者从ID选择器继承来选择多个元素:$( ‘#content p’ ).hide();在class前面使用tagjQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用ta

http请求方法a. http 1.0: get, post, head(只返回响应头内容)b. http 1.1: 新增了5中请求方法：option, put, patch, delete（删除指定页面）, trace, connecthttp状态码有什么100继续，200成功，301（资源永久移除到其它url）307（临时重定向）400（客户端错误，请求包含语法错误或请求无法完成）500（服务端错误）跨域底层原理：Webpack Proxy工作原理（本地跨域）首先强调的是w..

一、sort()方法var data = [{name:‘1’,time:‘2019-04-26 10:53:19’},{name:‘2’,time:‘2019-04-26 10:51:19’},{name:‘3’,time:‘2019-04-26 11:04:32’},{name:‘4’,time:‘2019-04-26 11:05:32’}]data.sort(function(a,b){return a.time < b.time ? 1 : -1});二

一、map()：通过指定函数处理数组的每个元素，并返回处理后的数组。var numbers = [4, 9, 16, 25];23 function myFunction() {4 console.log(numbers.map(Math.sqrt)); // 2,3,4,55 }map() 方法会将数组中元素依次传入方法中，并将方法的返回结果组成新数组返回。传入的function可以有自己的三个形参，currentValue, index,arr分别代表当前元素，元素索引，元素所

一、for循环for(var num = 1;num<10;num++){console.log(num);//1,2,3,4,5,6,7,8,9}**二、while循环 **var num = 1;//1、声明循环变量while (num<10){//2、判断循环条件;console.log(num);//3、执行循环体操作；num++;//4、更新循环变量；}三、do-while循环while循环特点：先判断后执行；do-while循环特点：先执行再判断，即使初始

一、for循环嵌套，利用splice去重function newArr(arr){for(var i=0;i<arr.length;i++){for(var j=i+1;j<arr.length;j++){if(arr[i]==arr[j]){//如果第一个等于第二个，splice方法删除第二个arr.splice(j,1);j–;}}}return arr;}var arr = [1,1,2,5,6,3,5,5,6,8,9,8];console.log(newArr

一、数组排序方法：sort()方法eg:var arr = [22,12,3,43,56,47,4];arr.sort();console.log(arr); // [12, 22, 3, 4, 43, 47, 56]注意：JavaScript中数组的sort()方法主要用于对数组的元素进行排序。其中，sort()方法有一个可选参数。但是，此参数必须是函数。 数组在调用sort()方法时，如果没有传参将按字母顺序（字符编码顺序）对数组中的元素进行排序，如果想按照其他标准进行排序，就需要进行传一

charAt（）返回指定位置字符concat（）连接字符串indexof（）首次出现的位置includes（）lastindexof（）slice（）返回提取部分split（）将字符串分割成字符串数组startswith（）查看字符串是否以指定字符串开头substr（）从起始索引号提取字符串中指定数目字符10.substring（）提取字符串中两个指定索引号之间的字符toLo...

abs（）绝对值ceil（）向上取整floor（）向下取整random（）0~1之间的随机数

getDate( ) 返回一个月的某一天getDay（）返回一周中某天（0-6）getFullYear（）返回年份getHour（）getMillisecond（）返回毫秒getMinute（）getMonth（）getSeconds（）getTime（）返回19701月1日至今毫秒数...

Array对象Boolean对象Date对象Number对象Math对象String对象RegExp对象全局属性和函数

数组方法总结concat( ) 连接数组，返回新的结果every(）　监测数组每个元素是否符合条件，返回ｔｒｕｅ或者ｆａｌｓｅｆｉｌｔｅｒ　（） 返回符合条件的所有元素find （）返回传入测试条件的第一个元素findindex( ) 返回传入数组符合条件的第一个元素的索引indludes （）判断数组是否包含特定值indexof (）传入数组的一个元素找到其索引isArra...