随笔分类 -  JavaScript

摘要:window.addEventListener("resize", function () { if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") { windo 阅读全文
posted @ 2020-03-25 18:16 来亦何哀 阅读(552) 评论(0) 推荐(0) 编辑
摘要:this的指向不是在编写时确定的,而是在执行时确定的,同时,this不同的指向在于遵循了一定的规则。 1.默认情况下,指向全局,浏览器的话就是指向window 2.如果函数被调用的位置存在上下文,那么函数被隐式绑定 3.new 指向这个新对象。 4.箭头函数的this指向哪里? 箭头函数的是没有属于 阅读全文
posted @ 2019-09-26 12:39 来亦何哀 阅读(2734) 评论(0) 推荐(0) 编辑
摘要:1.基本类型传递方式 2.复杂类型按引用传递 3.按共享传递 复杂类型之所以会产生这种特性,原因就是在传递过程中,对象a先产生了一个副本a, 这个副本a并不是深克隆得到的副本a,副本a地址同样指向对象a指向的堆内存. 因此在函数体中修改x=10只是修改了副本a,a对象没有变化. 但是如果修改了x.a 阅读全文
posted @ 2019-09-26 12:37 来亦何哀 阅读(485) 评论(0) 推荐(0) 编辑
摘要:1.JavaScript中的变量类型有哪些? (1)值类型(基本类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null、symbol (2)引用类型:对象(Object)、数组(Array)、函数(Function) 2.值类型和引用类型的区别 阅读全文
posted @ 2019-09-26 12:34 来亦何哀 阅读(287) 评论(0) 推荐(0) 编辑
摘要:1.简单版: 局限性: 他无法实现对函数 、RegExp等特殊对象的克隆 会抛弃对象的constructor,所有的构造函数会指向Object 对象有循环引用,会报错 2.面试版: 局限性: 一些特殊情况没有处理: 例如Buffer对象、Promise、Set、Map 另外对于确保没有循环引用的对象 阅读全文
posted @ 2019-09-26 12:29 来亦何哀 阅读(2061) 评论(0) 推荐(0) 编辑
摘要:1.减少请求数量 文件合并 图片合并或base64 避免使用空的src和href 不使用CSS @import 减少重定向 使用缓存 2.减小资源大小 资源压缩 安卓下使用webp格式的图片 开启gzip 3.优化网络连接 使用CDN 使用DNS预解析 <script type="text/java 阅读全文
posted @ 2019-09-26 12:27 来亦何哀 阅读(193) 评论(0) 推荐(0) 编辑
摘要:1.短轮询 短轮询的原理很简单,每隔一段时间客户端就发出一个请求,去获取服务器最新的数据,一定程度上模拟实现了即时通讯。 优点:兼容性强,实现非常简单 缺点:延迟性高,非常消耗请求资源,影响性能 2.comet comet有两种主要实现手段,一种是基于 AJAX 的长轮询(long-polling) 阅读全文
posted @ 2019-09-26 12:25 来亦何哀 阅读(3242) 评论(0) 推荐(2) 编辑
摘要:<script type="text/javascript"> // 懒加载 // getBoundClientRect 的实现方式 let imgList = [...document.querySelectorAll('img')] let num = imgList.length let lazyLoad = (function (){ let count = 0 return functi 阅读全文
posted @ 2019-09-26 12:19 来亦何哀 阅读(140) 评论(0) 推荐(0) 编辑
摘要:JavaScript属于静态作用域,即声明的作用域是根据程序正文在编译时就确定的,有时也称为词法作用域。 JavaScript在执行过程中会创造可执行上下文,可执行上下文的词法环境中含有外部词法环境的引用,这样我们就可以通过这个引用 获取外部词法环境的变量、声明等等,这些引用串联起来一直指向全局的词 阅读全文
posted @ 2019-09-26 12:06 来亦何哀 阅读(100) 评论(0) 推荐(0) 编辑
摘要:1.DOM的事件模型是什么? DOM之事件模型分脚本模型、内联模型(同类一个,后者覆盖)、动态绑定(同类多个) 2.DOM的事件流是什么? 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。 事件冒泡 事件冒泡(event bubbling) 阅读全文
posted @ 2019-09-26 12:01 来亦何哀 阅读(183) 评论(0) 推荐(0) 编辑
摘要:当浏览器碰到 script 脚本的时候: <script src="script.js"></script> 没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。 <sc 阅读全文
posted @ 2019-09-26 11:59 来亦何哀 阅读(268) 评论(0) 推荐(0) 编辑
摘要:上图中的 toPrimitive 就是对象转基本类型。 这里来解析一道题目 [] == ![] // -> true ,下面是这个表达式为何为 true 的步骤 // [] 转成 true,然后取反变成 false [] == false // 根据第 8 条得出 [] == ToNumber(fa 阅读全文
posted @ 2019-09-24 13:31 来亦何哀 阅读(401) 评论(0) 推荐(0) 编辑
摘要:label: { normal: { fontSize: 14, formatter(v) { let text = v.name let count = text.indexOf('¥') console.log() return text.length < count ? text : `${text.slice(0,count)}\n${text.slice(count)}` } } }, 阅读全文
posted @ 2019-08-29 17:51 来亦何哀 阅读(3323) 评论(0) 推荐(1) 编辑
摘要:jwt举例 资料:认识JWT 阅读全文
posted @ 2019-07-27 09:20 来亦何哀 阅读(6885) 评论(0) 推荐(0) 编辑
摘要:Number.prototype.add = function (number) { if (typeof number !== 'number') { throw new Error('请输入数字~'); } return this.valueOf() + number; }; Number.prototype.minus = function (num... 阅读全文
posted @ 2019-07-22 11:07 来亦何哀 阅读(1053) 评论(0) 推荐(1) 编辑
摘要:避免跨域(img 天然支持跨域) 利用空白gif或1x1 px的img是互联网广告或网站监测方面常用的手段,简单、安全、相比PNG/JPG体积小,1px 透明图,对网页内容的影响几乎没有影响,这种请求用在很多地方,比如浏览、点击、热点、心跳、ID颁发等等, 图片请求不占用 Ajax 请求限额 GIF 阅读全文
posted @ 2019-07-22 10:52 来亦何哀 阅读(1714) 评论(0) 推荐(1) 编辑
摘要:如上题所示,输出结果为一个类数组 判断的过程: 阅读全文
posted @ 2019-07-22 10:37 来亦何哀 阅读(204) 评论(0) 推荐(0) 编辑
摘要:这个题目考察==的隐式转换 利用toString 利用valueOf 数组这个就有点妖了(数组的toString通常调用join) ES6的symbol 阅读全文
posted @ 2019-07-19 15:36 来亦何哀 阅读(184) 评论(0) 推荐(0) 编辑
摘要:下面的代码打印什么内容,为什么? 针对这题,在知乎上看到别人的回答说: 实际上,有点类似于以下代码,但不完全相同,因为使用const不管在什么模式下,都会TypeError类型的错误 几个例子: 所以严格模式下能看到错误:Uncaught TypeError: Assignment to const 阅读全文
posted @ 2019-07-18 18:06 来亦何哀 阅读(499) 评论(0) 推荐(0) 编辑
摘要:附上尤大的回答链接链接:https://www.zhihu.com/question/31809713/answer/53544875 阅读全文
posted @ 2019-07-18 17:53 来亦何哀 阅读(497) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示