摘要:最后我们可以使用chrome的timeline来帮助我们定位资源加载时间,当页面加载非常缓慢时,可以看到具体的耗时环节,这是个对优化性能非常有用的东西(特别是现在手机电脑性能越来越好,而越来越多的延迟是因为资源加载环节所造成的延迟): Queueing: 队列排到它所用时间Stalled: 浏览器得 阅读全文
posted @ 2021-01-27 17:44 Sameen 阅读(6) 评论(0) 推荐(0) 编辑
摘要:现在平时都是使用 VS Code 作为日常开发工具,偶尔会打开 WebStorm 临时使用一下,但是却经常忘记格式化代码的快捷键,放在这里防止遗忘。 Windows Windows 系统下 WebStorm 格式化代码的快键键为:Ctrl + Alt + l Mac Mac 系统下 WebStorm 阅读全文
posted @ 2021-01-21 16:46 Sameen 阅读(23) 评论(0) 推荐(0) 编辑
摘要:帧率:FPS(每秒钟要多少帧画面); 以及Gop(表示多少秒一个I帧) 码率:编码器每秒编出的数据大小,单位是kbps,比如800kbps代表编码器每秒产生800kb(或100KB)的数据。 分辨率:单位英寸中所包含的像素点数; VGA:Video Graphics Array(视频图像分辨率) 三 阅读全文
posted @ 2021-01-06 11:37 Sameen 阅读(77) 评论(0) 推荐(0) 编辑
摘要:目录 前端权限的意义 网站加载 Waiting (TTFB) 时间过长的原因和解决办法 HTML <form> novalidate 属性 内容安全策略( CSP ) 前端权限的意义 如果仅从能够修改服务器中数据库中的数据层面上讲, 确实只在后端做控制就足够了, 那为什么越来越多的项目也进行了前端权 阅读全文
posted @ 2021-01-04 00:11 Sameen 阅读(16) 评论(0) 推荐(0) 编辑
摘要:whistle是基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler+Willow,基于Java实现的Charles,及公司同事基于Node实现的Livepool等等;whistle与所有的web调试代理工具一样,主要功能也是用于查看、修改HTTP、HTTPS 阅读全文
posted @ 2020-12-21 16:44 Sameen 阅读(46) 评论(0) 推荐(0) 编辑
摘要:与 innerText 的区别 不要被 Node.textContent 和 HTMLElement.innerText 的区别搞混了。虽然名字看起来很相似,但有重要的不同之处: textContent 会获取所有元素的内容,包括 <script> 和 <style> 元素,然而 innerText 阅读全文
posted @ 2020-12-17 15:12 Sameen 阅读(38) 评论(0) 推荐(0) 编辑
摘要:Git :fatal: refusing to merge unrelated histories解决 今天本地创建了一个仓库(有README),把本地仓库和Github上关联以后,发现git pull,git feach提醒fatal: refusing to merge unrelated hi 阅读全文
posted @ 2020-12-14 17:06 Sameen 阅读(47) 评论(0) 推荐(0) 编辑
摘要:HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的 特殊符号大全 &acute; © &copy; > &gt; µ &micro; ® &reg; &amp; ° &deg; ¡ &iexcl; &nbsp; » 阅读全文
posted @ 2020-12-08 21:54 Sameen 阅读(54) 评论(0) 推荐(0) 编辑
摘要:// 当 video 标签添加上 controls 属性时,页面上会显示出所有的控制组件。若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可。 <video controls></video> //全屏按钮 video::-webkit-media-controls-fullscreen-b 阅读全文
posted @ 2020-11-28 20:38 Sameen 阅读(759) 评论(0) 推荐(0) 编辑
摘要:就像你可能不知道 现充 其实是 现实生活很充实的人生赢家 的缩写一样,我们经常看到 Github 上的码农们在 code review 时,把乱七八糟的缩写写得到处都是——娴熟的司机们都会使用缩写来达到提高逼格的效果——我们第一次看到时还是会出现一脸懵逼的状况,这里整理一下这些缩写都是什么含义,以后 阅读全文
posted @ 2020-11-17 20:28 Sameen 阅读(54) 评论(0) 推荐(0) 编辑