04 2022 档案

为什么vue v-html不执行script代码？
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 问题 有个朋友问了个问题：为啥vue中的v-html不会执行<script>中的js代码？ 比如，给v-html赋予下面这个值，虽然看到DOM中有值，但却不会弹窗。 <script>alert(/xss/)</script> 解释 可能他还 阅读全文
posted @ 2022-04-28 17:51 simonbaker 阅读(638) 评论(0) 推荐(0)
你知道window.origin和location.origin的区别吗？
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 定义 window.origin 该属性是只读的。 origin的值是当前页面环境的源。 当源不是http和https协议，比如是file协议，则返回的值是null。 window.location.origin 该属性也是只读的。 表示的 阅读全文
posted @ 2022-04-26 16:55 simonbaker 阅读(2003) 评论(0) 推荐(0)
DOM事件流
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 DOM事件触发顺序 遵循两个原则：1、先触发捕获阶段，然后到目标阶段，最后到冒泡阶段2、目标阶段，按照代码顺序来触发，不区分捕获和冒泡 Demo 代码 <head> <meta charset="utf-8"> <title>事件流</ti 阅读全文
posted @ 2022-04-24 09:38 simonbaker 阅读(173) 评论(0) 推荐(0)
Referrer Policy示例讲解
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 首先，referer的写法是错的，正确的是referrer。大概是早期http规范的拼写错误，然后为了保持向下兼容，就将错就错了。 九种policy enum ReferrerPolicy { "", "no-referrer", "no- 阅读全文
posted @ 2022-04-22 16:35 simonbaker 阅读(429) 评论(0) 推荐(0)
js加载在css前面或后面的示例讲解
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 问题 看到一张图，想到一个问题：js放在css之前和js放在css之后，是否会阻塞页面？ 如下截图所示： 初步来看，js在css之后肯定会阻塞的，因为js是会先解释和执行，然后再渲染下面的节点。 但截图中的右侧呢？会不会阻塞？一般很少把js 阅读全文
posted @ 2022-04-21 17:02 simonbaker 阅读(243) 评论(0) 推荐(0)
clickjacking的示例讲解
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 概述 clickjacking，中文叫点击劫持。是一种在网页中将恶意代码等隐藏在看起来安全的内容之下，并诱使用户点击的手段。 比如，用户收到一封包含一段视频的电子邮件，但其中的“播放”按钮并不是真正的播放视频，而是链入一购物网站。当用户点击 阅读全文
posted @ 2022-04-20 15:44 simonbaker 阅读(117) 评论(0) 推荐(0)
window.name和postMessage跨域详解
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 概念 window.name 1、在一个窗口还没关闭之前，同一个窗口的所有页面都共享同一个window.name。 这个窗口可理解为chrome浏览器的一个tab标签页面。另外，从一个页面中跳转到另一个页面后，这些页面都共享同一个windo 阅读全文
posted @ 2022-04-18 16:41 simonbaker 阅读(158) 评论(0) 推荐(0)
你知道async await的缺陷吗？
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 缺陷 使用async和await后，我们的代码看起来是同步的。这个就是它的优点。 await会阻塞后面的代码，直到promise完成。但这会可能出现因为大量的await，导致promise变慢。 因为每个await都会等待前一个完成才执行， 阅读全文
posted @ 2022-04-15 16:15 simonbaker 阅读(622) 评论(0) 推荐(0)
HSTS 示例讲解
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 定义 HSTS，全称是HTTP Strict Transport Security。设置后，浏览器只会通过HTTPS来访问服务端。 详情解释 你的网站第一次通过HTTPS请求，服务器响应Strict-Transport-Security头， 阅读全文
posted @ 2022-04-14 15:03 simonbaker 阅读(227) 评论(0) 推荐(0)
解决element ui的z-index问题
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 问题 测试发现一个偶现的bug，第一次打开调度配置的页面，点击具体时间是能选择时间的，但关闭后打开其他配置页面，再回来打开调度配置的页面，发现点击具体时间没反应。 如下截图所示： 分析 一开始以为是调度配置页面组件的状态问题。因为具体时间是 阅读全文
posted @ 2022-04-13 09:40 simonbaker 阅读(1106) 评论(0) 推荐(0)
vue的v-if和v-show需要注意的问题
摘要：文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。 前言 应该大家都知道v-if和v-show的区别。 v-if，是有条件的渲染，当条件是true的时候，才渲染到dom节点中。当条件是false的时候，是不会渲染到dom节点中。 v-show，则不管条件是否为true，都会渲染到dom节点中 阅读全文
posted @ 2022-04-09 16:59 simonbaker 阅读(432) 评论(0) 推荐(0)