-
ESLint是成熟灵活的JavaScript代码检查工具，能自动化统一代码风格、降低阅读成本、减少错误并捕获潜在bug；通过三步快速接入：安装、初始化配置、集成编辑器，并需合理设置env、parserOptions、extends和rules。
-
本文详解高阶函数transformer因少传参数而报“firstUpperisnotafunction”错误的根本原因，指出问题在于调用时遗漏了必需的字符串参数，而非参数顺序本身有问题。
-
使用innerHTML插入带onclick的按钮时，无法访问类实例方法（如this.setChange()），根本原因在于内联事件处理器中this指向DOM元素而非类实例，且内联脚本无法访问模块作用域内的局部变量。解决方案是改用addEventListener+箭头函数保持词法作用域。
-
通过link标签的media属性可针对不同设备加载对应CSS文件，如移动设备、打印场景或高分辨率屏，实现响应式设计并提升性能。
-
IE中不存在“HTML5编码”，乱码主因是<metacharset>位置错误、UTF-8BOM干扰或X-UA-Compatible强制降级；HTML5标签不识别属DOM构建问题，需html5shiv解决。
-
提示条应使用opacity与visibility组合实现淡入淡出，或transform与opacity组合实现滑入+淡入，避免使用top或display切换，以防止重排和动画失效。
-
媒体查询应写在CSS文件中更合理，避免HTML膨胀和维护困难；须配合viewportmeta标签使用width而非device-width；断点推荐移动端优先、单向min-width递增；CSS变量可在媒体查询内定义但不可用于条件判断。
-
通过伪元素和linear-gradient模拟渐变阴影：卡片使用position:relative定位，::before伪元素设置渐变背景并模糊处理，形成彩色投影效果，配合border-radius、blur和opacity调整视觉表现，实现无需图片的高级CSS阴影卡片。
-
表单提交必须调用event.preventDefault()阻止默认行为，否则页面刷新导致JS验证失效；应监听submit事件而非click；验证失败不可手动form.submit()；可复用HTML5原生校验checkValidity()和reportValidity()；自定义规则宜绑定input或blur事件并防抖；setCustomValidity()设置错误信息；后端验证不可或缺。
-
模块联邦是Webpack5实现微前端松耦合与独立部署的核心方案，通过exposes、remotes、shared配置使子应用动态共享模块、状态及上下文，运行时按需加载remoteEntry.js，无需构建时打包。
-
TreeShaking是一种基于ES6模块静态分析的死代码消除机制，通过标记未引用的导出并剔除来优化打包体积。它依赖于import/export语法、生产模式配置及sideEffects声明，在Webpack、Rollup等工具中与代码压缩协同工作，有效减少bundle大小。
-
<ol><li>通过检查box-sizing属性值可直接判断盒模型类型，content-box为标准模型，border-box为IE模型，使用开发者工具或JavaScript的getComputedStyle方法获取；2.若无法查看CSS，可通过设置固定width、padding和border后测量元素实际宽度推断：总宽为内容+内边距+边框则为content-box，若总宽等于设定width则为border-box；3.检查全局CSS重置规则，如*{box-sizing:borde
-
使用浏览器开发者工具检查网络请求状态码是否为200，确认CSS文件成功加载；2.查看页面样式是否生效，通过Elements面板验证CSS规则是否应用；3.用JavaScript动态创建link标签并监听onload和onerror事件判断加载结果；4.检查HTML中link标签路径、拼写、MIME类型及CSP策略确保引入正确。综合使用这些方法可有效确认CSS加载情况。
-
[attr*="value"]是CSS子串匹配属性选择器，用于选中属性值任意位置包含指定字符串的元素；它区分大小写，可加i标志忽略大小写，但易误匹配需谨慎使用。
-
本文讲解React+Redux应用中dispatch与useSelector无法实时同步状态的根本原因，重点说明服务端状态广播的必要性，并提供完整的客户端-服务端协同方案。
