前端技术文章
-
要使360浏览器支持HTML5，必须启用极速模式（Blink内核）、禁用兼容性视图、删除强制IE渲染的meta标签，并通过http://访问html5test.com实测得分≥470分。501 收藏 -
msapplication-TileColor不生效主因是未与msapplication-TileImage成对存在；后者路径须为绝对、PNG格式、正方形、不透明、MIME正确，且需用户手动固定站点才能触发渲染。501 收藏 -
纯HTML简历可行但不适用于ATS，适合熟人推荐、技术岗直投或个人网站展示；必须将姓名、联系方式、教育背景、工作经历、项目经验、技能等写入<body>，用<header><section><h2><article><ul>等语义化标签结构化内容。501 收藏 -
<time>标签必须设置符合ISO8601标准的datetime属性（如2026-04-17或2026-04-17T04:38:00+08:00），否则退化为普通容器，导致结构化数据失效、屏幕阅读器无法识别、插件无法提取时间。501 收藏 -
:nth-child(3n+1)选择DOM序号为1、4、7…的元素，与视觉排列无关；其生效需满足HTML线性、列数固定、无隐藏/插入元素等条件，否则易错位；可靠方案是用Grid定位而非依赖序号。501 收藏 -
scroll-timeline需滚动容器、时间轴定义、动画绑定三者配合；Chrome/Edge115+原生支持，Firefox需开启flag且受限，Safari当前完全不支持。500 收藏 -
直接运行vite即可启动HTML开发服务器，无需配置、框架或JS模块，只要根目录有index.html；常见错误包括未安装vite依赖、index.html位置或命名错误、误用vitepreview替代开发服务器，路径引用须以index.html所在目录为基准。500 收藏 -
Object.isFrozen不能判定“全局单例是否处于只读安全期”，它仅检测对象是否浅层冻结（不可扩展、属性不可配置且不可写），不感知初始化完成、运行时锁、并发安全或深嵌套可变性。500 收藏 -
纯CSS可实现3D文字效果：用text-shadow多层偏移模拟纵深（兼容性好、轻量），或用transform-style:preserve-3d+transform实现真3D分层（需字符包裹span、父容器设perspective和preserve-3d）；字体选择、抗锯齿设置及设备适配至关重要。500 收藏 -
HTML跨浏览器适配靠三件确定性动作：DOCTYPE顶格声明、normalize.css统一默认样式、用特性检测而非UA判断JS能力；漏掉任何一件，IE或旧Safari中CSS和JS均可能失效。500 收藏 -
JavaScript需要Proxy，是因为它提供了唯一原生、细粒度、可编程的方式拦截和自定义对象基本操作；而Object.defineProperty仅能静态劫持已存在属性，无法捕获新增/删除属性、in操作、数组索引访问等。500 收藏 -
Webpack是一个静态模块打包器，从入口文件递归解析import/require等模块依赖，输出浏览器可运行的bundle；需通过loader（如css-loader、style-loader）和plugin扩展能力，不直接编译或压缩资源。500 收藏 -
::first-letter伪类可实现首字下沉，需作用于块级元素且首字符为可见符号；常用float、font-size、line-height等属性控制效果，兼容现代浏览器，中文同样适用。500 收藏 -
JavaScript模块化主流规范有CommonJS和ES6Module两种广泛落地，前者用于Node.js默认环境，后者获现代浏览器及新版Node原生支持；AMD/CMD已基本淘汰。500 收藏 -
模块模式通过闭包实现子应用JS作用域隔离，需配合沙箱、DOM/CSS隔离及规范卸载机制才能有效防止微前端全局污染。500 收藏