记录－交流－Web开发知识分享
长久以来，file类型的 <input> 文件选择框有个非常诟病的问题，那就是浏览器默认的样式太丑，且无法自定义。
实时效果如下所示：
如果希望兼顾功能与视觉，通常的做法是隐藏文件选择输入框，然后使用 <label> 元素模拟上传按钮，HTML结构示意如下：
更多 请参考
https://www.zhangxinxu.com/wordpress/2022/10/css-file-selector-button/
…
stream.getVideoTracks()[0].addEventListener('ended', () => {
errorMsg('The user has ended sharing the screen');
});
先注册以上事件 .
当点击"停止共享" 按钮时,触发此事件 .
…
…
gzip_types 添加 text/html类型:
如下:
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/html text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
…
在 HTTP 中传输数据有一个 chunked 的方式, 又称“分块传输”。在响应报文里用头字段Transfer-Encoding: chunked 来表示。意思是报文里的 body 部分不是一次性发过来的，而是分成了许多的块（chunk）逐个发送。而 HTTP2.0 协议作为 HTTP协议的升级，自然是对chunked模式做支持？不然！
HTTP2 是没有 chunked 的！
分块传输也可以用于“流式数据”，例如由数据库动态生成的表单页面，这种情况下 body 数据的长度是未知的，无法在头字段“Content-Length”里给出确切的长度，所以也只能用 chunked 方式分块发送。
先说结论，HTTP2 是不支持
HTTP/2不支持 HTTP 1.1 的分块传输编码机制Transfer-Encoding:chunked，因为它提供了自己的、更高效的数据流传输机制
…
HTTP/2 和 HTTP/3 中禁止使用特定于连接的标头字段，如Connection 和 Keep-Alive。Chrome和火狐在 HTTP/2 响应中忽略它们，但 Safari 符合 HTTP/2 规范要求，并且不会加载包含它们的任何响应。
…
sub_filter_last_modified on; //当用sub_filter模块替换页面内容时,解决 etag和last-modified头消失问题
如果etag还是不,生效请将etag格式改为 W/"90cc07a9ab0faeb67b6184303273abad"形式即可生效.
…
让我们看看如何通过最小化变量的可见性来防止意大利面条代码现象的一些建议。
我们的目标是尽可能减少变量在源代码中可见的代码部分，即减少变量的范围。
范围最小化是一种结构化代码的过程，它很容易：
事实上，定义变量可见性的是代码结构。…
近期评论