摘要: 从用户输入URL到浏览器呈现页面经过了哪些过程? 1、用户输入URL,浏览器获取URL 2、浏览器进行DNS解析(如果输入的是IP地址,此步骤省略) 浏览器根据地址去本身缓存中查找dns解析记录,如果有,则直接返回IP地址,否则浏览器会查找操作系统中(hosts文件)是否有该域名的dns解析记录,如 阅读全文
posted @ 2019-08-05 11:11 sunidol 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 互联网寒冬之际,各大公司都缩减了HC,甚至是采取了“裁员”措施,在这样的大环境之下,想要获得一份更好的工作,必然需要付出更多的努力。 一年前,也许你搞清楚闭包,this,原型链,就能获得认可。但是现在,很显然是不行了。本文梳理出了一些面试中有一定难度的 高频原生JS问题 ,部分知识点可能你之前从未关 阅读全文
posted @ 2019-08-05 11:10 sunidol 阅读(506) 评论(0) 推荐(1) 编辑
摘要: slice splice split 这三个真的更容易混淆 针对字符串的操作:split,slice + 1\. split 把一个字符串分割成字符串数组 语法:string.split(separator,howmany) separator 必需。字符串或正则表达式,从该参数指定的地方分割 st 阅读全文
posted @ 2019-08-05 11:09 sunidol 阅读(1457) 评论(0) 推荐(0) 编辑
摘要: 前言 + JS异步执行机制具有非常重要的地位,尤其体现在回调函数和事件等方面。 + 异步加载也叫非阻塞模式加载 + 同步或非同步,表明着是否需要将整个流程按顺序地完成 + 阻塞或非阻塞,意味着你调用的函数会不会立刻告诉你结果 javascript的单线程和异步 + js是单线程语言(能提高效率。作为 阅读全文
posted @ 2019-08-05 11:08 sunidol 阅读(6004) 评论(0) 推荐(0) 编辑
摘要: 前言 “JavaScript 是单线程、异步、非阻塞、解释型脚本语言。” 浏览器进程 进程 :浏览器一个页面就是新的一个进程,进程是CPU资源分配的最小单位(系统会给它分配内存); + Browser进程 (http通信) + 第三方插件进程 + GPU进程(加速,3D渲染,一次) + Render 阅读全文
posted @ 2019-08-05 11:06 sunidol 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 前言 this关键字是JavaScript中最复杂的机制之一,是一个特别的关键字,被自动定义在所有函数的作用域中, 如何准确判断this指向的是什么? This是什么? this 就是一个指针,指向调用函数的对象。 this的绑定规则: 1. 默认绑定 2. 隐式绑定 3. 硬绑定 4. new绑定 阅读全文
posted @ 2019-08-05 11:05 sunidol 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 我所认识的作用域链 https://juejin.im/post/59535cf66fb9a06bc06a37c6 什么是闭包(Closure) 闭包 就是有权访问另一个函数作用域中的变量的函数 为什么需要闭包 局部变量无法共享和长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长 阅读全文
posted @ 2019-08-05 11:04 sunidol 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 什么是Virtual DOM? Virtual DOM是对DOM的抽象,本质上是JavaScript对象(也就是通过JavaScript语言来描述一段HTML代码),这个对象就是更加轻量级的对DOM的描述. 虚拟DOM首次产生是React框架最先提出和使用的,其卓越的性能很快得到广大开发者的认可,继 阅读全文
posted @ 2019-08-05 11:02 sunidol 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 箭头函数: 普通函数 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return。 箭头函数是匿名函数,不能作为构造函数,不能使用new 结果: 报错 Unca 阅读全文
posted @ 2019-08-05 10:54 sunidol 阅读(633) 评论(0) 推荐(0) 编辑
摘要: 比较: |异同点| select |datalist | : : | : : | : : | 多选 |可以 |不可以 缺失值 |可以| 不可以 查找| 不可以 |可以 增添选项| 不可以 |可以 + datalist,标签定义选项列表,通常与input元素配合使用该元素,datalist元素的内容不 阅读全文
posted @ 2019-08-05 10:53 sunidol 阅读(2914) 评论(0) 推荐(0) 编辑
摘要: 1. js的typeof返回哪些数据类型? 答案: js有哪几种数据类型: object(复杂类型) number function boolean undefined string symbol(ES6)(基本类型) 其中typeof isNaN //Function 2. 面向对象编程与面向过程 阅读全文
posted @ 2019-08-05 10:44 sunidol 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 1. 使用Math的静态方法max/min 函数返回给定的一组数中的最大值。 它的语法: 使用此方法,需要注意,如果没有参数的话,则返回 。如果有任一参数无法被转换成数值,则返回 1.1 结合ES6的 使用 扩展运算符,可以将数组形式转换为逗号参数的形式。 Math.max(...arr) 1.2 阅读全文
posted @ 2019-08-05 10:33 sunidol 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 扩展运算符(...)将一个数组转为用逗号分隔的参数序列 作用: + 1)将一个数组,变为参数序列 + 2)使用扩展运算符展开数组代替apply方法, 将数组转为函数的参数 + 3)使用push将一个数组添加到另一个数组的尾部 + 4)合并数组 + 5)将字符串转换为数组 + 6)转伪数组为真数组 + 阅读全文
posted @ 2019-08-05 10:26 sunidol 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 一、前言 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 设为Flex布局以后,子元素的float、clear和vertical align属性将失效。 它即可以应用于容器中,也可以应用于行内元素。Flex布局,可以简便、完整、响应式地实现各种页面布局。 阅读全文
posted @ 2019-08-05 10:21 sunidol 阅读(339) 评论(0) 推荐(0) 编辑