-
浏览器不报错但可访问性失效,ChromeDevTools“Accessibility”面板标红提示对比度不足;实际表现为屏幕阅读器忽略文字,文字“看不见但存在”;需用color-mix()、明度控制和微阴影等手段确保稳定可读。
-
骨架屏闪烁动画禁用opacity而用position+transform,因opacity在低端环境易卡顿,transform可硬件加速;须设父容器position:relative和overflow:hidden,伪元素宽高略大,IE11/iOS12需降级left动画,多组件同步需JS控制起始。
-
Webpack适合复杂前端应用,支持多模块格式与资源处理,提供灵活的代码分割和运行时加载机制;2.Rollup专注ESModule,通过静态分析实现高效TreeShaking,生成简洁代码,更适合打包JavaScript库;3.选型应基于项目类型,应用开发优选Webpack,库开发首选Rollup。
-
ID选择器权重是(0,1,0,0)而非“比class多10”,因CSS优先级按四元组(a,b,c,d)逐位比较,ID仅贡献b位,高位胜出即终止比较,故十个类选择器(0,0,10,0)仍不敌一个ID。
-
MongoDB是基于文档的NoSQL数据库,采用BSON格式存储数据,具有模式自由、高可扩展性和丰富查询功能;Mongoose作为Node.js的ODM工具,通过Schema定义和模型封装提供数据验证、中间件、虚拟属性等机制,使操作MongoDB更结构化;通过User.create、find、findByIdAndUpdate等方法实现简洁的增删改查,结合链式调用提升代码可读性,并推荐使用异步连接与错误监听确保稳定性。
-
本文详解inline-block元素(如导航栏容器)下方出现不可见空白的底层原理,并说明为何开发者工具(F12)无法直接高亮该空白,同时提供vertical-align、display:block等可靠修复方案。
-
fixed元素脱离文档流并相对于视口定位,常用于导航栏或返回顶部按钮;当页面出现滚动条时,其全宽布局可能因滚动条占用空间而错位,可通过calc()、margin补偿或flex布局解决;同时需注意z-index避免遮挡,并在移动端考虑软键盘导致的定位异常,可采用sticky替代或监听事件调整定位,确保视觉一致性。
-
Chrome检测HTML5元素支持需用document.createElement模拟创建并检查特有属性或方法,如canPlayType、getContext、contentEditable等;语义标签用'classList'in判断;Modernizr可批量检测,但注意其返回的是能力而非完整兼容性。
-
WebSocket需服务端配合、状态管理、错误重连和协议设计;常见问题包括URL协议错误(须用ws/wss)、连接拒绝、关闭异常及JSON序列化要求;应检查readyState、实现心跳与指数退避重连,并重视消息ID与离线队列。
-
JavaScript对象首选字面量{}创建,注意引用赋值陷阱;Object.defineProperty可精细控制属性特性;in、hasOwnProperty、Object.keys等方法查询范围不同;delete删除属性而赋值undefined仅设值。
-
掌握margin设置可提升布局质量:通过margin控制元素间距,避免折叠(如用BFC或单侧margin),使用margin:0auto实现块级居中,并结合Flexbox的margin-auto分配空间。
-
transition不必作用于width/height,推荐用transform:scale()实现平滑缩放;需设初始值、transform-origin和will-change以避免布局偏移与卡顿,并针对hover/active及多端兼容做适配。
-
使用border-radius可实现元素圆角效果,基础语法为设置统一半径,如.box{border-radius:10px;},也可用%创建圆形头像;支持分别控制四个角,按顺时针顺序赋值或使用命名属性;通过斜杠/分隔可设置椭圆圆角,如20px/10px;实用技巧包括与overflow:hidden配合裁剪内容、用transition实现悬停动画,且值过大时浏览器会自动限制。
-
代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级(如React.lazy、Vue异步组件)和功能级(如点击后加载xlsx)分割,并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。
-
需将HTML5文件放入Apache的DocumentRoot目录(如/var/www/html/),配置权限、虚拟主机及mod_rewrite(单页应用需.htaccess回退规则),重启服务后通过http://localhost/myapp/访问。