-
使用记事本编写HTML代码并保存为.html文件，选择“所有文件”类型和UTF-8编码；2.双击文件用浏览器打开查看效果；3.修改时右键用记事本重新编辑并保存，刷新页面即可。关键注意扩展名和文件类型设置。
-
Flex靠flex:1均分剩余空间，需父容器设display:flex且无固定宽；Grid用repeat(auto-fit,minmax(250px,1fr))动态定列数并弹性伸缩列宽，gap替代margin更精准。
-
:only-child未生效是因为它要求元素是父元素的唯一子节点，包括文本、注释等所有节点；常见干扰有换行空格、注释、slot及shadowDOM不参与计算。
-
在ES6中，检查字符串是否以另一字符串结尾应使用String.prototype.endsWith()方法。该方法通过str.endsWith(searchString[,length])语法判断字符串结尾是否匹配searchString，返回true或false；可选参数length用于限定检查的字符串长度，默认为原字符串全长；例如'Hello'.endsWith('o',5)返回true；使用时需注意大小写敏感、length参数含义及空字符串行为；若需兼容旧环境，可通过lastIndexOf或subs
-
repeat()严格按参数生成轨道数：首参为重复次数，次参为轨道定义；如repeat(3,1fr)生成3条1fr轨道，非“三等分”。
-
:target-within目前（2024年中）几乎不可用——从未被任何主流浏览器实现，MDN和CanIUse均无记录，Chrome/Firefox/Safari均不识别；其本意是容器内子元素成为:target时触发样式，但现实只能靠:has(h2:target)（现代浏览器支持）或JS模拟。
-
HTML标签属性是附加在标签上的信息，用于配置元素的行为或外观。核心属性包括id和class，其中id唯一标识元素，class可复用以定义通用样式或行为；资源引用属性src和href分别用于加载资源和指定链接地址；表单相关属性如name、value、placeholder和required用于构建用户输入流程并支持验证；自定义属性data-*可用于存储自定义数据供JavaScript读取使用。掌握这些常用属性类型基本可应对多数网页开发需求。
-
Sass中@import因全局污染、重复编译和调试困难已被弃用，推荐改用@use（按需加载+命名空间）和@forward（可控转发），迁移需分层理清依赖并更新构建工具链。
-
radial-gradient用于创建中心向外的渐变，语法为background:radial-gradient(形状/大小/位置,颜色停止点)；默认椭圆，可设circle、位置attopleft等，支持尺寸关键词如farthest-corner和颜色节点，.box{background:radial-gradient(red,yellow,green)}从中心红到黄绿过渡，可叠加多个渐变实现光斑效果。
-
使用::first-line选择文本第一行；2.用:first-child选首个子元素；3.表格中选tr:first-child；4.Flex/Grid中用:nth-child预估第一行项目。
-
DIV是块级元素，用于布局和结构划分，独占一行可设宽高；SPAN是行内元素，用于修饰文本内容，不换行且不可直接设宽高；通过CSS的display属性可改变其显示行为，选择时应基于语义和布局需求。
-
JavaScript本身并不是训练人工智能模型的主流语言，但借助现代前端和Node.js技术，可以在浏览器或服务器端部署并运行AI模型。这种方式特别适合轻量级推理、实时交互和边缘计算场景。1.在浏览器中运行AI模型（前端部署）利用Web浏览器中的JavaScript运行AI模lek，用户无需后端服务即可本地完成推理，保护隐私且响应快。常用工具：TensorFlow.js：Google提供的库，支持直接在浏览器中加载预训练的TensorFlow模型。ONNX.js：可在浏览
-
在前端开发中，实现页面跳转最常用的方法是使用window.location对象的href属性或replace()方法。1.使用window.location.href时，当前页面会被记录在浏览器历史中，用户可以返回；2.使用window.location.replace()时，不会保留原页面的历史记录，适用于登录/登出、表单提交后等不希望用户回退的场景；3.注意避免无限重定向循环、确保异步操作成功后再跳转、对URL进行正确编码，并合理使用延迟跳转提示；4.客户端重定向通过JavaScript实现，灵活但不
-
使用rel="preload"可提前下载关键CSS而不阻塞渲染，通过as="style"指定类型并配合onload切换rel属性实现预加载与应用，提升首屏速度。
-
用:root而不是普通class定义变量，因其提供全局、可继承、可动态修改的CSS自定义属性，支持媒体查询和主题切换，且仅:root伪类有效；命名需语义化、组织需模块化、JS修改应直接操作document.documentElement.style。
