摘要: 前言 现代浏览器提供了performance(性能)这个API来帮助我们分析页面的加载性能,从MDN上可以看到从IE9时代(约2011年)就开始支持了,所以目前来说兼容性还算可以,所以可以研究一下这个API具体有啥功能。 1. window.performance 1.1 整体结构 先看看perfo 阅读全文
posted @ 2021-03-27 12:05 织猫 阅读(565) 评论(0) 推荐(0) 编辑
摘要: 背景: 解决上述问题的一个思路: 实现的思路: 伪代码: 和padStart参数一样,只是把想加的字符串加到后头。 "兼容性" : 目前来看用于前端需要兼容,请看: "string.polyfill.js" node.js支持到版本8 阅读全文
posted @ 2018-07-26 11:56 织猫 阅读(18487) 评论(0) 推荐(0) 编辑
摘要: 背景 对于一个程序猿来说不能没有一个很好的记笔记的应用。因为记笔记可以帮助自己积累学习提升自己。每一次回头看自己记得笔记,你都会有新的理解。 也许有人会说,用有道云啊,有道云就很好啊,你还纠结啥呢? 我是一个对产品需求要求很苛刻的人,也是一个追求性价比的人,所以这里我想说说各个笔记产品的一些缺陷: 阅读全文
posted @ 2018-05-16 23:46 织猫 阅读(4562) 评论(9) 推荐(3) 编辑
摘要: 前言 First paint 直译过来的意思就是浏览器第一次渲染(paint),在First paint之前是白屏,在这个时间点之后用户就能看到(部分)页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前,先说下浏览器的页面的加载流 阅读全文
posted @ 2018-04-24 13:14 织猫 阅读(4783) 评论(7) 推荐(12) 编辑
摘要: 背景:感觉自己正则学的不是很好,所以想再学习下,于是就去翻各大框架里的正则,想看看他们是怎么使用正则的,但是一个一个看源代码太长又太麻烦了,所以就想把框架里的所有正则都匹配出来,然后再来集中学习。 这里推荐一个学习正则网站:https://regexr.com/ 先看看整个流程: 下面简单讲讲怎么匹 阅读全文
posted @ 2018-01-29 13:35 织猫 阅读(496) 评论(0) 推荐(0) 编辑