-
最直接有效的方法是用CSS的box-shadow配合display:block；需避免overflow:hidden截断阴影，控制v-offset和blur实现贴边效果，圆角或透明图推荐filter:drop-shadow()。
-
答案：优化Canvas性能需减少绘制调用、仅重绘变化区、避免频繁像素操作、使用requestAnimationFrame、优化图像绘制。核心是“少画、准画、快画”，通过合并路径、分层管理、缓存和预加载等手段提升渲染效率。
-
CSS加载闪烁（FOUC）是指HTML先渲染无样式的结构，待CSS下载解析后页面突然跳变成最终样式。优化需三管齐下：内联首屏关键CSS（≤12KB）、预加载剩余关键CSS（rel="preload"as="style"+onload回填）、非关键CSS用media属性延迟加载。
-
本地双击打开HTML文件时video标签无法加载本地视频，因浏览器禁用file://协议下的资源加载以保障安全；需通过本地服务器或input文件选择方式解决。
-
必须给父容器设置display:flex，justify-content:space-between才生效；它将可用空间均分给项目间间隙，而非每个项目；实现视觉均匀推荐flex:1或space-evenly（兼容性需注意）。
-
viewportmeta标签必须设为<metaname="viewport"content="width=device-width,initial-scale=1.0">，否则移动端浏览器默认按约980px虚拟视口渲染，无法实现1:1显示；CSS需用响应式单位（rem/em）、max-width、SVG等适配dpr与屏幕尺寸，真机测试不可替代。
-
<inputtype="date">是HTML5原生日期控件，需严格使用YYYY-MM-DD字符串格式操作value，兼容性差需降级处理，服务端必须二次校验。
-
TypedArray是JavaScript中直接映射底层二进制内存的类型化视图，具备零拷贝共享、确定性内存布局、与WebAPI无缝对接及高效协议解析等核心优势。
-
可通过BlobAPI、FileAPI或FileSystemAccessAPI在HTML5中创建本地文件：BlobAPI生成临时URL触发下载；FileAPI可构造File对象用于上传；FileSystemAccessAPI支持直接读写用户授权的本地文件系统。
-
拖放功能不生效需检查：1.draggable="true"属性必须显式设置为字符串；2.dragstart中调用dataTransfer.setData()；3.dragover和drop均需preventDefault()；4.传对象须JSON序列化；5.移动端需用touch事件模拟；6.drop时用composedPath().[0].closest()定位真实目标。
-
答案：JavaScript中迭代器模式与函数式编程结合，通过惰性求值和纯函数组合构建高效、可维护的数据处理流水线。迭代器按需提供数据，支持内存友好型流式处理；函数式编程以无副作用的纯函数实现过滤、映射等转换，确保逻辑清晰且可组合。两者协同实现声明式数据流控制，适用于大数据场景。自定义迭代器可通过Symbol.iterator或生成器函数构建，灵活适配复杂数据源。异步操作借助async/await与异步生成器整合，错误处理可在迭代层捕获或通过Either等函子传递，保障管道健壮性。
-
应抽离公共样式为base.css顶部同步加载，页面专属样式用preload异步加载，禁用内联style；用CSS变量统一管理主题，构建时按页面拆包并hash命名，服务端注入带版本号的CSS链接并设置fallback。
-
不算。设置box-sizing:border-box后，padding不再向外扩展元素总尺寸，而是向内压缩内容区，width和height即为最终边框外沿尺寸。
-
Django模板中使用{%url%}标签时，若未在URL名称与参数之间添加空格，将触发TemplateSyntaxError，提示“Couldnotparsetheremainder”。本文详解该错误成因、修复方法及最佳实践。
-
border-style:solid在HTML5中依然有效，其取值规则未变，实线边框发虚等问题源于subpixel渲染与像素对齐，而非属性失效；修复需结合transform、box-sizing等控制渲染行为。
