
前端工程
DPJune
自学前端的大学生
展开
-
让网站更快?【转】下一代通信协议:QUIC
在 HTTP 协议已经占据互联网大半江山的今天,尽管网速越来越快,但是人类还是致力于将网络传输速率提升到极致。 从 HTTP/1.x 到 HTTP/2,TCP 已经不能满足人类贪婪的欲望了,他们开始向常年被忽视的 UDP 进军。QUIC 是什么?QUIC(Quick UDP Internet Connections),直译过来就是“快速的 UDP 互联网连接”,是 Googl转载 2018-01-24 12:14:01 · 432 阅读 · 0 评论 -
浏览器控制台妙用——输出可折叠的文本
作为一个搞前端的人,我在打开网站时有时会开着控制台,在访问掘金的时候发现了这么一段输出,当时就懵逼了,怎么出来一个js文件?大家都知道,浏览器控制台输出的对象都是可以折叠的,像这样: 但是第一张图的输出明显与这个不同,我在百度或Google上也找不到结果,最后没办法了,只能给网站的js下断点,找到了一个console.groupCollapsed,第一次看到这个api时我还疑...原创 2018-01-24 19:22:08 · 4783 阅读 · 1 评论 -
async/await深入学习
首先看这么一段代码:async function async1() {console.log('a');await async2();console.log('b');}async function async2(){console.log('c');}async1();new Promise(function (resolve) {console.log('d');...原创 2018-03-29 22:28:59 · 329 阅读 · 0 评论 -
Firefox的button后加伪元素无按钮行为
最近,在看CSS揭秘这本书的时候,写了一个demo来尝试扩大点击热区功能的实现,但在实现过程中发现了它在不同浏览器中效果不同,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-03-31 20:50:24 · 1029 阅读 · 0 评论 -
《CSS揭秘》读后感
最近刚刚把《CSS揭秘》给读完,感触颇深,故写一篇博客来分享一下这本书的内容,以及我从中学到的东西。这本书不同于我看到的其它CSS书籍,没有一开始就直接讲解各个css属性的作用,而是先告诉读者重要的编程思维。在读引言时,我便被书中的内容震撼到了,它讲述的css技巧给了我很大的启发,讲解结合代码样例通俗易懂,而且非常实用。作者着重强调了DRY(Don’t Repeat Yourself)的编...原创 2018-03-31 22:19:32 · 3059 阅读 · 0 评论 -
Javascript定义数组初始值的简便方法
如何在Javascript中定义一个有初始值的数组?众所周知,在JS中定义数组,如果没有指定某个索引的值,则默认为undefined。举个例子:如果我们想定义一个长度为20的数组,并且初始值为空字符串,可以直接这样实现:const arr = [];for (let i = 0; i &amp;lt; 20; i++) { arr[i] = '';}这样的实现倒也是很简单,但是每次初始...原创 2018-08-21 15:34:32 · 17667 阅读 · 2 评论 -
chrome的硬性重新加载与清空缓存并硬性重新加载
以前在用chrome浏览器调试的时候无意间右击了刷新按钮,结果出现了一个菜单:有这么三个选项,第一个选项自然就是直接刷新,那么另外两个选项有什么作用呢?硬性重新加载:等同于直接按SHIFT+F5,或者在devtools的network面板中勾选Disable cache并刷新(devtools面板开启状态)。这种情况下当遇到需要加载的资源时,不会使用缓存的资源,而是重新发起请求。清...原创 2019-01-31 22:46:36 · 8216 阅读 · 1 评论