-
固定宽度导致手机页面挤成一团，因像素值如1200px远超手机375–414px屏幕，浏览器只能缩放或横向滚动；须改用相对单位、补全viewport标签、移动优先写媒体查询、约束图片iframe、保障点击区域≥44px。
-
JavaScript修改CSS最快方式是操作element.style，但仅影响行内样式，无法覆盖!important规则或读取计算值；应按场景选用style、className/classList、getComputedStyle或insertRule。
-
line-height仅控制行框高度，不直接决定元素垂直对齐；需配合vertical-align（inline元素）或flex/grid（块级内容）实现精准居中。
-
在云编辑器中创建HTML结构并正确引入CSS文件；2.编写与HTML元素匹配的CSS选择器；3.利用实时预览检查效果，确保路径、拼写和语法无误；4.通过开发者工具调试样式应用问题。只要步骤清晰，路径正确，选择器匹配，即可实现HTML与CSS联动。
-
在CSS中，margin用于控制元素与其他元素之间的距离，padding用于控制元素内容与边框之间的距离。1.margin设置：一个值设置所有方向；两个值设置上下和左右；三个值设置上、左右、下；四个值分别设置上、右、下、左。2.padding设置方式与margin类似。3.避免margin合并问题，可使用padding或BFC。4.使用box-sizing:border-box;使宽高包括padding和border。5.性能优化时，统一使用类名设置margin和padding。合理使用margin和pa
-
要在HTML表格中添加颜色选择器，核心答案是使用HTML5原生<inputtype="color">或引入第三方库实现动态颜色应用。具体方案包括：1.使用原生<inputtype="color">，通过JavaScript监听change事件并设置单元格背景色；2.集成如Pickr、Coloris等JavaScript颜色选择器库，提供更丰富的功能和一致的跨浏览器体验；3.自定义简易调色板，通过预设颜色方块实现基础颜色应用。其价值在于提升用户
-
D3.js是需手动实现可视化的底层框架，Chart.js是开箱即用的高级图表库；二者可结合使用，但须分离渲染上下文并同步坐标系。
-
HTML复选框未勾选时不会提交任何值，但若直接访问$_POST['name']会导致PHP警告并返回null，进而被htmlspecialchars()强制转为空字符串，造成isset($var)误判为true——本文详解安全检测与正确处理方式。
-
JavaScript是前端开发的必备基础语言，负责实现网页交互功能，浏览器原生支持，所有现代网站及框架均依赖其运行机制，招聘明确要求ES6+掌握程度，核心概念如闭包、事件循环等是面试重点。
-
模板字面量是JavaScript中唯一支持多行、表达式嵌入、标签函数和原始字符串解析的字符串构造机制，必须用反引号定义，支持运行时表达式求值、标签函数拦截及String.raw原始解析。
-
页面底部出现横向滚动条通常因元素实际宽度超出视口，主因包括width:100vw配合padding/margin、box-sizing未重置、浮动未清除、绝对定位越界等；应统一设box-sizing:border-box，精准控制overflow-x，避免对body/html直接隐藏。
-
全局执行环境中，浏览器下this指向window，Node.js中指向global；严格模式下全局函数内this为undefined；箭头函数不绑定this，继承外层词法作用域的this值。
-
JavaScript数组高级操作核心是正确使用map、filter、reduce：reduce需严格匹配accumulator类型与初始值；map用于生成新数组，forEach仅用于副作用；filter须防御null/undefined；所有操作前应明确输入输出类型及边界情况。
-
JavaScript对象是键值对集合，键为字符串或Symbol，值任意；点号仅支持合法标识符静态键名，方括号支持动态、特殊字符、Symbol及数字键；安全读取嵌套属性用可选链（?.）或逻辑与判断；动态增删属性须用方括号，delete有不可配置属性陷阱，不可用赋undefined代替删除。
-
节流是固定频率执行，防抖是停止触发后执行一次；节流适用于需持续响应的场景如滚动监听，防抖适用于只关心最终状态的场景如搜索联想。
