-
可通过内联style属性设置a标签颜色，如style="color:blue;"；2.使用CSS伪类可定义链接不同状态的颜色，如a:link、a:visited、a:hover、a:active；3.统一设置所有链接颜色可用a{color:green;}配合a:hover提升交互；4.建议避免与背景色相近的颜色，优先使用外部CSS便于维护，提升可读性与用户体验。
-
用color:transparent实现占位符视觉隐藏，需配合::-webkit-input-placeholder、::-moz-placeholder、:-ms-input-placeholder等兼容写法，禁用display:none或visibility:hidden。
-
箭头函数是ES6引入的简洁语法，无this/arguments/super/new.target，不能作构造函数；this继承外层作用域，无arguments需用...args，单表达式可隐式返回，但加{}须显式return。
-
内嵌样式优先级高于外部样式表，若同时设置相同属性，浏览器优先应用内嵌样式；具体优先级为内联样式>内部样式表>外部样式表，且受选择器特异性和!important影响。
-
模板字面量使用反引号包裹，支持嵌入变量和表达式、多行字符串及标签函数。例如：constname="小明";constage=25;constmessage=你好，我是${name}，今年${age}岁。;可直接输出拼接结果；${a+b}支持运算，${status?'在线':'离线'}支持三元表达式；多行字符串无需转义，保留格式；通过标签函数如highlight可自定义处理逻辑，用于防XSS或国际化等场景。
-
:not选择器可排除特定元素并结合组合选择器实现精细样式控制，如div>p:not(.alert)、label+input:not([type="submit"])等，适用于按钮状态、导航链接、表单字段等场景，提升代码可维护性；现代浏览器支持良好，建议避免复杂嵌套以优化性能。
-
函数组合是将多个一元纯函数按右结合顺序串联成新函数的过程，提升可读性、复用性与可维护性；典型实现为compose(f,g,h)等价于f(g(h(x)))，需避免副作用、多参及异步函数直接参与。
-
严格模式禁止未声明变量赋值、删除不可配置属性、重复函数参数、八进制字面量和with语句；启用方式为脚本或函数首行添加"usestrict"；使this在全局函数中为undefined，限制eval作用域，解除arguments与形参同步；新项目仍推荐使用。
-
函数定义有声明、表达式、箭头函数和构造函数四种方式，其中函数声明会被提升，可预调用；函数表达式需先定义后使用，适合回调；箭头函数语法简洁且无独立this，适用于单行逻辑；构造函数方式由Function构造器创建，性能差不推荐。调用方式包括普通调用（this指向全局）、方法调用（this指向调用对象）、构造器调用（生成新实例）及call/apply/bind（手动绑定this）。日常开发建议优先使用函数声明与箭头函数，提升代码可读性与维护性。
-
box-sizing:border-box的核心价值是使width/height直接等于最终渲染尺寸，padding和border被自动纳入该尺寸内，避免content-box下的宽度溢出、布局错乱、跨浏览器不一致及组件样式耦合等问题。
-
登录页面采用HTML表单与CSS美化，结构清晰。通过Flexbox实现居中布局，表单包含用户名密码输入框、登录按钮及辅助链接，使用响应式设计适配不同屏幕，输入框和按钮添加悬停与聚焦效果，整体简洁美观且用户体验良好。
-
FetchAPI是现代浏览器原生网络请求接口，基于Promise设计，支持async/await，但默认不带Cookie、不自动处理4xx/5xx状态码；需手动检查res.ok、显式配置credentials、用AbortController取消请求。
-
尾递归通过在函数末尾直接返回递归调用结果，使当前栈帧可被复用，避免栈溢出；配合尾调用优化能有效支持深层递归。
-
虚拟滚动通过只渲染可视区域内的元素来提升长列表性能。它计算可视范围，监听滚动偏移，动态更新渲染区间，并用占位元素维持滚动条状态，从而减少DOM数量，实现流畅滚动体验。
-
在CSS中，padding会增加元素总尺寸，导致布局偏差；默认盒模型下width/height仅指内容区，加上padding后实际尺寸变大；例如width:200px;padding:20px时总宽达240px；为避免此问题，可使用box-sizing:border-box，使width包含padding，从而控制整体尺寸不变；推荐全局设置*{box-sizing:border-box}统一行为；若需在content-box下精确布局，可用calc()函数手动减去padding，如width:calc(3
