- 博客(7)
- 收藏
- 关注
RSS订阅原创 九个JavaScript的简单技巧
九个JavaScript技巧 1.生成指定范围的数字 在某些情况下我们会创建一个处在两个数之间的数组.假设我们要判断某人的生日是否在摸个范围的年份内,那么下面是实现它的一个简单方法 let start = 1900, end = 2000 [...new Array(end + 1).keys()].slice(start) // or Array.from( {length: end - start + 1}, (_, i) => start + i) 2.使
2020-10-13 09:17:59
83
原创 输入url后浏览器都干了些什么(详解)
输入url后浏览器干了些什么(详解) DNS(Domain Name System, 域名系统) 解析 DNS解析的过程就是寻找哪台机器上有你真正需要的资源过程.但你在浏览器张红输入一个地址时,例如:baidu.com,其实不是百度网站真正意义上的地址.互联网上每一台计算机的唯一标识是他的IP地址,但是IP地址并不方便记忆.用户更细化用方便记忆的网址去寻找互联网上的其他计算机.也就是上面提到的百度的网址.所以互联网设计者需要在用户的方便性与可用性做一个权衡,这个权衡就是一个网址到IP地址的转换,这个过程就
2020-06-24 16:36:39
801
原创 页面的性能优化
页面的性能优化 简介 互联网有一些注明的8秒原则.用户在访问web网页时，如果时间超过8秒就会感到不耐烦,如果加载需要更长时间，他们就会放弃大部分用户希望网页能在2秒内完成加载。事实上加载事件没多出1秒就会流失7%的用户.8秒并不是准确的8秒，只是像网站开发者表明加载时间的重要性。如何提高加载速度呢？这是本文讨论的问题，然而性能优化是综合性的问题，没有标准答案。 一、资源压缩与合并 主要包括：**html压缩、css压缩、js压缩和混乱、文件合并。**资源压缩可以从文件中去掉多余的字符，比如回车、空格
2020-06-15 15:25:27
209
原创 Vue变化侦测原理
深入浅出 - Vue变化侦测原理 如何侦测变化? 关于变化侦测首先要问一个问题,在js中是如何侦测一个对象的变化的.其实这个问题还算比较简单的,js中有两种方法可以侦测到变化,Object.defineProperty和ES6中的proxy. 到目前为止vue使用的还是Object.defineProperty,那么我们可以写出这样的代码 function defineReaction (data, key, val) { Object.defineProperty (data,
2020-06-04 13:58:11
210
原创 个人认为目前比较好用的ECMAScript（16-20）新特性
ECMAScript(16、17、18、19)新特性 Array.prototype.includes includes 是数组上的简单实例方法,可以轻松查找到数组中是否包含指定内容(包括NaN) 返回布尔值 const arr = [1, 2, 3, 4, 5, NaN] if (arr.indexOf(3) >= 0) { console.log(true) } if (arr.includes(3)) { console.log
2020-05-29 17:54:01
237
原创 Vue数据更新页面没有更新问题总结
Vue数据更新页面没有更新问题总结 1. Vue无法检测实例别创建时不存在于data中的property 原因: 由于Vue会在初始化实例时对property执行getter/setter转化,所以property必须在data对象上存在才能让vue转换为响应式 // 问题 var vm = new Vue({ data: {}, template: '<div>{{item}}</div>' }) vm.item
2020-05-29 17:52:09
945
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人