js-----2

lauren_liuling 发布于2019-08-23 17:53 / 931人阅读

摘要：方法是一个链式操作，用来分别指定成功和失败的回调函数，方法可以接受两个参数，第一个对应状态的回调，第二个对应状态的回调。

box-sizing

box-sizing: content-box; //标准盒模型
box-sizing: border-box;  //ie盒模型

NaN typeof 是什么 null undifined

NaN结果是number，null结果是object，函数结果是function。

intanceof如何使用 es6和es5的实现继承的区别，例如es6用class

ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上。
es6通过class定义类，类通过extends关键字实现继承，子类必须在constructor方法中调用super方法。

Es6中class关键字如何定义私有属性

使用get和set实现。

Generator

最⼤的特点就是可以控制函数的执⾏。
特点：
Generator 函数神奇之一：g()并不执行g函数
g()并不会执行g函数，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，也就是迭代器对象（Iterator Object）。
分段执行
yield：函数体内部使用yield语句，定义不同的内部状态，控制产出。

闭包的常用场景

setTimeout

封装某些功能的时候

js几种实现包装的方法 如何优化DOM操作

减少dom的操作次数
选择dom节点时尽可能使用querySelector()，querySelectorAll()

为什么要重写promise的then方法？

每次调⽤ then 之后返回的都是⼀个 Promise，并且是⼀个全新的 Promise，原因也是因为状态不可变。

promise的then的第二个参数和catch的区别

promise里面接收一个参数，参数是函数。这个函数里面传入两个参数：resolve和reject，resolve是异步操作执行成功的回调函数，reject是异步操作执行失败的回调函数，resolve是将Promise的状态置为fullfiled，reject是将Promise的状态置为rejected。
then方法是一个链式操作，用来分别指定成功和失败的回调函数，then方法可以接受两个参数，第一个对应resolve状态的回调，第二个对应reject状态的回调。Promise对象除了then方法，还有一个catch方法，用于指定发生错误时的回调函数，其实它和then的第二个参数一样，用来指定reject的回调。
区别：then 的第一个函数出错了，后面的catch可以捕获，写到then的第二个函数则捕获不到。

如果我直接在代码里写个a，会报什么错？

a is not defined。

Webpack用到哪些？ loader plugin的区别用过什么plugin treeshaking是什么 如何添加header头

addHeader(name, value);

前端安全 XSS / CSRF 及如何防范 event loop？

不同的任务源会被分配到不同的 Task 队列中，任务源可以分为微任务（microtask）和宏任务（macrotask）。在 ES6 规范中，microtask 称为 jobs，macrotask 称为 task。
Event Loop 执⾏顺序如下所示：

⾸先执⾏同步代码，这属于宏任务

当执⾏完所有同步代码后，执⾏栈为空，查询是否有异步代码需要执⾏

执⾏所有微任务

当执⾏完所有微任务后，如有必要会渲染⻚⾯

然后开始下⼀轮Event Loop，执⾏宏任务中的异步代码，也就是setTimeout中的回函数.

宏任务：setTimeout、setInterval、setImmediate、requestAnimationFrame。
微任务：Promise.then catch finally、process.nextTick

Ajax 发起的整个流程说一下？从代码级别讲起 fetch和ajax的区别 变量提升讲一下？和函数提升相比哪个优先级高

函数提升的优先级更高。

DNS 如何查找？你说一下DNS缓存是怎么优化的？DNS如何查询域名的

DNS是用来做域名解析的，当你上网输入网址后，把它转换成IP。

CDN 了解吗？CDN是怎么实现优化的 一个页面白屏，分析原因

打开控制台看报错，可能是资源加载失败，或者请求异常。

数据结构链表

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104300.html

webpack2 示例之：Scope Hoisting 和 Code Splitting

摘要：原文链接译者这个示例演示了与代码拆分相结合的。这是示例的依赖图实线表示同步导入，虚线表示异步导入除之外的所有模块都是模块。为了避免冲突，模块中的模块连接标识符被重命名，并简化了内部导入。根模块的外部导入和导出使用现有的结构。原文链接：https://github.com/webpack/we...译者：@justjavac 这个示例演示了与代码拆分相结合的 Scope Hoistin...

chunquedong 2019-08-20 18:52 评论0 收藏0
Javascript模块化开发基础

摘要：认识模块作为一名编程语言，一直以来没有模块的概念。在之前，有主要的个模块化方案和。这样引入模块和引入模块方法差不多，其代表是。关键字用于规定模块的对外接口，关键字用于输入其他模块提供的功能。认识模块 JS 作为一名编程语言，一直以来没有模块的概念。严重导致大型项目开发受阻，js 文件越写越大，不方便维护。其他语言都有模块的接口，比如 Ruby 的 require，python 的 i...

Kerr1Gan 2019-08-23 11:47 评论0 收藏0
Umi.js

摘要：，中文可发音为乌米，是一个可插拔的企业级应用框架。以路由为基础的，支持类的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。全局存于目录，所有页面都可引用页面不能被其他页面所引用。 umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展...

30e8336b8229 2019-08-26 13:29 评论0 收藏0
ECMAScript6(19)：Module 模块

摘要：认识模块作为一名编程语言，一直以来没有模块的概念。在之前，有主要的个模块化方案和。这样引入模块和引入模块方法差不多，其代表是。关键字用于规定模块的对外接口，关键字用于输入其他模块提供的功能。认识模块 JS 作为一名编程语言，一直以来没有模块的概念。严重导致大型项目开发受阻，js 文件越写越大，不方便维护。其他语言都有模块的接口，比如 Ruby 的 require，python 的 i...

mcterry 2019-08-23 11:46 评论0 收藏0
推送近期三波关于Vue.js的资讯

摘要：原文来自集前端最近很火的框架资源定时更新，欢迎一下。推送自己整理近期三波关于的资讯这里就抛砖引玉了，望有更屌的资源送助攻。原文来自：集web前端最近很火的vue2框架资源；定时更新，欢迎Star一下。推送自己整理近期三波关于Vue.js的资讯；这里就抛砖引玉了，望有更屌的资源送助攻。 showImg(https://segmentfault.com/img/bVVeiZ); 第...

Anonymous1 2019-08-22 11:10 评论0 收藏0
react+express项目

摘要：暴露所有内建配置，项目下会新增或对部分配置文件进行修改。开发环境开发时，前端项目和后端项目运行时端口端口不同，存在跨域问题。项目目录结构优化项目目录结构优化开发目录主要是目录，因此需要修改的目录主要是目录。 1 开发环境准备（windows） 1.1 安装nodejs和npm 1) 下载nodejs安装包：http://nodejs.org/en/download/ nodejs安...

Luosunce 2019-08-23 14:13 评论0 收藏0