-
JavaScript操作DOM需先获取元素,再通过属性、方法或事件动态修改内容、结构、样式与属性,并监听用户交互实现响应式更新。
-
构造函数和class语法在JavaScript中功能相似,但class更现代、结构清晰;2.构造函数基于原型,需手动处理继承,适合理解底层机制;3.class使用extends和super实现继承,语法简洁,支持静态方法和getter/setter;4.class默认严格模式且不提升,推荐现代开发使用,构造函数适用于老旧环境或深入学习原型。
-
CSSGrid注册页布局需语义化HTML、两列式网格对齐标签与输入框,并用display:contents使子元素直参网格排列,小屏时通过媒体查询转单列。
-
CORS预检请求是浏览器对非简单请求(如PUT、自定义头、application/json)发起前自动发送的OPTIONS请求,用于确认服务器是否允许跨域。满足以下任一条件即触发:请求方法非GET/POST/HEAD、设置自定义头部(如X-Token)、Content-Type为application/xml等非常规类型。浏览器在预检中携带Access-Control-Request-Method、Access-Control-Request-Headers和Origin头,服务器需响应Access-Co
-
ReactNative通过桥接机制实现JS与原生高效通信,核心由JavaScript线程、原生线程和桥接层组成,支持异步序列化调用,需注册原生模块供JS访问,存在性能开销,可通过批量操作、TurboModules、Hermes等优化。
-
AppCache通过manifest文件实现离线访问,定义缓存、网络和备用资源,需在HTML中引用并正确配置MIME类型,其行为依赖文件内容变更触发更新,存在跨域限制与安全风险,现已逐步被ServiceWorker取代。
-
JavaScript状态管理核心是数据变化可追踪、可预测且与视图协同更新,可通过普通对象+函数封装、Proxy响应式、发布-订阅或现代工具链(如Zustand、ReduxToolkit)实现,关键在匹配项目规模与团队习惯。
-
CSSTransition通过设置transition-property、duration、timing-function和delay实现元素样式平滑变化,如按钮悬停变色;可由:hover、:focus或JavaScript操作类名触发,常用于无需JS的基础动画,需注意属性值明确且避免使用不支持过渡的属性。
-
相邻兄弟选择器用+表示,用于选中紧接在另一个同级元素后的元素。例如:h2+p{color:red;}只有第一个<p>会被选中,因其紧跟<h2>且同级;常见场景包括标题后段落样式、表单提示信息、列表项微调;使用技巧涵盖控制间距、配合隐藏元素、避免重复类名;注意事项包含仅作用于紧邻下一个兄弟、必须同级、不支持向前查找;反例中<p>是.box子元素,故选择器无效。掌握其规则可减少冗余class并提升样式控制精度。
-
图片在竖屏设备显示异常时,可通过五种方法实现自适应:一、CSSmax-width与height:auto;二、object-fit配合固定宽高比容器;三、viewport+媒体查询定向适配;四、Grid+minmax()弹性填充;五、JS动态切换srcset。
-
可将非HTML文档转为浏览器可打开的HTML文件,方法包括:一、Word另存为网页;二、Typora导出Markdown;三、记事本手写HTML代码保存;四、LibreOffice导出HTML;五、在线工具转换。
-
@import必须置于CSS最前以引入模块文件,如base、layout等,实现样式拆分,支持媒体查询条件加载,但同步阻塞影响性能,建议仅用于小型项目。
-
答案:CSS选择器通过组合方式精确匹配元素,优先级按a-b-c-d规则计算,!important最高但慎用,后定义覆盖前定义。
-
父元素高度塌陷是因为浮动元素脱离标准文档流,导致父容器无法计算其高度;常见于仅含浮动子元素的父容器,清除浮动应通过创建BFC(如display:flow-root)或伪元素clearfix实现。
-
文字闪烁效果通过CSS的@keyframes和opacity属性实现,先定义动画关键帧控制透明度周期变化,再用animation属性绑定到元素,实现如提示信息的吸引注意效果,并需注意频率控制与可访问性。