小小 - 个人主页动态 - 牛客网

发布(183) 评论刷题

2021-03-01 19:51

门头沟学院 C++

33.前端基础-应用4

8.13 实现一个 JS 的sleep 参考答案： 普通版 function sleep(sleepTime) { for(var start = new Date; new Date - start <= sleepTime;) {} } var t1 = +new Date() sleep(3000) var t2 = +new Date() console.log(t2 - t1) 优点：简单粗暴，通俗易懂。 缺点：这是最简单粗暴的实现，确实 sleep 了，也确实卡死了，CPU 会飙升，无论你的服务器 CPU 有多么 Niubility。 Promise 版本 functio...

0 点赞评论收藏

分享

2021-03-01 19:50

门头沟学院 C++

32.前端基础-应用3

8.6 js中两个数组怎么取交集+(差集、并集、补集) 参考答案： 最普遍的做法 使用 ES5 语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。 直接使用 filter、concat 来计算 var a = [1,2,3,4,5] var b = [2,4,6,8,10] //交集 var c = a.filter(function(v){ return b.indexOf(v) > -1 }) //差集 var d = a.filter(function(v){ return b.indexOf(v) == -1 }) //补...

0 点赞评论收藏

分享

2021-03-01 19:50

门头沟学院 C++

31.前端基础-应用2

8.3 防抖和节流的原理和使用场景 参考答案： 函数防抖和函数节流：优化高频率执行js代码的一种手段，js中的一些事件如浏览器的resize、scroll，鼠标的mousemove、mouseover，input输入框的keypress等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。 防抖： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 根据函数防抖思路设计出第一版的最简单的防抖代码： var timer; // 维护同一个timer function debounce(fn, delay)...

0 点赞评论收藏

分享

2021-03-01 19:49

门头沟学院 C++

30.前端基础-应用1

8.1 文件异步上传怎么实现 参考答案： 普通表单上传 使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。 <form action="/index.php" method="POST" enctype="multipart/form-data"> <input type="file" name="myfile"&g...

0 点赞评论收藏

分享

2021-03-01 19:49

门头沟学院 C++

29.前端基础-js工作原理

7.1 为什么js是单线程 参考答案： 这主要和js的用途有关，js是作为浏览器的脚本语言，主要是实现用户与浏览器的交互，以及操作dom；这决定了它只能是单线程，否则会带来很复杂的同步问题。 举个例子：如果js被设计了多线程，如果有一个线程要修改一个dom元素，另一个线程要删除这个dom元素，此时浏览器就会一脸茫然，不知所措。所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变 扩展： 什么是进程？ 进程：是cpu分配资源的最小单位；（是能拥有资源和独立运行的最小单位） 什么是线程？ 线程：是cpu调度的最小单位；（线程是建立在进程的基础...

0 点赞评论收藏

分享

2021-03-01 19:46

门头沟学院 C++

28.前端基础-ES基础2

6.3 ES6 与 ES5 继承的区别 参考答案： ES6 中有类 class 的概念，类 class 的继承是通过 extends 来实现的，ES5 中是通过设置构造函数的 prototype 属性，来实现继承的。 ES6 与 ES5 中的继承有 2 个区别，第一个是，ES6 中子类会继承父类的属性，第二个区别是，super() 与 A.call(this) 是不同的，在继承原生构造函数的情况下，体现得很明显，ES6 中的子类实例可以继承原生构造函数实例的内部属性，而在 ES5 中做不到。 解析： 下面通过 3 个 demo，来分析它们之间的区别。 ES5 继承 直接上代码： funct...

0 点赞评论收藏

分享

2021-03-01 19:46

门头沟学院 C++

27.前端基础-ES基础1

6.1 es6中箭头函数 参考答案： 基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采用箭头=>来定义函数。函数的参数放在=>前面的括号...

0 点赞评论收藏

分享

2021-03-01 19:45

门头沟学院 C++

26.前端基础-文件引入方式

5.1 link 和 @import 参考答案： 作用：样式的导入方式 link 的使用 <link href="index.css" rel="stylesheet"> @import 的使用 <style type="text/css"> @import url(index.css); </style> link 和 @import 的区别 引入的内容不同 link 除了引用样式文件，还可以引用图片等资源文件，而 @import 只引用样式文件 加载顺序不同 link 引用 CSS 时，在页...

0 点赞评论收藏

分享

2021-03-01 19:44

门头沟学院 C++

25.前端基础-this2

4.4 箭头函数能否当构造函数 参考答案： 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 4.5 继承，优缺点 参考答案： 继承的好处 a：提高了代码的复用性 b：提高了代码的维护性 c：让类与类之间产生了关系，是多态的前提 继承的弊端 类的耦合性增强了,但是开发的原则：高内聚，低耦合。 4.6 js继承的方法和优缺点 参考答案： 原型链继承 实现方式：将子类的原型链指向父类的对象实例 function Parent(){ thi...

0 点赞评论收藏

分享

2021-03-01 19:44

门头沟学院 C++

24.前端基础-this1

4.1 call appy bind的作用和区别 参考答案： 作用：  都可以改变函数内部的this指向。 区别点： call 和 apply 会调用函数，并且改变函数内部this指向。 call 和 apply 传递的参数不一样，call 传递参数arg1,arg2...形式 apply 必须数组形式[arg] bind 不会调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写法：fun.call(thisArg, arg1, arg3, ...) /...

0 点赞评论收藏

分享

2021-03-01 19:40

门头沟学院 C++

23.前端基础-异步3

3.7 Promise.all 参考答案： Promise.all(iterable) 方法返回一个 Promise 实例，此实例在 iterable 参数内所有的 promise 都“完成（resolved）”或参数中不包含 promise 时回调完成（resolve）；如果参数中 promise 有一个失败（rejected），此实例回调失败（reject），失败的原因是第一个失败 promise 的结果。 解析： 语法 Promise.all(iterable);参数 iterable 一个可迭代对象，如 Array或 String 返回值 如果传入的参数是一个空的可迭代对象，则...

0 点赞评论收藏

分享

2021-03-01 19:39

门头沟学院 C++

22.前端基础-异步2

3.5 怎么解决callback多层嵌套 参考答案： 回调地狱有两种解决方案： Promises Async/await 3.6 promise的介绍与使用 参考答案： Promise 介绍： ES6中的Promise 是异步编程的一种方案。从语法上讲，Promise 是一个对象，它可以获取异步操作的消息。 Promise对象, 可以将异步操作以同步的流程表达出来。使用 Promise 主要有以下好处： 可以很好地解决回调地狱的问题（避免了层层嵌套的回调函数）。 语法非常简洁。Promise 对象提供了简洁的API，使得控制异步操作更加容易。 Promise 使用： 语法 var pr...

0 点赞评论收藏

分享

2021-03-01 19:38

门头沟学院 C++

21.前端基础-异步1

3.1 promise和 async await 区别 参考答案： 概念Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，简单地说，Promise好比容器，里面存放着一些未来才会执行完毕（异步）的事件的结果，而这些结果一旦生成是无法改变的 async await也是异步编程的一种解决方案，他遵循的是Generator 函数的语法糖，他拥有内置执行器，不需要额外的调用直接会自动执行并输出结果，它返回的是一个Promise对象。 两者的区别 Promise的出现解决了传统callback函数导致的“地域回调”问题，但它的语法导致了它向纵向发展行成...

0 点赞评论收藏

分享

2021-03-01 19:36

门头沟学院 C++

20.前端基础-js4

2.23 手写数组转树 参考答案： 问题： // 例如将 input 转成output的形式 let input = [ { id: 1, val: '学校', parentId: null }, { id: 2, val: '班级1', parentId: 1 }, { id: 3, val: '班级2', parentId: 1 }, { id: 4, val: '学生1', parentId: 2 }, { ...

0 点赞评论收藏

分享

2021-03-01 19:36

门头沟学院 C++

19.前端基础-js3

2.19 编码和字符集的区别 参考答案： 字符集是书写系统字母与符号的集合，而字符编码则是将字符映射为一特定的字节或字节序列，是一种规则。通常特定的字符集采用特定的编码方式（即一种字符集对应一种字符编码（例如：ASCII、IOS-8859-1、GB2312、GBK，都是即表示了字符集又表示了对应的字符编码，但Unicode不是，它采用现代的模型）） 扩展： 字符：在计算机和电信技术中，一个字符是一个单位的字形、类字形单位或符号的基本信息。即一个字符可以是一个中文汉字、一个英文字母、一个阿拉伯数字、一个标点符号等。 字符集：多个字符的集合。例如GB2312是中国国家标准的简体中文字符集，GB23...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务