-
HTML5的inputtype="month"提供原生年月选择功能,格式为“YYYY-MM”,支持设置初始值、JavaScript动态赋值与创建,需兼容旧浏览器并注意表单提交时后端按字符串解析。
-
答案:call、apply和bind用于改变函数this指向,call与apply立即执行并分别接收参数列表和数组,bind返回绑定后的新函数且支持柯里化与new优先级处理。
-
CSS绘制形状是通过盒模型、border-radius、transform、伪元素和clip-path等属性,将基础元素“雕刻”成目标形态。1.矩形/正方形由width和height定义;2.圆形/椭圆通过border-radius:50%实现;3.三角形利用透明边框与有色边框的视觉差;4.心形结合旋转主元素与两个圆形伪元素拼合;5.气泡框用矩形主体加三角形伪元素构成“小尾巴”;6.clip-path作为“裁剪大师”,以polygon、circle等函数实现复杂非矩形裁剪,提升图形自由度;7.伪元素::b
-
使用语义化标签提升HTML可读性,关键在于准确表达内容结构。1.选用header、nav、main等标签替代无意义div;2.合理组织标题层级,保持h1至h6逻辑连贯;3.为按钮、表单等交互元素添加原生语义和aria属性;4.类名聚焦功能而非样式,如.user-profile优于.red-button。通过标签与命名的语义化,使代码更清晰、易维护,并增强对搜索引擎和辅助技术的友好性。
-
应显式声明transition属性而非all:如transition:background-color0.2s,border-radius0.3s,transform0.35sease-out;避免混用重排属性(left/top/width/height)与硬件加速属性(transform/opacity);后声明的transition会覆盖前序同名规则;animation与transition混用易冲突,状态切换优先transition,多帧过程优先animation。
-
JavaScript事件是浏览器对用户行为或状态变化的信号通知机制,本质是生成Event对象并按规则分发给监听器,由回调函数执行逻辑。
-
ESLint是主流JavaScript代码检测工具,支持自定义规则和插件,可检测语法错误与代码异味;配合Prettier统一格式,JSHint适合小型项目,StandardJS提供零配置方案;通过npxeslint--init初始化并集成到package.json脚本,结合编辑器插件实现实时提示;在CI/CD中引入检查流程,利用husky与lint-staged在提交时校验,确保代码规范,提升质量与协作效率。
-
掌握CSS定位关键在于理解四种模式的行为逻辑:static不脱离文档流;relative占位且偏移基于自身;absolute脱离流并参照最近已定位祖先;fixed脱离流且相对视口固定;sticky是两者的结合体。
-
required仅校验非空,pattern才校验格式;pattern需配合text类type,值为无前后斜杠的正则,浏览器自动添加^$,反斜杠需双写,Unicode需用汉字范围或JS处理,空值校验用|^$分支,提示靠title属性。
-
HTML5拖拽上传需前端JavaScript加密(如WebCryptoAPI的AES-GCM),密钥须动态派生或安全下发,加密在ArrayBuffer读取后、上传前完成;服务端严格解密验证,全程强制HTTPS。
-
绝对定位元素常导致父元素高度塌陷,因其脱离文档流使父元素无法感知其尺寸,仅依赖其他非定位子元素计算高度,故父容器可能退化为0。
-
HTML5中文字不换行可采用五种方法:一、white-space属性控制空白处理;二、word-break强制断词;三、overflow-wrap智能换行;四、<br>手动换行;五、结合width与text-align规范块级换行。
-
align-self用于控制单个网格项在区域内的垂直对齐,覆盖align-items;取值包括start(顶部)、end(底部)、center(居中)、stretch(拉伸);可单独设置如.item2{align-self:center}实现独立对齐;配合margin可微调位置,适用于表单、卡片按钮底部固定等场景。
-
HTML表格使用<table><tr><th><td>构建,支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。
-
<template>元素内容需克隆后使用,直接操作会清空源;必须用content.cloneNode(true)深克隆,再修改textContent或dataset;注意判空、防XSS,跨文档才需importNode。