-
HTML5页面跳转有五种方式：一是a标签href属性，支持新窗口、锚点、相对路径及下载；二是JavaScript的location.href赋值，适合动态跳转；三是location.assign()方法，语义清晰且兼容性好；四是location.reload()刷新当前页；五是history.pushState()实现无刷新URL变更与SPA路由。
-
最常用的方法是toString()，因为它语义清晰且适用于明确的数字类型；2.String()能安全处理null和undefined，适合不确定类型时使用；3.空字符串拼接（+''）简洁但隐式，可读性较差；4.模板字面量（${}）在构建复杂字符串时最优雅且自然完成转换；5.toString()支持进制转换，是唯一能转为二进制、十六进制等字符串的方法；6.所有方法对NaN、Infinity、-Infinity的转换结果一致，分别为"NaN"、"Infinity"、"-Infinity"；7.选择应基于可读性
-
小屏下column-count错位需用媒体查询重置为单列：@media(max-width:768px){.article-content{column-count:1;column-gap:0;}}，并为图片、引用块等添加break-inside:avoid防断裂。
-
根本原因是子项默认flex-shrink:1，解决方法是设flex-shrink:0或flex:00200px；flex-basis优先于width，需同时禁用收缩并设定基准尺寸，必要时检查父容器min-width和overflow约束。
-
JavaScriptMap是一种键值对集合，支持任意类型键、保持插入顺序、提供size属性、遍历有序且高效，适合动态场景；而普通对象键受限、统计繁琐、遍历顺序不一致，更适合固定结构数据。
-
HTML5应用开发入门需按五步进行：一、搭建标准文档结构，含DOCTYPE声明、html根元素及meta标签；二、使用header、nav、main等语义化标签组织内容；三、嵌入video、audio、canvas并绑定交互事件；四、通过ServiceWorker实现离线缓存；五、用特性检测替代UA判断确保兼容性。
-
width:auto在块级元素中撑满父容器宽度，height:auto仅由内容撑开且不响应父高；二者行为本质不同，auto的自适应依赖可确定的可用空间基准。
-
双击打开HTML文件可快速预览纯静态页面，但受限于file://协议，无法使用fetch、模块导入、localStorage等；推荐用Python/Node.js或LiveServer起本地HTTP服务，或通过GitHubPages、raw.githack在线部署。
-
使用记事本编写HTML代码并保存为.html文件，需选择“所有文件”类型和UTF-8编码；2.双击文件可直接在浏览器中查看效果；3.若无法打开，检查是否误存为.txt格式；4.修改后用记事本重新编辑并刷新浏览器即可。
-
新项目选CSS框架应聚焦“更省力、更可控、更可持续”：Bootstrap适合快速上线、前端不专精CSS的场景，提供预制组件；Tailwind适合需高度定制、有设计系统意识的项目，以原子类实现灵活主题控制。
-
TailwindCSS作为PostCSS插件运行，通过postcss.config.js配置插件链，利用@tailwind指令生成样式，并结合Autoprefixer、cssnano等工具实现自动前缀、压缩和模块引入；同时借助postcss-import和postcss-preset-env提升开发体验，通过构建工具集成，在编译时由PostCSS处理CSS文件，最终在生产环境中基于tailwind.config.js中的content配置进行treeshaking，剔除未使用类名，减小输出体积，形成高效、
-
树摇通过静态分析ES6模块移除未引用的导出，如未使用的subtract函数；死代码消除则由压缩工具清除不可达代码，如if(false)块；两者结合可显著减小打包体积。
-
使用box-sizing:border-box可解决等高列中height与padding导致的高度不一致问题，配合Flexbox实现自适应等高布局，确保各列视觉高度统一且避免溢出。
-
JavaScript中实现大小写转换主要依赖字符串对象的内置方法toUpperCase()和toLowerCase()，它们分别将字符串转换为大写和小写形式，且不改变原始字符串而是返回新字符串。在实际开发中，大小写转换广泛应用于用户输入的邮箱统一、搜索关键词的不区分大小写匹配、URLslug生成等场景，以实现数据标准化。处理非英文字符时需注意区域设置的影响，如土耳其语中“i”与“İ”的特殊转换规则，应使用toLocaleUpperCase()或toLocaleLowerCase()方法并指定locale来
-
HTML5中实现对齐需正确使用CSS属性：text-align控制块内行内内容水平对齐；margin:0auto使定宽块级元素水平居中；Flexbox通过justify-content和align-items实现多维对齐；vertical-align用于行内/表格单元格垂直对齐；writing-mode结合text-align可处理垂直文本对齐。
