资讯专栏INFORMATION COLUMN

js-----2

lauren_liuling / 872人阅读

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

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的状态置为fullfiledreject是将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 评论0 收藏0
  • Javascript模块化开发基础

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

    Kerr1Gan 评论0 收藏0
  • Umi.js

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

    30e8336b8229 评论0 收藏0
  • ECMAScript6(19):Module 模块

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

    mcterry 评论0 收藏0
  • 推送近期三波关于Vue.js的资讯

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

    Anonymous1 评论0 收藏0
  • react+express项目

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

    Luosunce 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<