-
console.time()是JavaScript内置的简易性能测量方法，通过匹配标签启动和结束计时，支持嵌套与重复使用，但需注意在异步操作的最终完成处调用timeEnd以确保准确性。
-
使用text-align:left可实现内容左对齐，作用于块级容器内的文本、图片等内联元素。示例包括直接行内设置或通过CSS类定义，适用于div、p、h标签等。需注意父元素对齐方式的继承影响，尤其在使用框架或全局样式时应显式声明以确保一致性。
-
模态框高度不随内容撑开需用min-height与max-height组合：设min-height保小内容不塌缩，max-height用CSS变量限制上限，overflow-y:auto加在内容区实现局部滚动。
-
表单无障碍与可用性关键在label关联、校验反馈、输入控制及状态管理：显式绑定label与input，手动处理required校验并设自定义错误文案，type="number"值仍为字符串需转换，禁用按钮须用aria-disabled并恢复状态。
-
在前端开发中，实现页面跳转最常用的方法是使用window.location对象的href属性或replace()方法。1.使用window.location.href时，当前页面会被记录在浏览器历史中，用户可以返回；2.使用window.location.replace()时，不会保留原页面的历史记录，适用于登录/登出、表单提交后等不希望用户回退的场景；3.注意避免无限重定向循环、确保异步操作成功后再跳转、对URL进行正确编码，并合理使用延迟跳转提示；4.客户端重定向通过JavaScript实现，灵活但不
-
掌握JavaScript算法需从基础题入手，理解逻辑并动手实践。重点包括字符串操作、数组遍历、回文判断、斐波那契数列；进阶掌握栈、队列、哈希表及递归应用；通过LeetCode、Codewars等平台每日练习，结合调试优化，提升效率与思维能力。
-
当为3D旋转动画（如rotateY）添加perspective属性时，若其父容器是<a>标签等内联元素，常导致透视效果消失——根本原因在于perspective仅对块级或可设置尺寸的定位元素生效，而默认内联的<a>不创建新的层叠上下文或3D渲染上下文。
-
JavaScript变量是词法环境中的绑定名称；var具函数作用域、提升且初始化为undefined，let/const具块级作用域、提升但受TDZ限制，访问未初始化会抛ReferenceError，应默认用const、次选let、弃用var。
-
浮动布局问题表现为父容器塌陷、文字环绕异常等，根源是浮动脱离文档流；应通过触发BFC（如overflow:hidden或display:flow-root）包裹子项，用clearfix伪元素清除浮动，并优先采用flexbox或Grid替代浮动。
-
Vue.js的watch不支持原生撤销，但可通过oldVal/newVal实现轻量撤销：启用deep:true，缓存oldVal到栈，undo时pop赋值；注意深拷贝、字段隔离、防死循环等边界。
-
用padding-left做嵌套缩进而非margin-left，因其保持父容器事件热区完整、确保hover/click/touch全区域响应；配合CSS变量、clamp()与border-box可控层级、对齐及响应式。
-
父容器设为grid时，子元素若设position:absolute会脱离Grid流而相对于最近已定位祖先定位；应给Grid父容器加position:relative以提供定位上下文，优先使用Grid自身对齐能力替代绝对定位。
-
本文详解Node.js后端JWTToken验证失败的常见原因，重点解决req.headers.authorization读取异常、BearerToken格式错误及Cannotreadpropertiesofundefined类型错误，提供可直接运行的修复代码与最佳实践。
-
用dataset存状态比class切换更可靠，可避免样式冲突、实现数据与样式解耦，并配合属性选择器和Array.filter高效筛选；需防抖、requestAnimationFrame刷新、IE兼容处理及筛选后重置滚动位置。
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
