-
box-shadow动画无反应的主因是初始或悬停状态使用了none或不合法值,导致浏览器无法插值;应始终用合法rgba值(如0000rgba(0,0,0,0))起始,并协同调整blur-radius、offset和alpha实现自然扩散效果。
-
设置overflow-y为auto或scroll可解决内容截断问题,1.容器固定高度搭配overflow:hidden会导致溢出内容被隐藏;2.使用overflow-y:auto在垂直方向超出时自动显示滚动条;3.可配合overflow-x:hidden控制横向不滚动;4.需避免子元素的绝对定位或flex布局破坏滚动结构。
-
max-width必须配margin:0auto才能居中,因max-width仅限制最大宽度而不控制位置;仅设max-width时内容左对齐、右侧留白,而margin:0auto触发浏览器水平居中逻辑,且避免margin:auto引发的垂直偏移。
-
background-clip属性决定背景的绘制范围,其默认值border-box使背景延伸至边框外沿,包含padding和content区域;若设置为padding-box则背景覆盖内边距及内容,而content-box仅在内容区显示背景,常因误设后两者导致背景未覆盖padding区域;通过将background-clip设为border-box,可确保背景色或背景图正确填充padding区域,避免“padding遮挡背景”的误解,尤其在使用渐变或图片背景时更需注意该属性的合理设置。
-
LongAnimationFramesAPI不检测掉帧,而是记录执行超50ms的单帧动画回调作为卡顿预警信号;它仅捕获rAF/timeout等调度任务,不含layout/paint耗时,需页面加载后运行动画再调用performance.getEntriesByType('long-animation-frame')获取数据。
-
JS插件未加载成功的首要原因是浏览器未成功获取JS文件,需通过Network面板检查状态码是否为404/403,并验证路径、服务器部署、CDN缓存、大小写及Content-Type等。
-
HTML5按钮需用<button>标签并规范设置属性:type指定行为(button/submit/reset),id/class用于样式与脚本控制,disabled与aria-disabled协同增强可访问性,支持SVG图标与文本混合内容。
-
JavaScript的继承基于对象间的原型链委托,而非类的模板复制。1.类继承通过extends实现静态层级结构,子类复制父类成员;2.原型继承通过[[Prototype]]链接对象,动态查找属性与方法;3.class语法是原型机制的语法糖,底层仍为对象委托。
-
主轴由flex-direction决定,justify-content控制主轴对齐,align-items和align-content分别控制交叉轴上单行或多行元素的对齐方式,从而实现灵活布局。
-
表单性能测试的核心是模拟用户提交行为并测量端到端响应时间,需通过识别关键表单、定义响应时间等指标、选用浏览器开发者工具或JMeter等负载工具、模拟真实用户操作、处理动态数据与会话、分析网络与客户端耗时,并在不同并发下测试以发现瓶颈,常见挑战包括动态令牌、异步提交和第三方依赖,而工具选择应综合协议支持、脚本能力、并发规模、报告功能及团队技能,最终确保测试结果真实反映系统性能,完整覆盖从用户操作到服务器响应的全过程。
-
HTML5History返回白屏的典型原因不是路由没注册,也不是history.pushState失效,而是页面刷新或返回时,服务端没正确响应静态资源路径,导致HTML文件没加载成功——浏览器拿到的是404或空响应,自然白屏。常见错误现象:Failedtoloadresource:theserverrespondedwithastatusof404(),但控制台没报JS错误;地址栏显示/user/profile,Network面板里却在请求这个路径的HTML
-
text-align:center对浮动元素无效,因为text-align只控制行内内容在块级容器中的水平对齐,而浮动元素已脱离文档流,不再受其影响。
-
每个项目应封装为语义化<sectionclass="project">区块,含<h3>标题、<pclass="meta">辅助信息(含<time>)、简洁描述及可点击链接;移动端单列,平板起用grid自适应;强调时间精度、具体技术动作与量化结果。
-
eval是JavaScript中高危函数,将字符串作为代码执行,易导致XSS、性能差、调试难、作用域混乱;应禁用,改用JSON.parse、方括号访问、Reflect.apply等安全替代方案。
-
SQL注入源于后端未过滤的用户输入拼接进SQL语句,必须用参数化查询防御;前端校验可被绕过,ORM使用不当仍会触发注入;表名等动态元素需白名单校验,日志记录也需防范二次注入。