-
<inputtype="file"accept="image/*"capture="environment">可大概率唤起安卓后置摄像头；iOS16+支持capture="user"强制前置，旧版仅识别无值capture；微信X5内核支持不稳定，需降级提示用户手动切换；通过change事件读取e.target.files[0]获取File对象，用FileReader转base64或Blob上传；务必压缩图片（can
-
答案：::first-letter和::first-line可分别设置段落首字母和首行样式，组合使用实现首字下沉、首行斜体等排版效果。前者用于放大、浮动首字母，后者可使首行变色或倾斜，需应用于块级元素，注意中文首字符可能为汉字或标点，合理搭配提升文本视觉层次。
-
使用grid-template-columns结合fr、minmax()和repeat()可实现等宽响应式布局。1.fr单位将容器等分，实现基本等宽列；2.repeat()简化多列定义，如repeat(3,1fr)创建三等分列；3.minmax()设置最小宽度并分配剩余空间，配合auto-fit自动调整列数；4.推荐repeat(auto-fit,minmax(200px,1fr))模式，无需媒体查询即可实现弹性响应，适用于卡片、产品展示等场景，代码简洁且兼容性好。
-
本文详解如何通过CSSradial-gradient与calc()动态计算，让点阵图案严格约束在任意宽高比的椭圆（border-radius:50%）内部，并保持相对定位、响应式缩放与视觉居中，无需JavaScript或硬编码像素值。
-
本文介绍在Select2v4+中，当用户输入导致“无结果”提示出现时，自动清空搜索输入框并重置下拉状态的完整实现方案，避免残留文本干扰后续选择（如扫码场景），含可直接运行的代码示例与关键注意事项。
-
Chrome/Firefox中input[type="number"]的箭头需分别用::-webkit-inner-spin-button和appearance:none隐藏，Safari不支持隐藏；隐藏后键盘上下键仍可增减数值。
-
本文详解writablediv中因innerHTML直接替换导致的文本反转问题，揭示innerText→innerHTML双向转换引发的DOM结构破坏，并提供安全、可维护的高亮实现方案（含防闪烁优化与事件节流示例）。
-
IntersectionObserver实现滚动动画的最小可行写法是：元素挂载后立即创建Observer，配置rootMargin（如"0px0px-100px0px"兼容旧Safari）和threshold数组，回调中仅对isIntersecting为true的entry添加含animation-fill-mode:forwards的动画类，并立即unobserve。
-
textarea标签用于创建多行文本输入框，支持用户输入较长内容如留言、评论或文章，并可调整高度和字体。
-
vw/vh“不听话”因基于视口尺寸且受地址栏收放、横竖屏影响而突变；应优先用100dvh，降级用JS更新--vh变量；vmin/vmax适用于约束极端比例，非等比缩放；mix-blend-mode需配合isolation:isolate；calc内运算符前后须有空格，不可嵌套。
-
AOP（面向切面编程）通过在不修改原函数的前提下插入前置或后置逻辑，实现日志、权限等横切关注点的解耦；JavaScript借助高阶函数、方法劫持、Proxy等方式可灵活实现before、after增强，提升代码复用与维护性。
-
优酷电脑端无“关闭HTML5”开关，因已全面弃用Flash并默认使用HTML5播放；PC客户端基于Electron或自研框架，WebView强制启用HTML5且不提供内核切换入口；网页版的播放器类型设置也已于2026年多数页面移除。
-
优先用类选择器，标签选择器适合全局复用，ID选择器仅限JS锚点或唯一容器；ID重复导致CSS/JS不可预测，类名重复合法，标签写错则不匹配。
-
网页在手机上显示过小，通常是因为缺少viewport元标签；只需在<head>中添加<metaname="viewport"content="width=device-width,initial-scale=1.0">，即可让浏览器按设备真实宽度渲染页面并禁用默认缩放。
-
能，但需用得对、选得准、管得住；工具通过规则约束CSS弱约束缺陷，提升可预测性与可追溯性，而非消除Bug。
