06 2020 档案

前端性能监控-window.performance.timing篇
摘要：最近发现浏览器内置对象里有个好东西，window.performance。这里面包含着浏览器性能相关的各种数据，然后其中的timing属性，就是所有阶段的用时统计，从这一点我们就可以简单的从浏览器运行时间上进行分析。 function getsec(time) { return time / 100 阅读全文
posted @ 2020-06-14 22:54 LeoX的爬坑笔记 阅读(1148) 评论(0) 推荐(0)
原生js手动实现apply和call
摘要：// call模拟 Function.prototype.call_ = function (obj) { //判断是否为null或者undefined,同时考虑传递参数不是对象情况 obj = obj ? Object(obj) : window; var args = []; // 注意i从1开 阅读全文
posted @ 2020-06-09 17:15 LeoX的爬坑笔记 阅读(264) 评论(0) 推荐(0)
url、href、src区别
摘要：一、URL的概念 统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。 二、URL的格式 2.1 标准格式 协议类型:[ 阅读全文
posted @ 2020-06-08 20:59 LeoX的爬坑笔记 阅读(346) 评论(0) 推荐(0)
javaScript设计模式简记（5）-架构型设计模式
摘要：1.同步模块模式 模块化:将复杂的系统分解成高内聚、低耦合的模块，使系统开发变得可控、可维护、可拓展，提高模块的复用率。 同步模块模式一SMD (Synchronous Module Definition):请求发出后，无论模块是否存在，立即执行后续的逻辑，实现模块开发中对模块的立即引用。 模块化开 阅读全文
posted @ 2020-06-08 14:04 LeoX的爬坑笔记 阅读(167) 评论(0) 推荐(0)
反柯里化函数
摘要：//反柯里化 Function.prototype.uncurry = function() { //保存当前对象 let _this = this; return function() { return Function.prototype.call.apply ( _this, argument 阅读全文
posted @ 2020-06-08 09:52 LeoX的爬坑笔记 阅读(136) 评论(0) 推荐(0)
javaScript设计模式简记（4）-技巧型设计模式
摘要：1.链模式 链模式(Operate of Responsibility):通过在对象方法中将当前对象返回，实现对同一个对象多个方法的链式调用。从而简化对该对象的多个方法的多次调用时，对该对象的多次引用。 JavaScript中的链模式的核心思想就是通过在对象中的每个方法调用执行完毕后返回当前对象th 阅读全文
posted @ 2020-06-06 17:32 LeoX的爬坑笔记 阅读(248) 评论(0) 推荐(0)
javaScript设计模式简记（3）-行为型设计模式
摘要：1.模板方法模式 模板方法模式(Template Method):父类中定义-组操作算法骨架，而将一些实现步骤延迟到子类中，使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤。 比如我们生活中用蛋糕模具做蛋糕，做出的蛋糕是外形相同的，因为他们都用的同一个模具，这是最基本的一一个蛋糕。 阅读全文
posted @ 2020-06-05 21:11 LeoX的爬坑笔记 阅读(198) 评论(0) 推荐(0)
javaScript设计模式简记（2）-结构型设计模式
摘要：1.外观模式 外观模式(Facade): 为一组复杂的子系统接口提供-一个更高级的统一接口， 通过这个接口使得对子系统接口的访问更容易。在JavaScript中有时也会用于对底层结构兼容性做统一封装来简化用户使用。 2.适配器模式 适配器模式(Adapter);将一个类(对象)的接口(方法或者属性) 阅读全文
posted @ 2020-06-05 17:40 LeoX的爬坑笔记 阅读(188) 评论(0) 推荐(0)
javaScript设计模式简记（1）-创建型设计模式
摘要：1.简单工厂模式（工厂函数） 简单工厂模式(Simple Factory):又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。 这两种简单工厂模式的区别 2.工厂模式 工厂方法模式(Factory Method);通过对产品类的抽象使其创建业务，主要负责用于创建 阅读全文
posted @ 2020-06-05 16:04 LeoX的爬坑笔记 阅读(152) 评论(0) 推荐(0)
JavaScript设计模式 学习记录
摘要：1.貌似顺序错误 阅读全文
posted @ 2020-06-05 15:35 LeoX的爬坑笔记 阅读(123) 评论(0) 推荐(0)
js构造函数中this介绍
摘要：如果构造函数调用在圆括号内包含一组实参列表，先计算这些实参表达式，然后传入函数内，这和函数调用和方法调用是一致的。但如果构造函数没有形参，JavaScript构造函数调用的语法是允许省略实参列表和圆括号的。凡是没有形参的构造函数调用都可以省略圆括号，比如，下面这两行代码就是等价的: var o= n 阅读全文
posted @ 2020-06-05 11:31 LeoX的爬坑笔记 阅读(704) 评论(0) 推荐(0)
js小技巧
摘要：1.判断当前js环境是否为严格模式 //定义并调用一个函数来确定当前脚本运行时是否为严格模式 var strict = (function() { return !this; })(); 2.检测一个对象是否是真正的函数对象 function isFunction(x) { return Objec 阅读全文
posted @ 2020-06-05 11:29 LeoX的爬坑笔记 阅读(91) 评论(0) 推荐(0)
js难题记录
摘要：Function.prototype.bind = Function.prototype.bind || function (context, ...args1) { var _this = this return function(...args2) { return _this.call(con 阅读全文
posted @ 2020-06-05 10:27 LeoX的爬坑笔记 阅读(111) 评论(0) 推荐(0)
数组方法：filter妙用
摘要：fliter()方法返回的数组元素是调用的数组的一个子集。传递的函数是用来逻辑判定的，该函数返回true或false。调用判定函数就像调用forEach()和map()一样。 如果返回值为true或能转化为true的值，那么传递给判定函数的元素就是这个子集的成员，它将被添加到一个作为返回值的数组中。 阅读全文
posted @ 2020-06-05 09:44 LeoX的爬坑笔记 阅读(255) 评论(0) 推荐(0)
JavaScript权威指南-第六版 学习记录
摘要：记录问题 1. 说法彼此矛盾 并且代码测试如下图 先记录一下，后面再仔细研究 2.p175 8.3.2 可变唱的实参列表：实参对象 这里例子与描述相反了 阅读全文
posted @ 2020-06-04 17:38 LeoX的爬坑笔记 阅读(155) 评论(0) 推荐(0)
JSON注意点
摘要：JSON的语法是JavaScript语法的子集，它并不能表示JavaScript里的所有值。 支持对象、数组、字符串、无穷大数字、true. false和null,并且它们可以序列化和还原。 NaN、Infinity和-Infinity序列化的结果是null，日期对象序列化的结果是JSON格式的日期 阅读全文
posted @ 2020-06-04 16:50 LeoX的爬坑笔记 阅读(167) 评论(0) 推荐(0)
vue-router三种路由传参方式比较
摘要：1.方案一 // 路由定义 { path: '/describe/:id', name: 'Describe', component: Describe } // 页面传参 this.$router.push({ path: `/describe/${id}`, }) // 页面获取 this.$r 阅读全文
posted @ 2020-06-03 10:56 LeoX的爬坑笔记 阅读(293) 评论(0) 推荐(0)