-
原型链是JavaScript实现继承和属性查找的核心机制，对象通过[[Prototype]]沿链向上查找属性直至null；由构造函数prototype、Object.create()或classextends构建；需用hasOwnProperty()、in操作符等区分自有与继承属性。
-
JavaScript中this的指向遵循五种核心规则：1.new绑定优先级最高，this指向新创建的实例；2.显式绑定通过call、apply或bind方法强制指定this值；3.隐式绑定发生在对象方法调用时，this指向调用该方法的对象；4.箭头函数采用词法绑定，this继承外层作用域的this值；5.默认绑定在无其他规则适用时生效，非严格模式下this指向全局对象，严格模式下为undefined。这些规则按优先级排序，理解其应用场景可有效避免this指向错误。
-
VSCode里点开HTML文件只看到代码，不是网页？默认情况下VSCode就是个文本编辑器，index.html双击或打开后，它不会自动启动浏览器预览——这是正常行为，不是你配置错了。想“快速查看网页效果”，得靠外部工具或插件补足这个能力。LiveServer插件是最稳的预览方案官方推荐、社区用得最多、热更新靠谱。它起一个本地HTTP服务（比如http://localhost:5500），浏览器访问该地址就能实时刷新，改完保存立刻生效。安装和使用要点：在VSCo
-
图片在flex容器中撑破父容器需同时设置img{max-width:100%;height:auto;flex:110}，因flex默认行为会忽略max-width，必须通过flex-basis:0重置基准尺寸并启用缩放。
-
VNode的父子引用由渲染函数显式构造而非自动绑定，h()调用时通过当前实例上下文设置parent字段，children数组不反向维护parent，patch阶段parent通常稳定但移动节点时不更新，故不应依赖VNode.parent做运行时逻辑。
-
HTML通过嵌入脚本监听用户交互，实现点击、滚动、表单等行为数据采集；结合页面结构分析，可构建兴趣标签、行为路径及活跃度画像，应用于个性化推荐、A/B测试、流失预警和精准广告投放。
-
嵌套Flex布局通过分层控制方向实现高效页面结构：外层用row划分左右区域，内层用column管理上下元素；建议不超过三层，避免复杂化；利用flex属性分配空间，结合min-height与automargin优化自适应性。
-
用article包裹展位，h3作标题，img带描述性alt，button或role="button"的a作点击区域；必含标题、展位图、动作按钮，可选≤80字问题导向描述。
-
可使用HTML实体编码、Unicode十进制/十六进制编码、CSS伪元素或FontAwesome等方法插入箭头符号；例如→用→或→或→，CSS中用content:"\2192"，FontAwesome用。
-
最直接的方法是使用CSSfilter的brightness()函数：100%（或1）为原始亮度，大于100%变亮，小于100%变暗。
-
HTML无法直接设置背景图片透明度，需用CSS多层背景叠加rgba色块或::before伪元素隔离图层；前者兼容性好，后者精准控制且不影响子元素。
-
用flex-direction比float更可靠，因float脱离文档流致塌陷和错位，flex支持响应式方向切换且不破坏语义；实操需配合媒体查询、伪元素绘线、focus-within交互及viewport设置。
-
CSS线性渐变方向参数易出错的核心是to关键字与角度值方向相反：totop等价180deg（从下往上），toright等价90deg（从左往右）；多色停靠点须显式声明位置，背景尺寸与定位需配合控制显示区域，兼容性上优先用to关键字并避开0deg/180deg等敏感值。
-
Bootstrap4/5的col默认不垂直居中，因为.row虽为flex容器但align-items默认为stretch；需显式添加align-items-center或在.col内用d-flexalign-items-center，并确保父容器有足够高度或使用min-height提供对齐空间。
-
history.pushState()新增历史记录，适合导航跳转；replaceState()替换当前记录，适合修正URL而不留返回点；二者均需配合popstate监听及服务端配置防404。
