HTTP/3发布了,我们来谈谈HTTP/3
经过了多年的努力,在 6 月 6 号,IETF (互联网工程任务小组) 正式发布了 HTTP/3 的 RFC, 这是超文本传输协议(HTTP)的第三个主要版本,完整的 RFC 超过了 20000 字,非常详细地解释了 HTTP/3。…
记录-交流-Web开发知识分享
经过了多年的努力,在 6 月 6 号,IETF (互联网工程任务小组) 正式发布了 HTTP/3 的 RFC, 这是超文本传输协议(HTTP)的第三个主要版本,完整的 RFC 超过了 20000 字,非常详细地解释了 HTTP/3。…
目前有越来越多的开发者外接多个显示器进行工作,但是有没有发现你在浏览器中打开新窗口时,都只会显示在你当前的显示屏里,如果想放置在某个浏览器中,需要把窗口拖过去,有没有可能直接在指定的显示屏中打开窗口呢?…
在PHP服务器端,有Session和Cookie的概念,在JS端,也有相对应的Session和Cookie的概念。 JS的Cookie,可以利用cookie.js来完成相应的操作。
具体可以看 Cookie.js实现保存用户名和密码操作(四) 一章。 session时使用sessionStorage . Storage表示存储的意思。
sessionStorage.setItem(key,value);
设置元素的值, setItem. 类似于服务器端的setAttribute();
var data=sessionStorage.getItem(key);
类似于服务器端的getAttribute();方法
sessionStorage.removeItem(key);
类似于服务器端的removeAttribute() 方法.
sessionStorage.clear();
类似于服务器端的 session.invalidate();
有的时候,将值放置在JS中,当刷新页面的时候,会重新刷新一下JS,那么设置的值就又回到了原始的值。 如果不想这样,可以将这个值放置在JS的session中。 用sessionStorage来进行相应的设置。
谢谢!!!
…
sessionStorage可以使用setItem设置、getItem获取、removeItem删除、clear清空。具体详见MDN
sessionStorage
属性允许你访问一个 sessionStorage
对象。它与localStorage
相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。**在新标签或窗口打开一个页面时会在顶级浏览上下文中初始化一个新的会话,**这点和 session cookies 的运行方式不同。
可以看到sessionStorage在页面会话结束时会被清除,也就是讲一个页面上的sessionStorage在页面刷新或者恢复页面的时候都不会丢失或者被清空。
那一个域名下的sessionStorage 的数据会在同一网站的多个标签页之间共享吗?要解决这个问题,使用chrome测试了一下场景。
当在一个a页面有sessionStorage时,这时新增一个标签并输入与a页面相同的url。新的标签里面打开的页面是没有另一个标签页面里面的sessionStorage时。也就是讲,新标签是新的会话。
_blank
: 在a页面点击链接或者使用window.open打开与a页面相同url的标签页面时,新标签页面sessionStorage继承自之前页面的sessionStorage,但是后续两个页面的sessionStorage是单独控制的。两个页面之间并无关联
https://html.spec.whatwg.org/multipage/browsers.html#top-level-browsing-context
https://liyaoli.com/2015-03-12/HTML-iframe.html
https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage
https://github.com/lmk123/blog/issues/66
https://segmentfault.com/a/1190000016910121
…
if (performance.navigation.type == 1) { alert( "This page is reloaded" ); }
…
.at method on built-in indexables 📕.
const cart = ['🍎',
… function sleep(delay) {
var start = (new Date()).getTime();
while ((new Date()).getTime() - start < delay) {
continue;
}
}
function test() {
console.log('111');
sleep(2000);
console.log('222');
}
test()
方法二:定时器
function sleep1(ms, callback) {
setTimeout(callback, ms)
}
//sleep 1s
var ws = new WebSocket('ws://localhost:9222/devtools/page/3c5c05fa-80b7-4cfe-8d1d-ebe79a7a5730');
ws.onopen= function() {
ws.send('{"id": 1, "method": "Page.navigate", "params": {"url": "https://www.fangdushi.com"}}')
};
ws.onmessage= function(evt) {
console.log('Received a message from the server!'+evt.data);
};
api文档地址https://chromedevtools.github.io/devtools-protocol/1-2
…
参考文章:how to check directory size in Linux
用于显示目录或文件的大小。
查看目录大小的命令是du(当然也可以查看文件大小),例如:du ems_data,就是查看ems_data目录下各子目录的大小;du,就是查看当前目录下各子目录的大小;du *,就是查看当前目录下各子目录和文件的大小。
为了提高查看效果,我们需要对结果进行排序,因为du的命令结果很乱,例如:
Stack Overflow 2022 开发者调查报告现已出炉。Stack Overflow 年度开发者调查是面向全球开发者进行的规模最大、最全面的调查,调查涵盖了从开发者喜爱的技术到工作偏好等内容。2022 年是 Stack Overflow 发布年度开发者调查报告的第十二年,有来自 180 个国家 / 地区的 73000 多名开发人员参与了这个调查。其中,依旧是来自美国和印度的受访者数量最多,其次是德国和 UKI(英国和爱尔兰);仅有 632 份调查反馈来自中国开发者,占比为 0.88%。
此次调查的一些亮点内容如下:
…
近期评论