-
行高（line-height）通过控制文本行间距提升可读性与视觉效果，支持无单位数值、带单位长度、百分比和normal等取值；推荐使用无单位数值（如1.5），能基于字体大小按比例计算并良好继承；每行文本形成“行框”，line-height决定其高度，超出font-size的部分均分于文字上下，实现宽松布局；正文建议设为1.5，标题可设1.2~1.3，单行文本垂直居中可通过line-height等于容器高度实现，避免过小行高导致拥挤。
-
箭头函数无自有this、不可构造、无arguments、无yield、返回值需注意隐式规则：其this沿用外层，不能new调用，不支持arguments和yield，单表达式自动返回，对象字面量须用小括号包裹。
-
WeakMap因设计上禁止键枚举与生命周期观测，本质上不可序列化为JSON或普通对象；任何尝试（如JSON.stringify）均会返回空结果，这是语言规范的主动限制，而非实现缺陷。
-
箭头函数无自有this，继承定义时词法作用域的this；不可作为构造函数，无arguments和prototype；支持隐式返回与剩余参数；不适用于需动态this的DOM事件或对象方法。
-
本文介绍如何正确解析Zapier中传入的JSON格式姓名字符串，避免正则误删关键结构，通过JSON.parse()安全转换为对象，再高效提取并拼接“FirstName”和“LastName”字段，最终生成空格分隔的纯姓名字符串。
-
函数组合与管道操作符提案旨在简化JavaScript中函数链式调用，提升代码可读性。通过管道操作符（|>），可将前一个表达式的值作为参数传给下一个函数，实现从左到右的执行顺序，避免传统嵌套写法的阅读障碍。例如，base64String|>atob|>escape|>decodeURIComponent比decodeURIComponent(escape(atob(base64String)))更直观。该特性目前处于TC39第3阶段，尚未被主流浏览器广泛支持，建议通过Babel等工具
-
background-position百分比的原点是背景图自身与容器的相对关系：0%0%为图左上角对齐容器左上角，100%100%为图右下角对齐容器右下角；50%50%使图中心对齐容器中心，但图尺寸与容器差异会导致视觉偏移。
-
根本原因是事件监听未绑定到form元素的submit事件上；必须用addEventListener监听form的submit事件并同步调用event.preventDefault()，且提交按钮应设为type="button"以防回车触发表单。
-
使用JavaScript和Canvas可实现图片滤镜，通过getImageData获取像素数据并修改RGB值，再用putImageData渲染；常见滤镜包括灰度、反色和亮度调整，需注意性能与跨域问题。
-
用记事本写HTML需注意：文件名必须为index.html（小写），编码选UTF-8（无BOM）；必备四要素——<!DOCTYPEhtml>、<htmllang="zh-CN">、<head>中<metacharset="UTF-8">（在<title>前）、非空<body>；本地双击打开用file://协议，图片用相对路径，JS模块需本地服务；验证用W3C校验器。
-
HTML嵌套是具有明确父子关系的树状结构，错误嵌套会导致浏览器自动修正、样式失效或JS无法选中元素；<p>仅允许嵌套行内元素，不可嵌套块级元素。
-
JavaScript类中方法的this丢失本质是函数单独调用时上下文丢失；常见于回调传递、解构赋值、异步操作三类场景，可通过箭头函数、bind绑定、类字段语法等方案解决。
-
JavaScript字符串模板用反引号包裹，支持${}嵌入任意表达式，天然多行、免转义，配合标签函数可防注入，性能媲美拼接且可读性、可维护性更优。
-
浮动广告导致父容器塌陷时，clear并非万能解药，因其仅对后续非浮动块级元素生效；推荐用display:flow-root或overflow:hidden闭合浮动，语义更清晰且无副作用。
-
按钮组用flexjustify-center不居中，根本原因是父容器未撑开或display未正确设为flex；需确保父容器为块级、宽度足够、无float/inline干扰，并用开发者工具验证computed样式。
