-
使用linear-gradient可创建现代按钮背景渐变。首先掌握语法：background:linear-gradient(方向,起始色,结束色)；接着为按钮添加类并设置渐变样式，如从左到右的橙粉色渐变；再通过:hover伪类实现悬停颜色切换，并用transition使过渡更平滑；最后注意文字颜色对比以保证可读性，尝试不同配色提升视觉效果。
-
掌握WebGL渲染流程需先获取canvas上下文，编写GLSL着色器，编译链接程序，传入顶点数据，调用绘制函数执行渲染；每帧清空画布、设置MVP矩阵、绑定资源并绘制，构成渲染循环。3D场景依赖模型、视图、投影变换，通过perspective和lookAt模拟摄像机，片元着色器计算光照提升真实感。动画依靠requestAnimationFrame驱动，逐帧更新物体状态如旋转角度，结合deltaTime保证时间一致性。尽管原生WebGL有助于理解图形管线，但实际开发推荐Three.js等高级库，可大幅简化场景
-
直接用setTimeout返回值无法可靠取消任务，因为定时器ID是数字且函数执行完即丢失；若在异步回调中取消，ID已不可访问，而全局声明会导致多个任务互相覆盖；闭包可天然绑定每次调用的独立状态，使cancel函数与timeoutId共享词法环境，确保状态隔离、取消及时、引用干净。
-
伪元素气泡定位需父容器设position:relative，::after用content+top/right/margin精确定位右上角；三角箭头用border组合实现并加translateZ(0)防模糊；overflow:hidden时需JS提级至body或改父级overflow；触屏需JS监听touch事件；气泡设pointer-events:none但内部交互元素恢复auto。
-
使用OAuth2.0+PKCE实现前端安全授权，首先生成codeverifier和challenge，再重定向至第三方登录页，用户授权后回调获取code，最后用code和verifier换取accesstoken并调用API，建议由后端完成token交换以提升安全性。
-
本文详解如何在Tampermonkey用户脚本中，通过合理作用域管理与异步等待机制，使getElementById().value获取的动态值能在按钮点击事件（如sendEmail）中正确使用，避免因执行时机导致的undefined问题。
-
footer不贴底主因是高度链路未传透：html、body及主容器需设height:100%或min-height:100vh，主容器用flexcolumn，内容区用flex:1（非flex:10auto），并排查margin、溢出及IE11兼容性问题。
-
body背景色不生效的主因是html和body未撑满视口，须设min-height:100vh；纯色用background-color更安全，渐变或图片用background；深色模式用@media(prefers-color-scheme:dark)响应。
-
通过box-shadow与transition结合实现卡片悬浮效果，先设置基础阴影与过渡动画，再于hover状态增加阴影偏移与模糊值，配合多层阴影和cubic-bezier缓动函数，增强视觉层次与立体感。
-
本文详解如何在Angular中纯正地（不依赖jQuery）实现响应式导航栏，通过数据绑定控制移动端菜单展开/收起，并提供可运行的HTML/CSS/TypeScript完整示例及关键注意事项。
-
用position:fixed因其相对于视口定位、滚动不偏移；需避免父级transform等创建层叠上下文，设100vw/vh和z-index；传图需用naturalWidth/Height预加载；关闭逻辑要stopPropagation；移动端优先用原生缩放并配viewport和touch-action。
-
WebSocket是JavaScript实现实时通信最常用方式，基于单TCP全双工协议，低延迟高效率；需监听open/error/close事件管理状态，用readyState判断连接阶段，send前确保状态为OPEN，支持文本/JSON/Blob收发，主动close防泄漏，并需服务端配套支持。
-
真正靠谱的雷达扫描动画是固定圆环，用旋转的半透明扇形或遮罩模拟扫描线；推荐SVG+@keyframes或纯CSSconic-gradient+clip-path方案，注意性能优化与兼容性处理。
-
Vue权限控制核心是结构化管理权限数据并分层封装getter：模块/操作/实例三级嵌套结构，配合路由守卫拦截与响应式按需计算，避免异步、缓存及副作用问题。
-
JavaScript的class是构造函数的语法糖，基于原型链，需用new调用；定义需constructor，方法直接声明，静态方法加static；继承用extends和super()，子类constructor必须首行调用super()。
