前端技术文章
-
-
structuredClone深拷贝原理与使用解析
-
structuredClone()一行代码实现原生深拷贝,支持基础类型、Map/Set/Date/RegExp/Error、ArrayBuffer/TypedArray/Blob等,不支持函数/Promise/Proxy/DOM节点/WeakMap/WeakSet。
-
文章 ·
前端
| 1个月前 |
149浏览
收藏
-
-
CSS中place-items属性详解与用法
-
place-items:center是专用于Grid容器的居中简写,等价于justify-items:center和align-items:center,仅在display:grid下可靠生效;失效主因包括父容器未设grid、子元素绝对定位或容器高度塌陷。
-
文章 ·
前端
| 1个月前 |
305浏览
收藏
-
-
preload属性如何提升媒体加载体验
-
preload属性仅为提示而非强制指令,实际加载由浏览器策略、设备与网络决定;移动端尤其iOSSafari常忽略该设置,metadata最可控;需监听loadedmetadata事件获取时长等元信息,不可依赖readyState初始值。
-
文章 ·
前端
| 1个月前 |
409浏览
收藏
-
-
表单防篡改方法:后端验证+签名+加密
-
表单防篡改的核心在于服务器端验证,前端措施仅能优化体验而无法保障安全。通过CSRF令牌防止伪造请求,结合HMAC签名验证关键数据完整性,确保表单提交的可信性。服务器必须对所有输入进行严格校验与净化,防止恶意数据入库。同时,通过日志记录、错误提示、幂等性处理和限流风控等机制,全面应对异常提交,构建多层次、以服务器为中心的防护体系。
-
文章 ·
前端
| 1个月前 |
204浏览
收藏
-
使用伪元素创建横线