- 博客(4)
- 收藏
- 关注
RSS订阅原创 不常见css属性和html标签
本文介绍了HTML和CSS的实用标签与选择器。HTML部分包含sup上标、pre保留格式、q引用、mark高亮等标签，以及header、footer等语义化标签。CSS部分详细讲解选择器：通用兄弟(~)、相邻兄弟(+)、伪类(:is/:where/:not/:has等)、伪元素(::first-letter/::selection等)。还介绍了文字样式(text-transform)、布局(aspect-ratio/shape-outside)、背景(background-clip)等特效属性，以及filt
2025-09-07 17:01:49
1194
原创 前端实现水印并防篡改
本文介绍了使用MutationObserver API实现防篡改水印的方法。通过Vue3和TypeScript结合Canvas生成base64格式的水印背景图，当检测到DOM被修改或水印元素被删除时，会立即重新生成水印。主要实现步骤包括：1.使用Canvas创建旋转文字水印并转为base64；2.监听父元素变化，当水印被修改时自动重置；3.设置MutationObserver监听DOM变化。这种方法确保了水印的持久性，即使通过开发者工具也无法轻易移除。
2025-09-03 21:01:53
450
原创 Element-Plus组件二次封装-优雅(vue3)版
本文介绍了Vue中h函数和动态组件component的使用方法。h函数用于创建虚拟DOM节点，可接收标签名或组件对象作为参数，并支持属性、事件和子节点配置。通过component的is属性可以动态渲染组件，文中演示了如何动态切换组件。最后以封装el-dialog为例，展示了完整的实现方案，包括模型绑定、事件处理、插槽配置和组件暴露等功能，实现了支持自定义按钮和回调的对话框封装。
2025-08-28 15:23:51
199
原创 vue2与vue3的区别
Vue2与Vue3核心差异摘要：1.API设计：Vue3采用组合式API（按功能组织代码），替代Vue2的选项式API；2.响应式原理：Vue3使用Proxy实现，支持属性增删监听，Vue2基于Object.defineProperty；3.生命周期：Vue3新增setup并统一添加on前缀；4.性能优化：Vue3通过静态提升、动态节点标记等大幅提升虚拟DOM效率；5.特性对比：Vue3新增Teleport、Suspense等特性，取消过滤器，支持多根节点模板，提供更好的ts支持
2025-07-17 18:47:58
1483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人