-
按钮设置border后变大，因默认盒模型下border会额外增加尺寸；使用box-sizing:border-box可解决，使width和height包含border和padding，保持总尺寸不变。例如宽100px、高40px的按钮加2px边框后仍维持原尺寸，避免布局错位。推荐全局设置button{box-sizing:border-box;}以统一按钮样式，配合rem或em等相对单位更利于响应式设计，确保不同屏幕下视觉比例一致。这是控制按钮尺寸的关键细节。
-
HTML<inputtype="range">是原生范围滑块，需监听input事件实现实时响应，用valueAsNumber读写数值，并通过min、max、step控制范围与步进。
-
伪元素在Flex布局中可作为弹性项目参与布局，通过设置content激活后能实现占位、装饰分隔线及角标等视觉效果，提升结构表现力且无需额外HTML标签。
-
答案：通过HTML5的canvas元素结合JavaScript可绘制图形。首先在HTML中创建canvas标签并设置宽高属性，然后用JavaScript获取2D绘图上下文ctx，接着使用fillRect、strokeRect绘制矩形，beginPath、moveTo、lineTo、closePath和fill/stroke绘制路径与形状，arc方法画圆，font、fillText/strokeText添加文字，最终实现基本图形与文本的绘制。
-
HTML5需组合触摸事件或借助Hammer.js等库实现手势；可用touch-action优化原生行为；PointerEvents统一输入类型；长按需防抖动容差判定。
-
JavaScript原型链是对象属性查找与继承的核心机制，通过[[Prototype]]内部属性逐级向上查找直至null；构造函数的prototype属性用于设置实例原型，ES6class底层仍基于此机制，但需注意引用类型共享等局限。
-
JavaScript操作DOM的核心是“选中元素→操作内容/属性/结构”：先用getElementById、querySelector等获取元素，再通过textContent、innerHTML、classList等修改内容与属性，用createElement、appendChild等增删改结构，最后用addEventListener绑定事件。
-
JavaScript通过DOM接口动态更新网页元素，无需刷新页面：先用getElementById、querySelector等获取元素，再用textContent、innerHTML等修改内容，setAttribute或classList操作属性与样式，appendChild等方法增删节点，并结合事件监听与异步请求实现交互。
-
手机端表单优化核心是提升拇指点击准确率，需设420px断点、标签顶部堆叠、点击热区不小于44×44px、统一间距变量控制。
-
::marker伪元素可用于自定义列表符号的颜色、大小及内容，支持有序和无序列表；通过color和font-size改变外观，content配合counter修改编号格式或替换符号，但仅限有限样式属性，复杂效果需结合::before实现。
-
可通过内联、内部、外部和动态加载四种方式在HTML中执行JavaScript。①内联脚本：在HTML标签中使用onclick等事件属性直接写JS代码，如alert('Hello')；②内部脚本：在<script>标签内编写JS代码，通常置于<body>底部或<head>中，并注意DOM加载顺序；③外部脚本：将JS代码保存为.js文件，通过<scriptsrc="script.js"></script>引入，便于复用与维护；④动态加载：使用docu
-
:invalid伪类可自动标记表单输入错误，通过CSS设置红边框和背景色提示用户，结合:not(:placeholder-shown)避免初始误报，再用:valid和:focus提供正确输入的绿色反馈，提升表单交互体验。
-
JS实现多语言切换的核心是通过JSON文件管理多语言文本资源，并利用JavaScript动态加载和替换页面文本；具体做法是将不同语言的文本以键值对形式存储在JSON文件中，通过fetch加载对应语言包，结合localStorage保存用户选择的语言，使用translate函数根据键名返回对应文本并支持动态占位符替换，再通过data-i18n属性标记需翻译的元素，在语言切换时遍历这些元素更新内容；该方案轻量可控，适用于简单场景，但面对复数形式、动态内容插值、多语言格式化等复杂需求时，手动实现维护成本高，因此
-
JavaScript默认参数在函数调用时动态求值，仅当实参为undefined时生效，支持依赖运行时状态和前置参数引用，但不触发null等假值，默认参数提升函数灵活性并体现动态特性。
-
HTML5图片上传有五种方式：一、表单直接提交；二、FormData+XMLHttpRequest异步上传；三、FormData+fetch上传；四、前端校验格式与大小；五、FileReader预览图片。
