- 博客(24)
- 收藏
- 关注
原创 如何判断当前页面是否被嵌入进iframe
如果 window.self === window.top 为 true,说明当前窗口是顶级窗口,没有被嵌入到 iframe 或 frame 中。如果为 false,说明当前窗口被嵌入到了 iframe 或 frame 中,window.top 指向的是包含它的顶级窗口。是一个 JavaScript 表达式,用于判断当前窗口是否是顶级窗口(即是否嵌入了 iframe 或 frame)。(如果页面没有嵌入 iframe 或 frame,window.top 和 window.self 是相同的。
2025-03-21 15:03:08
283
原创 script.defer 和 async await区别
用于控制脚本的加载和执行时机,适合需要在DOM 加载完成后执行的脚本。不阻塞 HTML 解析,按顺序执行。用于异步加载脚本,适合独立脚本。不阻塞 HTML 解析,但无执行顺序保证。用于 JavaScript 中处理异步操作,使异步代码更易读。不阻塞主线程,按顺序执行异步任务。
2025-03-06 18:55:13
329
原创 pc端水印生成—webwatermark
dws-watermarkjs/webwatermark 是一个用于在前端页面中添加水印的 JavaScript 库。它支持文字和图片水印,并提供丰富的配置选项,同时具备防止水印被轻易移除的功能。性能:如果页面内容频繁变化,启用 DOM 监控可能会对性能产生一定影响。安全性:前端水印并不能完全防止内容被复制或截图,只能增加一定的难度。content string ‘’ 水印内容(文字或图片 URL)spacing number 100 水印之间的间距。zIndex number 9999 水印的层级。
2025-03-05 11:09:41
255
原创 Vue2—子组件修改父组件值的方法
在 Vue 2 中,子组件不能直接修改父组件的值,因为 Vue 遵循单向数据流的原则。父组件通过 props 向子组件传递数据,子组件通过 $emit 触发事件来通知父组件修改数据。子组件:通过 this.$emit(‘update:propName’, newValue) 更新父组件的数据。如果子组件需要修改父组件的一个特定值(通常是表单控件),可以使用 v-model。父组件:通过 props 向子组件传递数据,并监听子组件的事件。子组件:通过 $emit 触发事件,并将新值传递给父组件。
2025-03-04 09:50:04
353
原创 vue3的路由中如何使用transition;Transition + Component实现路由跳转浅入浅出效果
vue3的路由中如何使用transition;Transition + Component实现路由跳转浅入浅出效果
2022-11-02 21:38:42
1055
原创 Vue3获取dom元素方法 和 composition API 的使用场景 和 父传子使用props传值
Vue3获取dom元素方法 和 composition API 的使用场景 和 父传子使用props传值
2022-10-14 20:58:11
965
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人