李轻舟 comments

Results 21 comments of


                                            李轻舟

深拷贝和浅拷贝的区别是什么？如何实现一个深拷贝？

深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。实现一个深拷贝 ```javascript function clone(obj) { var copy; switch (typeof obj) { case "undefined": break; case "number": copy = obj - 0; break; case "string": copy = obj +...

如何让 (a == 1 && a == 2 && a == 3) 的值为true？

== 运算符会进行隐式转换。 - Object ==操作符会尝试通过方法valueOf和toString将对象转换为其原始值（一个字符串或数字类型的值）。 ```javascript const a = { i: 1, // valueOf 也可达到相同效果 toString: function () { return a.i++; } } a == 1 && a == 2...

防抖(debounce)函数的作用是什么？有哪些应用场景，请实现一个防抖函数。

函数防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。应用场景：楼上 @wangzhijun-github 同学总结的挺好的。防抖多数是用来高频率触发，但是每一次触发又不是必须要处理的情况，比如input的onchanage、document的onscroll，window的onresize，还有onmousemove。当然有些情况节流函数也可以达到节省资源的效果。 ----------------------------------------------- - 输入框键入以用户注册时，验证用户名是否被占用为例，如今很多网站为了提高用户体验，不会在输入框失去焦点的时候再去判断用户名是否被占用，而是在输入的时候就在判断这个用户名是否已被注册，但每次输入都会像服务端发送请求，毫无疑问是没有意义的，实际上在用户停止键入时进行查询更为合理。 ```javascript // 每次输入都发生请求 $('input.user-name').on('input', function () { $.ajax({ url: `https://just.com/check`, method: 'post', data: { username: $(this).val(), }, success(data) { if (data.isRegistered)...

如何正确判断this的指向？（注意区分严格模式和非严格模式）

### 全局环境无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this 都指向全局对象。 ### 函数（运行内）环境 1. 简单调用（此调用未设置this）非严格模式下，this 的值默认指向全局对象。在严格模式下，this将保持他进入执行环境时的值。如果 this 没有被执行环境（execution context）定义，那它将保持为 undefined。当一个函数在其主体中使用 this 关键字时，可以通过使用函数继承自Function.prototype 的 call 或 apply 方法将 this 值绑定到调用中的特定对象。（如果传递给 this 的值不是一个对象，JavaScript 会尝试使用内部 ToObject 操作将其转换为对象。）...

说一说你对JS上下文栈和作用域链的理解？

**执行上下文栈(Execution Context Stack)** 在ECMASscript中的上下文有三种类型：global, function和eval。每一种代码的执行都需要依赖自身的上下文。当然global的上下文可能涵盖了很多的function和eval的实例。函数的每一次调用，都会进入函数执行中的上下文,并且来计算函数中变量等的值。eval函数的每一次执行，也会进入eval执行中的上下文，判断应该从何处获取变量的值。注意，一个function可能产生无限的上下文环境，因为一个函数的调用（甚至递归）都产生了一个新的上下文环境。 ```javascript function foo(bar) {} // 调用相同的function，每次都会产生3个不同的上下文 //（包含不同的状态，例如参数bar的值） foo(10); foo(20); foo(30); ``` 一个执行上下文可以激活另一个上下文，就好比一个函数调用了另一个函数(或者全局的上下文调用了一个全局函数)，然后一层一层调用下去。逻辑上来说，这种实现方式是栈，我们可以称之为上下文堆栈。激活其它上下文的某个上下文被称为 `调用者(caller)` 。被激活的上下文被称为被 `调用者(callee)` 。被调用者同时也可能是调用者(比如一个在全局上下文中被调用的函数调用某些自身的内部方法)。当一个 caller 激活了一个 callee，那么这个 caller 就会暂停它自身的执行，然后将控制权交给这个...

如何隐藏页面中的某个元素？(越多方式越好)

- display属性 ``` display: none; ``` - 透明度 ``` opacity: 0; ``` - 可见性 ``` visibily: hidden; ``` - 色值(楼上@KRISACHAN ) ```css :root { --biu: rgba(0, 0, 0, 0); }...

什么是XSS攻击，XSS攻击可以分为哪几类？如何防范XSS攻击？

## 什么是 XSS攻击 Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。为了和 CSS 区分，这里把攻击的第一个字母改成了 X，于是叫做 XSS ## XSS攻击类型根据攻击的来源，XSS 攻击可分为存储型、反射型和 DOM 型三种。类型 | 存储区 | 插入点 ------------ | ------------- | ----------------- 存储型...

李轻舟