表格边框不合并的根源是border-collapse默认为separate，解决方法是给table设置border-collapse:collapse并统一单元格边框样式，同时注意外边框叠加、表头交界处理及兼容性限制。

使用grid-template-areas可通过命名网格区域并用字符串定义布局，使CSSGrid更直观，适用于页面级结构设计。1.基本语法中，子元素用grid-area命名，容器用字符串排列区域，相同名称自动跨格；2.结合媒体查询可调整区域顺序实现响应式，如移动端垂直堆叠；3.用点号（.）表示空白单元格，保持结构对齐；4.需确保每行区域数一致、名称无空格、区域为连续矩形，避免声明无效。合理使用可简化复杂布局。

Next.js通过getServerSideProps在服务器端获取数据并注入页面组件，利用ReactDOMServer.renderToString生成HTML字符串返回客户端，实现服务端渲染。该过程每次请求触发，适合动态内容；而getStaticProps用于构建时静态生成。核心流程包括：用户请求页面、框架匹配文件、执行数据获取方法、服务端渲染返回HTML。推荐优先使用getServerSideProps，结合ISR、缓存优化和中间件提升性能与体验。

BigInt解决Number类型大整数精度丢失问题，通过加n或BigInt()创建，支持大整数运算但不可与Number混用，适用于高精度场景如ID处理、金融计算，但不支持小数、Math方法及JSON序列化。

短路求值是JavaScript中&&和||根据左操作数布尔值决定是否执行右操作数的机制：&&在左为falsy时返回左、不执行右；||在左为truthy时返回左、跳过右。

Grid布局通过display:grid创建二维布局，使用grid-template-columns/rows定义行列，gap设置间距，fr单位实现比例分配，grid-template-areas命名区域提升可读性，结合repeat与minmax实现响应式卡片布局，便于构建复杂且自适应的网页结构。

服务端渲染（SSR）指在服务器运行JavaScript生成完整HTML再返回浏览器，解决CSR首屏白屏、SEO差、弱网体验不佳问题；需规避浏览器API、统一数据获取、保证水合一致性，并区分SSR/SSG/ISR适用场景。

使用Flexbox可轻松实现等宽按钮组，通过设置父容器display:flex和子元素flex:1，使按钮均分空间并保持响应式布局。

表单验证的核心是在提交前检查输入有效性并阻止无效提交，需通过ID或name获取元素、监听submit事件并preventDefault，结合正则实现邮箱、手机号等基础校验，辅以实时反馈和错误提示，且后端必须二次校验。

要让原型链上的属性不可枚举，核心方法是使用Object.defineProperty()或Object.defineProperties()并设置enumerable为false。1.使用Object.defineProperty()定义新属性时设置enumerable:false；2.修改已有属性时重新定义其描述符并将enumerable设为false；3.优先使用ES6class语法，因其方法默认不可枚举；4.利用Symbol作为属性名也可实现默认不可枚举的效果；5.注意for...in、JSON.s

使用Materialize实现响应式导航需引入其CSS和JS文件，构建含sidenav的nav结构，并通过JavaScript初始化Sidenav组件，利用hide-on-med-and-down和sidenav-trigger等类名适配不同屏幕，自动实现移动端折叠菜单与桌面端常显菜单的切换。

使用:checked伪类可自定义复选框样式，通过隐藏原始输入框，结合label关联和CSS伪元素实现视觉效果。首先将input[type="checkbox"]设为opacity:0以隐藏，利用label的for属性与其id关联，点击label即可触发input状态变化。接着使用+选择器控制相邻label的::before和::after伪元素绘制自定义框和对勾。当复选框被选中时，:checked伪类激活，改变背景色并显示✓符号。注意确保id与for一致以保证功能正常，推荐添加transition提升交互

答案：通过CSS的order属性可控制Flexbox子元素显示顺序，无需修改HTML结构。默认order值为0，值越小越靠前，支持负数，相同值按HTML顺序排列。例如设置.item1{order:3}、.item2{order:1}、.item3{order:2}时，显示顺序为item2→item3→item1。结合媒体查询可用于响应式设计，如在移动端让.actions{order:0}、.title{order:1}，实现按钮优先显示，提升用户体验。

使用Word自带“另存为网页”功能可直接生成含内联样式的HTML文件；2.在线工具如Zamzar、CloudConvert适合快速转换但需注意隐私；3.Python结合python-docx库可编程批量处理，灵活性高；4.LibreOffice命令行支持无界面批量转换，适用于服务器环境。根据场景选择合适方法并测试格式兼容性。

柯里化是将多参数函数转换为一系列单参数函数的技术，核心是参数分步传入、闭包保存已传参数、延迟求值，最终满足参数数量时执行原函数。