thlzjfefe的博客

翻译：疯狂的技术宅https://blog.logrocket.com/un...本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章shadow DOM不是超级英雄电影中的恶棍，也不是DOM的黑暗面。 shadow DOM只是一种解决文档对象模型（或简称DOM）中缺少的树封装方法。网页通常使用来自外部源的数据和小部件，如果它们没有封装，那么样式可能会影响HTML中不必要的部分，迫使开发人员使用特定的选择器和!important规则来避免样式冲突。尽管如此，在编写大型程.

如果你使用76+版本的chrome浏览器，通过开发者面板查看每个网络请求，会发现都有几个Sec-Fetch开头的请求头，例如访问百度首页https://www.baidu.com/的请求：Sec-Fetch-Dest: documentSec-Fetch-Mode: navigateSec-Fetch-Site: noneSec-Fetch-User: ?1这是用来干嘛的呢，简单来说，就是网络请求的元数据描述，服务端根据这些补充数据进行细粒度的控制响应，换句话说，服务端可以精确判断请求的合

本篇文章主要介绍了解决浏览器会自动填充密码问题的方法。具有很好的参考价值。下面跟着小编一起来看下吧解决办法是在form上或input上添加autoComplete="off"这个属性。form表单的属性如下所示：但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。1.'autocomplete="off"'在Chrome中不起作用解决方案网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了：首先从登录弹框中登陆成功，.

众所周知canvas是位图，在位图里我们可以在里面画各种东西，可以是图片，可以是线条等等。那我们想给canvas里的某一张图片添加一个点击事件该怎么做到。而js只能监听到canvas的事件，很明显这个图片是不存在与dom里面的图片只是画在了canvas里而已。下面我就来简单的实现一个canvas内部各个图片的事件绑定。 我先来讲下实现原理：其实就是canvas绑定相关事件，在通过记录图片所在canvas的坐标，判断事件作用于哪个图片中。这样讲是不是感觉跟事件代理有点相似咧。不过实现起来还是有稍许复杂的

HTTP 冷知识 | HTTP 请求中，空格应该被编码为 %20 还是 + ？HTTP 请求中，空格应该被编码为什么？今天我们走进RFC 文档和W3C 文档，了解一下这个「史诗级」大坑。1.%20还是+？开始讲解前先看个小测试，在浏览器里输入blank test（blank和test间有个空格），我们看看浏览器如何处理的：从动图可以看出浏览器把空格解析为一个加号「+」。是不是感觉有些奇怪？我们再做个测试，用浏览器提供的几个函数试一下：encodeURICom...

一、pushState比如，当前打开的界面是：https://developer.mozilla.org/en-US/docs/Web/API/History，如下图所示：在chrome的console下，执行代码：history.pushState({},'','https://developer.mozilla.org/en-US/docs/Web/API/History_API')则浏览器中会看到以下三种变化：1、当前地址栏的url会变成：https://developer.

原文链接：https://www.cnblogs.com/chengqiaoli/p/6084631.htmlHTML5提出了一个新的用来跨域传值的方法，即postMessage(这个名字太通俗了所以你最好看看是不是自己写过一个同名的把它覆盖了)。幸运的是IE8就开始支持了。我们假设有两个网站，1.com与2.com，我在1.com的页面上通过iframe或window.open或超链接打...