前端技术文章
-
- 如何使用展开运算符在浅拷贝时重写对象特定属性
- 展开运算符(...)实现浅拷贝并覆盖属性,即先展开原对象再以后面同名属性为准;仅复制顶层属性,嵌套引用类型仍共享内存;支持解构排除、动态键及条件更新,比Object.assign更声明式。
- 文章 · 前端 | 3星期前 | 326浏览 收藏
-
- HTML5怎么标注重点在PDF导出时会保留吗_html转PDF标注保留技巧【解答】
- HTML5的<mark>标签在转PDF时默认不保留高亮,需显式定义CSS样式并选用支持该标签的工具;wkhtmltopdf和WeasyPrint支持但表现不同,pdfmake/jsPDF则完全忽略,推荐用class替代并配合打印预览验证。
- 文章 · 前端 | 3星期前 | 326浏览 收藏
-
- 对象解构赋值中的别名设置与默认值处理是JavaScript中常用的功能,能够提升代码的可读性和灵活性。以下是对这两个特性的详细解析:一、别名设置(Alias)在对象解构赋值中,别名是指为从对象中提取的属性赋予一个不同的变量名。这在属性名与变量名不一致时非常有用。语法:const { 属性名: 别名 } = 对象;示例:const user = { name: 'Alice', age: 2
- 对象解构中别名(用冒号)解决命名冲突,默认值(用等号)仅对undefined生效;二者可共存,如{username:loginName='访客'},先重命名再判断是否undefined。
- 文章 · 前端 | 3星期前 | 326浏览 收藏
-
- CSS :valid 与 pattern 实现表单验证样式
- pattern属性是:valid生效的前提,仅对文本类输入有效且需注意全匹配机制、移动端兼容性及JS补位校验。
- 文章 · 前端 | 3星期前 | 326浏览 收藏
-
-
点击我事件冒泡与捕获是 JavaScript 中处理事件的两种机制,理解它们有助于更好地控制事件行为。以下是详细解释:一、事件冒泡(Event Bubbling)定义: 当一个元素上的事件被触发时,该事件会从该元素开始,向上传播到其父元素,直到传播到 document 或 window。示例: 假设有一个嵌套结构: 点击我 - 事件冒泡和捕获的本质区别是传播方向不同:捕获阶段从document向下传递至目标元素,冒泡阶段从目标元素向上传递回document;两者是浏览器固定执行的两个连续阶段,非互斥模式。
- 文章 · 前端 | 3星期前 | 325浏览 收藏
- 如何用正则掩码处理银行卡号保留前后位
- 银行卡号掩码处理保留前4位和后4位,中间用星号替代;正则模式为^(\d{4})\d{7,15}(\d{4})$,配合代码动态计算星号数量,兼顾15–19位卡号兼容性。
- 文章 · 前端 | 3星期前 | 325浏览 收藏
- 如何选中所有单选框并自定义样式
- 纯CSS无法直接美化原生单选框,需隐藏input并用label+伪元素模拟;批量“选中所有”单选框在逻辑上不可行,因同name单选框组天然互斥。
- 文章 · 前端 | 3星期前 | 325浏览 收藏
- 如何利用Less的DataUri函数优化小图加载性能_自动将图片转Base64
- Less的data-uri()函数需静态路径、不支持变量或构建别名,SVG易因BOM/XML声明静默降级,Safari不支持content:url(data:),CSP须配置img-src'self'data:。
- 文章 · 前端 | 3星期前 | 325浏览 收藏
- KeepAlive缓存优化与内存管理技巧
- KeepAlive最大缓存实例数必须通过max属性显式设置正整数,否则内存持续累积;超出时按LRU自动淘汰最久未用实例,并需配合include/exclude精准控制缓存范围及组件内手动清理副作用。
- 文章 · 前端 | 2星期前 | 325浏览 收藏
- CSS父级选择器缺失怎么解决?:has()语法来帮忙
- Chrome105+、Safari15.4+、Firefox121+已默认支持:has()伪类,可实现子元素反选父元素,需用>、+、~等关系符精确控制层级,且不可用于选择器中间或与伪元素连用。
- 文章 · 前端 | 4星期前 | 324浏览 收藏
- JavaScript生成器怎么用?适用场景详解
- 生成器函数调用后返回一个Generator对象,它既是迭代器(含next()方法)又是可迭代对象(支持for...of和展开运算符),内部维护执行上下文,仅在调用next()时推进并暂停于yield。
- 文章 · 前端 | 3星期前 | 324浏览 收藏
-

