一、前言 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 它即可以应用于容器中，也可以应用于行内元素。Flex布局，可以简便、完整、响应式地实现各种页面布局。[只有横向伸缩，没有纵向伸缩的，但是可以纵向排版] 二、flex简介 采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"...

扩展运算符(...)将一个数组转为用逗号分隔的参数序列作用：  1）将一个数组，变为参数序列  let add = (x, y) => x + y; let numbers = [3, 45]; console.log(add(...numbers))//48 2）使用扩展运算符展开数组代替apply方法，将数组转为函数的参数  //ES5取数组最大值 console.log(Math.max.apply(this,[654,233,727])); //ES6扩展运算符 console.log(Math.max(...[654,233,727])); 3）使用push将一个数组添加到另一...

1. 使用Math的静态方法max/min Math.max()函数返回给定的一组数中的最大值。它的语法：Math.max(value1[, value2, ...])使用此方法，需要注意，如果没有参数的话，则返回-Infinity。如果有任一参数无法被转换成数值，则返回NaN 1.1 结合ES6的扩展运算符...使用 扩展运算符，可以将数组形式转换为逗号参数的形式。 Math.max(...arr) 1.2 结合apply/call方法来使用 利用apply()方法的第一个参数可以改变this的指向，第二个参数是数组的形式，来完成这一需求。 Math.max.apply(null, arr)...

1. js的typeof返回哪些数据类型？ 答案：js有哪几种数据类型：object（复杂类型）number function boolean undefined string symbol(ES6)（基本类型）其中typeof isNaN //Function 2. 面向对象编程与面向过程编程的区别 答案：面向对象和面向过程是两种不同的编程思想。  面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。 面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。  3....

比较：    异同点 select datalist    多选 可以 不可以   缺失值 可以 不可以   查找 不可以 可以   增添选项 不可以 可以    datalist，标签定义选项列表，通常与input元素配合使用该元素，datalist元素的内容不会直接显示在网页上，只是会在用户输入时作为候选项  <form> 选择： <input type='text' name='capital' list='capitals' /> <datalist id='capitals'> <option value='南京'>北京</opt...

箭头函数： let fun = () => { console.log('lala'); }普通函数 function fun() { console.log('lalla'); }箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return。 箭头函数是匿名函数，不能作为构造函数，不能使用new let FunConstructor = () => { console.log('lll'); } let fc = new FunConstruc...

什么是Virtual DOM？ Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 为什么需要DOM？ 既然我们已经有了DOM,为什么还需要额外加一层抽象?  1. 首先，前端性能优化的一个秘诀就是尽可能少地操作DOM，DOM相对较慢，而且频繁变动DOM会造成浏览器的回流或者重绘，这些都是性能的杀手，因此我们需要这一层抽象，在patch过程中尽可能地一次性将差异更新到DOM中，这样保证了DOM不会出现性能很差的情况。 2. 其次，现代前端框架的一个基本要求就是无须手动操作DOM，不仅因为手动操作DOM无法保证程序性能,多人协作的项...

1. js的typeof返回哪些数据类型？  object number function boolean undefined string 其中typeof isNaN //Function 2. 面向对象编程与面向过程编程的区别 思维方式的区别面向过程：按步骤（顺序）来编程。如：C语言面向对象：找到角色，确定职责，以功能驱动 3. this的指向问题 ele.onclick = function(){ console.log(this);//指代ele元素 } function Person(name){ this.name = name; } let per = new Person()...

我所认识的作用域链https://juejin.im/post/59535cf66fb9a06bc06a37c6 什么是闭包（Closure） 闭包就是有权访问另一个函数作用域中的变量的函数 为什么需要闭包 局部变量无法共享和长久的保存，而全局变量可能造成变量污染，所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。 产生一个闭包 创建闭包最常见的方式：在一个函数内部创建另一个函数 var count=10;//全局作用域 标记为flag1 function add(){ var count=0;//函数全局作用域 标记为flag2 return function(){ count+...

前言 this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，如何准确判断this指向的是什么？ This是什么？ this 就是一个指针，指向调用函数的对象。this的绑定规则:  1. 默认绑定 2. 隐式绑定 3. 硬绑定 4. new绑定1. 默认绑定 默认绑定，在不能应用其它绑定规则时使用的默认规则，通常是独立函数调用。 function sayHi(){ console.log('Hello,', this.name); } var name = 'YvetteLau'; sayHi();//Hello, YvetteLau如果在...

前言 “JavaScript 是单线程、异步、非阻塞、解释型脚本语言。”浏览器进程 进程:浏览器一个页面就是新的一个进程,进程是CPU资源分配的最小单位（系统会给它分配内存）;  Browser进程 (http通信) 第三方插件进程 GPU进程(加速,3D渲染,一次) Renderer进程(新开页面渲染进程)    Render进程（浏览器渲染进程） 线程:线程包含在每个进程内,线程是CPU调度的最小单位（线程是建立在进程的基础上的一次程序运行单位，一个进程中可以有多个线程）;  GUI 渲染线程 JavaScript引擎线程 定时触发器线程(宏任务(异步任务)) 事件触发线程(宏任务(异步任...

前言  JS异步执行机制具有非常重要的地位，尤其体现在回调函数和事件等方面。  异步加载也叫非阻塞模式加载  同步或非同步，表明着是否需要将整个流程按顺序地完成  阻塞或非阻塞，意味着你调用的函数会不会立刻告诉你结果   javascript的单线程和异步  js是单线程语言（能提高效率。作为浏览器脚本语言，js的主要用途是与用户互动，操作DOM。而这也就决定它只能为单线程，否则会带来很复杂的同步问题），浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务形成一个任务队列排队等候执行，但前端的某些任务是非常耗时的，比如网络请求，定时器和事件监听，如果让他们和别的...

slice splice split 这三个真的更容易混淆 针对字符串的操作：split，slice  1. split -- 把一个字符串分割成字符串数组语法：string.split(separator,howmany) separator 必需。字符串或正则表达式，从该参数指定的地方分割 string。 howmany 可选。该参数可指定返回的数组的最大长度。注：如果把空字符串 ("") 用作 separator，那么 string中的每个字符之间都会被分割。注：string.split() 执行的操作与 arr.join() 执行的操作是相反的。 2. slice ...

互联网寒冬之际，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识点可能你之前从未关注过，或者看到了，却没有仔细研究，但是它们却非常重要。 1. 基本类型有哪几种？null 是对象吗？基本数据类型和复杂数据类型存储有什么区别？  1）js基本类型有6种：undefined,null,bool,number,string,symbol(ES6新增) 2）虽然typeof null返回的值是...