-
多列布局中图文混排需顺应流式结构，通过column-count或column-width定义分栏，结合width:100%、height:auto和break-inside:avoid确保图片自适应且不断裂，使用figure标签提升语义并控制间距，使图文自然分布。
-
JavaScript框架是预编写的代码库，用于结构化构建网页应用，解决原生JS中DOM手动更新、数据视图不同步、代码复用难等痛点，通过响应式更新、组件化和内置机制提升开发效率与可维护性。
-
<header>是语义化“介绍性区域”，可多处使用但须关联明确内容单元，宜含标题、局部导航、元信息；勿塞全站导航、广告等界面控件，避免空标签或结构混用。
-
WebSocket连接三步：构造函数创建、监听事件、send发送；长轮询靠客户端递归请求模拟实时；核心区别是全双工长连接vs单向HTTP“假连接”；选型依延迟与交互频率而定。
-
:hover:focus是交集伪类，仅当元素同时处于悬停和聚焦状态时生效，适用于需精确控制交互样式的场景，如渐进式提示或无障碍视觉反馈。
-
不用<hr>而选::after伪元素，因<hr>是语义化分隔符，适用于文档结构级分割，而内容区内视觉分割线多为装饰性需求；::after更轻量、灵活且不干扰语义与可访问性。
-
JavaScript异步编程核心是避免主线程阻塞，回调函数易致“回调地狱”且错误处理繁琐，Promise通过状态管理、链式调用和统一错误处理（.catch）提升可读性与组合性，内部仍基于回调但已标准化封装。
-
Flex布局居中登录注册卡片需设body为flex容器并用min-height:100vh、justify-content/align-items:center；两表单共用容器并JS切换display；密码显示按钮应动态切换inputtype；提交按钮禁用后须在finally中恢复。
-
CSS选择器影响性能主要因浏览器从右向左匹配规则，深层嵌套如divullispanem增加验证成本，通配符*、:not()等广范围选择器降低效率，过多规则易触发重排重绘；优化需优先使用类选择器.btn-primary而非复杂结构，控制Sass嵌套不超过三层，采用BEM命名提升语义化，通过CSSModules隔离作用域；实践建议包括用PurgeCSS清除冗余样式，避免滥用!important和内联样式，首屏关键CSS内联、非关键异步加载，并利用ChromeDevTools的Coverage面板检测未使用代码
-
可通过三种方式实现网页图片放大镜效果：一、纯CSS固定比例放大，利用transform与overflow控制；二、JavaScript动态跟随式，通过mousemove实时计算偏移；三、Canvas像素级渲染，提升大图性能与清晰度。
-
答案：HTML通过事件属性或事件监听引用JavaScript函数，需确保函数全局可访问。1.使用onclick等内联属性直接调用全局函数；2.函数须定义在全局作用域以便HTML访问；3.外部.js文件中的全局函数可通过script标签引入并调用；4.推荐使用addEventListener实现HTML与JS分离，提升可维护性。注意函数定义需在调用前完成，避免作用域与加载顺序问题。
-
transition-duration用于定义CSS过渡效果的持续时间，单位为秒（s）或毫秒（ms），如0.5s；可单独设置或与transition属性结合使用，例如transition:background-color0.3sease；支持为多个属性分别指定时间，如opacity0.2s、transform0.6s，数值越大过渡越慢，使界面变化更流畅自然。
-
正确使用:hover和cursor能明确元素可交互性。.button添加cursor:pointer提示可点击，:hover改变背景色提供视觉反馈；结合not-allowed、move、zoom-in等光标类型，可直观表达禁用、拖拽、放大等状态；对div按钮设pointer，图片卡片配合缩放增强互动，避免滥用以防误导，提升用户体验。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
HTML项目部署本质是将文件放入Web服务器可访问目录，需确认Nginx/Apache已运行、文件放对路径（如/var/www/html）、权限正确、静态资源路径合理，并配置try_files支持前端路由，HTTPS和域名需同步处理DNS与证书续期。
