- 博客(7)
- 收藏
- 关注
RSS订阅原创 项目中使用PWA离线机制，每次发布上线后发现刷新两次，数据才更新，以后用户再访问都是正常的。This is not a bug
1.PWA离线机制用户在断网的情况下也能访问您的网站，其实用户访问的是他本地下载安装的service worker文件。Service Worker由于权限很高，只支持https协议或者localhost。如果你在浏览器的控制台输出是这样的，证明支持service worker。如果你在浏览器的控制台输出是这样的，证明不支持service worker2.引入离线缓存机制，即使你断网，也能访问页面。废话少数直接上代码项目中采用的是sw-precache-webpack-pl.
2020-05-19 10:15:38
2243
1
原创 对象查找和数组中按照某一个属性进行排序
// 对象查找 target 要查找的对像 keyStr 链式字符串 或者是数组// findObj({a:{b:{c:1}}}, 'a.b.c')const findObj = (target, keyStr) => { const keys = typeof keyStr === "string" ? keyStr.split(".") : [...keyStr]; con...
2020-01-20 16:13:22
134
原创 数组转为对象的方法封装
/* * 把一个对象数组按某个属性生成一个map * arr * key * replace 是否要替换原有数据 * ([{ a: "d" }, { b: "b" }], "a") => {d: [{ a: "d" }], _other: [{ b: "b" }]} * ([{ a: "d" }, { b: "b" }], item => "a") => {d: [...
2020-01-20 16:02:29
736
原创 理解原型与原型链
原型与原型链是学习JavaScript这门语言不能不理解的两个重要概念，为什么？因为JavaScript是一门基于原型的语言。怎么理解“JavaScript是一门基于原型的语言”？在软件设计模式中，有一种模式叫做原型模式，JavaScript正是利用这种模式而被创建出来。先来了解下原型模式的概念：原型模式是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建...
2019-03-03 20:33:19
142
原创 js如何判断属性是本身具有还是继承别人的
function Person(name, age) { this.name = 'Tom'; this.age = 11;};Person.prototype = { job:'资深前端开发工程师',};var p = new Person();console.log(p.name);console.log(p.age);console.log(p.j...
2019-03-03 19:19:52
887
原创 Object原型对象和Function原型对象
var Person = function() {};Object.prototype.a = 'A'Function.prototype.b = 'B'var p = new Person(); console.log(p.a);//Aconsole.log(p.b);//undefined问为什么？有不少同学第一眼看上去就觉得很疑惑，p不是应该继承了Functio...
2019-03-03 18:55:00
729
原创 input 内容改变的触发事件
1. onchangeonchange 事件会在域的内容改变时触发。支持的标签<input type="text">, <textarea>, <select>,<keygen>。注意：在元素的值改变了且失去焦点时触发（两次的值一样不会触发）。缺陷：通过js代码改变DOM的值不会触发，解决在js代码里改值了调用其change 的function(...
2018-05-21 16:49:31
6704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人