-
菜单展开收起体验差源于height:auto无法过渡，解决方案有三：1.用max-height模拟，设足够大值并加transition；2.JS动态获取真实高度并设置height过渡；3.用transform:scaleY()+opacity实现高性能动画，并补充will-change、可访问性等细节。
-
使用CSStransition结合filter属性可实现图片滤镜平滑过渡，需设置初始和悬停状态的滤镜值，如brightness、contrast等，并通过transition定义动画时长与缓动函数，浏览器会自动插帧完成过渡，注意显式声明滤镜成分以确保多滤镜协同变化时的准确性，同时关注性能与兼容性。
-
animation-direction属性用于控制CSS动画的播放方向，其常用值包括normal、reverse、alternate和alternate-reverse。1.normal为默认值，动画始终正向播放；2.reverse让动画始终反向播放；3.alternate在奇数次正播、偶数次倒播，形成来回效果；4.alternate-reverse则首次播放即为反向。该属性常用于实现循环动画中的方向变化，如来回移动的提示框或加载动画。使用时需配合animation-name、animation-dura
-
LocalStorage用于持久化存储少量数据，如用户偏好；通过setItem、getItem、removeItem操作数据；通常容量约5MB，超限会抛出QuotaExceededError；数据明文存储，易受XSS攻击，不可存敏感信息；与SessionStorage区别在于后者仅在会话期间有效，关闭标签页即清除。
-
JavaScriptDOM操作核心是先选中元素再增删改查，推荐使用getElementById、querySelector、querySelectorAll等高效选择器，并通过缓存元素、使用classList、DocumentFragment和事件委托提升性能与安全性。
-
使用grid-template-areas可直观实现表单分组布局，通过命名区域并在容器中定义网格结构，如"usernameusername""emailphone"等，结合grid-area将元素对应到指定区域，利用grid-template-columns设置列宽并配合媒体查询在小屏下切换为单列，实现响应式布局，结构清晰且易于维护。
-
装饰器是用于修改类或类成员定义的函数，属Stage3提案，需Babel/TS启用；接收target、name、descriptor等参数，在类定义时执行，支持类、方法、访问器及（TS扩展）属性装饰，常用于日志、权限、自动绑定this等横切逻辑，但浏览器原生不支持，依赖构建配置且多装饰器间需注意执行与覆盖顺序。
-
CSSSkeleton是一个轻量级前端框架，专为快速原型开发设计，核心功能包括12列响应式网格、基础表单按钮样式、默认排版规范和移动端优先理念；其优势在于零配置上手、开箱即用的响应式布局、语义化类名和高可定制性，典型场景如登录页原型仅需几行代码即可实现居中响应式表单，相比Bootstrap或Tailwind更轻量简洁，适合MVP验证阶段使用。
-
HTML<inputtype="range">是原生范围滑块，需监听input事件实现实时响应，用valueAsNumber读写数值，并通过min、max、step控制范围与步进。
-
使用Canvas可在浏览器高效压缩图片，先创建canvas并用drawImage按比例缩放图像以减少像素量，再通过toBlob设置quality参数（如0.75）将JPEG体积降至30%~50%且清晰度损失小；对超大图可分块绘制避免内存溢出，并结合WebWorker异步处理防止界面卡顿，兼顾压缩效率与用户体验。
-
从静态HTML到JavaScript动态渲染列表，通过将数据与视图分离，提升页面灵活性和可维护性。1.传统HTML写死结构适用于内容固定场景，但维护困难；2.使用JS动态渲染，将数据存于数组，通过DOM操作循环生成列表项，实现数据驱动视图；3.利用模板字符串结合map和join生成HTML字符串，再通过innerHTML插入，代码更简洁且性能较好，但需防范XSS风险；4.现代框架如Vue使用v-for、React使用map在JSX中渲染列表，支持响应式更新和组件化开发，适合复杂应用。关键在于抽取数据并用代
-
本文详解ASP.NETMVC中通过AJAX调用POST接口时传递防伪令牌（AntiForgeryToken）的两种标准方式：以表单字段形式提交或通过自定义请求头传递，并指出常见错误及修复方案。
-
absolute、fixed和sticky（触发后）会让元素脱离标准文档流；relative和static不会。脱离后会导致后续元素上移、父容器高度塌陷、响应式错位等问题，需通过补位或约束来应对。
-
HTML5中插入本地文档需遵循浏览器安全策略：一、用iframe嵌入同域PDF；二、FileReader读取用户选中的文件；三、a标签download属性实现下载；四、base标签统一路径基准；五、fetch+Blob动态加载同域文档。
-
使用Flex和Grid布局结合hover实现多级下拉导航栏，通过语义化HTML构建结构，CSS中利用flex实现主菜单横向布局，grid控制子菜单对齐，position定位配合hover触发显示，确保层级关系清晰且视觉一致，适合无JavaScript的初级项目实践。
