前端技术文章
-
CSS框架对齐更可靠，因其封装了box-sizing、gap兼容性及单位换算，避免手写margin/padding在不同浏览器和布局嵌套中的不一致；需确保容器启用对应布局模式（如flex/grid），否则对齐类无效。280 收藏 -
navigator.clipboard.writeText()仅支持text/plain格式，无法保留超链接、加粗等样式，因外部应用（如Word、Notes）只解析text/html或CF_HTML；需用write()配合含text/plain与合法text/html（含StartFragment等结构）的ClipboardItem实现富文本复制。426 收藏 -
Generator函数通过yield暂停并保存状态，next()恢复执行，支持按需计算、协程和异步控制流；yield*委托可迭代对象；迭代器封装上下文，for...of等自动消费；return()提前终止，适合无限序列与树遍历。177 收藏 -
页脚必须嵌套在语义化区块内（如<main>后同级），不可孤悬于<body>；版权年份需动态生成；邮箱/电话须用mailto:/tel:协议；应使用<address>包裹地址；法律链接需结构化；粘性页脚宜用flex布局而非fixed；必须添加role="contentinfo"。337 收藏 -
width和height在flex容器中仍生效，但作为flex-basis的后备值；当flex-basis未设置或为auto时起作用，否则被忽略；min-width/min-height及box-sizing会影响最终尺寸计算。272 收藏 -
不能，flat(Infinity)仅对无环、有限深度嵌套有效；遇循环引用会栈溢出崩溃，需用WeakSet检测的safeFlat等手动方案保障安全。152 收藏 -
用rgba()控制遮罩背景透明度，别用opacity；后者会使子元素变透明、文字发虚、点击失效，而rgba()仅影响背景，子元素保持清晰可交互。254 收藏 -
不推荐在main.js中直接import全局CSS文件——它会生效但破坏Svelte样式作用域设计，引发HMR失效、CSS提取异常及预处理器配置失效等问题；应改用__layout.svelte或+layout.svelte中的<styleglobal>引入。437 收藏 -
URLSearchParams构造函数仅解析querystring（如?a=1&b=2），不支持完整URL；传入含协议域名的字符串会导致错误解析。339 收藏 -
完全可行，这是实现“左右对齐+首行缩进”的标准组合；text-align:justify与text-indent可共存且兼容IE8+，但需确保作用于块级元素、避免flex/grid父容器干扰，并推荐用2em实现响应式中文缩进。329 收藏 -
本文介绍如何在R的leaflet交互地图中，为每个城市标记自动抓取并嵌入Google图片搜索首页首张图片作为弹窗内容，同时附带跳转链接，实现可视化增强。115 收藏 -
采用HEX格式统一管理颜色，通过CSS自定义属性命名语义化变量（如--color-primary）、构建可视化速查页和VSCode插件辅助，实现可查、可复用、易协作的颜色体系。160 收藏 -
float不能作为主布局手段，仅适用于图文混排文字环绕和IE8–IE10遗留系统维护；其脱离文档流导致塌陷、无法垂直对齐、响应式适配差等缺陷已被Flex/Grid取代。315 收藏 -
async函数默认返回Promise，这是语言规范强制规定：无论是否显式return，其返回值均被Promise.resolve()包装；无return时等价于Promise.resolve(undefined)，且执行体作为微任务异步调度。359 收藏 -
BootstrapCollapse动画需手动添加.collapse{transition:height0.35sease;}，因默认无过渡；JS动态设置像素高度配合该CSS实现平滑展开/收起，纯CSS方案可用max-height但需预设上限。489 收藏