-
[type]属性选择器可精准控制不同input类型样式，无需额外class；支持基础类型（text、password等）、HTML5新增类型（email、date等），并可通过组合选择器和重置默认样式提升兼容性与精度。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画，配合预加载图片（newImage()+onload）、避免复用实例、用opacity/visibility控制切换，并通过picture或服务端适配WebP等格式。
-
函数声明会被提升，可在声明前调用；函数表达式仅变量名提升，let/const声明的函数不提升且存在暂时性死区，需先声明再调用以避免错误。
-
transition必须写在非hover的基础样式中才能生效，因为它需同时控制进入和离开的过渡；支持过渡的属性有限，transform和opacity最安全高效。
-
HTML5中精确控制元素尺寸需用CSS，主要方法有五种：一、width/height设内容区尺寸；二、max-width/min-height设尺寸边界；三、box-sizing:border-box含padding与border；四、vw/vh依视口动态缩放；五、CSS变量配合calc()灵活计算。
-
本文详解Blazor应用中跨组件传递表单数据的核心问题：为何FormCrearNotas输入的内容无法正确传入ListaNotas并渲染到BlocNota组件中，并提供符合Blazor数据流规范的完整解决方案。
-
本文介绍在SharePoint等静态嵌入场景中，通过动态添加时间戳或随机参数的方式绕过浏览器缓存，确保HTML页面每次都能加载最新生成的JS文件，无需用户手动刷新，且无需修改自动生成的JS文件本身。
-
优先使用clamp()实现字体自适应，其语法为clamp(min,preferred,max)，如font-size:clamp(1rem,2vw+1rem,2.5rem)，使字体在最小值和最大值间平滑变化；minmax()则用于构建响应式布局，如grid-template-columns:repeat(auto-fit,minmax(280px,1fr))，为文本容器提供弹性空间。两者结合可实现“容器与内容共呼吸”的自适应效果。实际应用中需合理设定clamp()三值以确保可读性与美观，并通过CSS变量提
-
body默认有8px外边距，导致页面出现白边；只需设置body{margin:0;}即可清除，无需重置所有元素。
-
:link用于设置未访问链接样式，:visited用于已访问链接，二者通过用户访问状态区分，正确使用可提升导航清晰度与体验。
-
"usestrict"是JavaScript的执行约束开关，启用后引擎严格检查代码，未声明赋值、删除变量、参数重名、用保留字命名等行为会报错，且函数中this为undefined；必须置于作用域顶部才生效，ES6模块和class内部自动启用。
-
absolute定位需父容器设position:relative/absolute/fixed/sticky；否则相对<html>定位；top/left基于最近已定位祖先内边框计算，非视口；须显式设图片宽高并注意z-index与overflow影响。
-
LocalStorage持久存储数据，适合长期保存用户偏好；SessionStorage仅在会话期间有效，用于临时保存敏感或中间数据，两者均需注意同源策略、字符串限制及安全风险。
-
在Grid布局中结合绝对定位可实现结构与精准控制的统一。1.Grid容器需设置position:relative以创建包含块；2.绝对定位子元素脱离网格流，相对于容器定位；3.适用于标签、角标等需精确放置的场景；4.注意避免覆盖内容并保持响应式适配。
-
文本输入框通过HTML的INPUT标签实现，type属性定义类型与行为，如text、password、email等，配合name、placeholder、required等属性提升功能与体验，结合autofocus、autocomplete和CSS、JavaScript优化交互，增强用户体验并减轻验证负担。
