-
高阶组件(HOC)是React生态中一种函数式编程模式,即接收组件并返回新组件的纯函数,用于逻辑复用;它通过代理方式注入props、抽象状态、控制权限或增强生命周期,但需注意静态方法继承、ref透传及嵌套调试问题。
-
直接上手Flexbox是提升布局能力最高效的方式,它规则清晰、兼容性好,适合新手建立“容器-项目”思维;掌握容器属性(如justify-content、align-items)和5个典型场景即可覆盖80%常用布局。
-
:nth-child匹配父元素下第N个子元素(不区分标签类型),:nth-of-type只匹配同标签的第N个元素;前者按位置,后者按类型分组编号。
-
colgroup标签用于对HTML表格的列进行分组并统一设置样式,常与col标签配合使用。1.colgroup通过span属性可一次性控制多列,而col用于定义单列的具体样式。2.它们的协同工作原理是colgroup提供整体样式,col实现局部覆盖。3.常见应用场景包括统一列宽、视觉分组、打印优化和简化CSS维护。4.使用时需注意其兼容性限制,如有限的CSS属性支持、样式优先级问题及display:none的局限性。了解这些特点有助于高效地控制表格列样式并避免常见问题。
-
在Angular应用中,当通过API获取“相似用户”列表时,若响应数据默认包含当前查看的用户(ID相同),需在组件层对data.data数组执行ID过滤,剔除与当前路由参数一致的用户项,确保列表仅展示其他关联用户。
-
stroke属性用于设置SVG图形描边颜色,支持颜色名称、十六进制、RGB、HSL等CSS颜色值,可通过元素属性或CSS类统一控制,结合stroke-width与fill使用可优化视觉效果。
-
当页面中多个元素通过CSStransition动态改变尺寸(如hover展开)时,为确保用户始终可见完整内容,可通过ResizeObserver或transitionend事件结合scrollIntoView({behavior:'smooth'})实现响应式平滑滚动。
-
Redux核心由store、reducer和action构成,通过createStore创建store并提供getState、dispatch和subscribe方法;dispatch触发reducer同步更新state并通知监听器,保证状态可预测;applyMiddleware利用柯里化和高阶函数实现中间件链,形成洋葱模型,支持日志、异步等扩展;thunk中间件允许dispatch函数形式的action;大型应用中存在全局更新导致重渲染、不可变更新成本高等性能问题;可通过reselect优化派生数据计算
-
JavaScript是动态编程语言,具备DOM操作、异步处理等完整能力;其单线程+事件驱动模型导致异步任务延后执行;var声明提升但赋值不提升,let/const存在暂时性死区;对象赋值为引用传递,相等判断需注意引用而非值。
-
JavaScript可通过WebBluetoothAPI在HTTPS网站中通过用户触发与BLE设备通信,支持Chrome/Edge等浏览器,流程包括请求设备、连接GATT、获取服务特征、读写监听数据,需注意权限、配对及特征属性检查。
-
JavaScript在浏览器中是单线程的,通过事件循环机制实现异步非阻塞操作。主线程负责执行JS代码、渲染页面和处理用户交互,为避免DOM操作冲突,一次只能执行一个任务。耗时操作由浏览器的WebAPIs处理,完成后将回调放入任务队列。事件循环在执行栈空闲时,优先执行微任务队列中的任务(如Promise回调),再执行宏任务队列中的任务(如setTimeout)。这种机制使异步代码看似并行执行,实则单线程调度。为解决长时间计算阻塞UI的问题,浏览器引入WebWorkers,允许在独立线程中运行脚本,但Work
-
通过CSS的cursor属性可设置光标样式,支持内置类型如pointer、text及自定义图片;语法为cursor:url('path')xy,fallback;,需注意格式兼容性与热点坐标设置。
-
现代浏览器禁止有声视频自动播放是策略而非bug,Chrome≥66、Safari≥11、Edge≥79默认拦截未静音的autoplay;唯一可靠方案是同时声明autoplay和muted属性(muted须为HTML属性),并添加playsinline与webkit-playsinline以确保内联播放;有声播放必须等待用户首次有效交互后手动取消静音并调用play()。
-
按钮禁用态应使用rgba降低原色不透明度(0.4–0.5),而非固定灰色,以保持色相识别、品牌一致性和无障碍可访问性;需同步调整文字色、边框色并移除悬停/焦点样式。
-
pushState在历史栈新增记录,replaceState直接替换当前记录;两者参数均为(state,title,url),其中state为可序列化数据,title被忽略,url须同源;仅浏览器导航触发popstate事件,需手动监听并初始化渲染。