-
计算属性是Vue中实现分页最自然高效的方式——通过响应式变量currentPage、pageSize和list，用computed动态slice数据并推导总页数、页码范围，支持搜索过滤联动，且自动缓存更新。
-
z-index不生效的根本原因是父容器创建了层叠上下文（stackingcontext），使子元素z-index仅在内部生效；常见触发条件包括非static定位+数值z-index、opacity<1、transform/filter/will-change等。
-
层叠上下文会在opacity<1、transform非none、filter有值、will-change、isolation:isolate、position:fixed/sticky等情况下意外创建，使内部z-index失效。
-
text-overflow:ellipsis必须配合white-space:nowrap、overflow:hidden及明确宽度（如width/max-width或flex-shrink+min-width:0）才生效；Bootstrap的.text-truncate封装前三者但依赖父容器约束。
-
需通过HTML表单搭建界面并用JavaScript实现四则运算：构建含数字输入、运算符选择、计算按钮和结果输出的结构；编写calc()函数处理输入验证、运算逻辑与错误提示；可选增强样式、连续运算状态管理及脱离表单的DOM直连实现。
-
tabindex="-1"仅使元素不可通过Tab键聚焦，但仍可被JavaScript聚焦、保持可见且屏幕阅读器可读；它不隐藏元素，也不等同于aria-hidden或display:none。
-
浮动布局中gutter需用百分比margin+负父容器margin实现响应式，核心是保持间距与列宽同比例；不能单用padding因影响内容撑满和兼容性；IE8–9需降级为媒体查询断点；现代项目应优先使用Flexbox或Grid。
-
本文详解如何利用useRef和scrollWidth/clientWidth精确判断水平可滚动容器的滚动边界，动态控制左右导航按钮的禁用状态，确保用户体验一致且逻辑健壮。
-
AngularJS由Google推出，已进入维护模式，适合旧项目维护；Vue由尤雨溪创建，持续活跃开发，适合新项目。1.AngularJS是完整框架，提供全套解决方案；Vue是渐进式框架，灵活扩展。2.AngularJS用脏检查实现双向绑定，性能较低；Vue用响应式系统（Proxy/Object.defineProperty），更新更高效。3.AngularJS模板依赖指令，组件化弱；Vue支持单文件组件，结构清晰。4.AngularJS学习曲线陡，需掌握作用域、Digest循环等；Vue语法直观，上手简
-
位运算符通过操作二进制位提升性能，适用于整数运算与布尔状态管理。其核心优势在于直接操控底层数据，如用num&1判断奇偶、位移实现乘除2的幂，以及用按位或（|）、与（&）等管理权限标志。在权限系统中，可将多个权限压缩至一个整数，高效存储与计算角色权限，但受限于32位范围且可读性较差。需警惕JavaScript将操作数转为32位有符号整数导致的溢出问题，负数以补码形式参与运算，大数或负数处理易出错。现代引擎优化下，性能增益有限，应优先保证代码清晰，仅在确有必要时使用，并辅以注释说明。
-
弹性盒子子元素对齐不生效，主因是父容器未启用Flex布局或混淆主轴/交叉轴——align-items仅控制交叉轴对齐，水平居中需用justify-content；还需排查align-self覆盖、margin干扰及父容器高度缺失等问题。
-
CSS用border画三角形尺寸不准，因底边=2×border-width、高=border-width，等腰三角形需按$base/2和$height设左右/下边框；非等腰需math.tan()转弧度计算并round取整，伪元素更语义化且避免DOM膨胀。
-
最直接有效的办法是为表格外层添加支持横向滚动的容器。用div包裹table并设overflow-x:auto、width:100%，移除table的width:100%或table-layout:fixed，配合min-width和width:max-content确保内容不压缩变形。
-
响应式设计通过媒体查询与百分比布局适配多设备。1.使用@media按屏幕宽度设断点，如手机≤768px、平板769-1024px、桌面≥1025px；2.采用百分比宽度与max-width:100%实现弹性容器；3.结合flexbox，默认row布局，小屏用媒体查询切换为column；4.遵循移动优先原则，基础样式面向手机，通过min-width逐步增强大屏显示，提升性能与维护性。
-
auto-fit更优：空列收缩为0，避免小屏空白；需配minmax()，IE不支持；gap须随断点重置；clamp()可平滑替代多层媒体查询；grid-column-end:-1易出错，推荐span明确值或双保险方案。
