dom是什么属性,不友是什么意思？圈内人给你解释清楚
圈内人给你说道说道 `dom` 和 `不友好` 这两个概念，尤其是在我们日常工作和交流中，这两个词可是频繁出现。
一、DOM：构建网页的骨架与灵魂
咱们得聊聊 `DOM`。这玩意儿是啥？简单来说，DOM是Document Object Model（文档对象模型）的缩写。你可以把它想象成一个虚拟的、树状结构的表示形式，用来描述HTML（或者XML）文档的结构。它不仅仅是一个简单的结构，更关键的是，它提供了一套API（应用程序编程接口），允许我们通过编程的方式（主要是JavaScript）来访问、读取、修改甚至创建文档中的内容、结构和样式。
圈内人怎么理解DOM？
1. 它是网页的“灵魂”载体：一个静态的HTML页面，看起来可能只是文本和图片的堆砌。但一旦DOM模型建立起来，这个页面就“活”了。浏览器解析HTML时，会把它转换成DOM。这个DOM树，就像一个包含了所有页面元素的“虚拟仓库”或“数据库”，每个元素（比如一个``、一个``、一个``）都变成了一个可以操作的对象。
2. 它是JavaScript操作网页的“唯一”：现代网页交互，尤其是动态效果、用户表单处理、单页应用（SPA）等，都离不开JavaScript。而JavaScript操作DOM是核心。你可以通过JavaScript：
读取：获取某个元素的内容（比如`document.getElementById('myElement').innerHTML`），或者获取它的属性（比如`element.style.color`）。
修改：改变元素的内容（`element.innerHTML = '新内容'`），或者修改它的样式（`element.style.color = 'red'`），甚至添加或删除它的子元素。
创建：动态生成新的HTML元素，并添加到页面中。
删除：移除页面上的元素。
3. 它是浏览器内部处理页面的“工作方式”：当浏览器加载一个网页时，它的渲染引擎会做两件大事：解析HTML生成DOM树，解析CSS生成CSSOM（CSS对象模型）树。然后，浏览器会将DOM树和CSSOM树合并，计算每个元素最终的样式，并在屏幕上绘制出来。DOM是其中的关键一环，定义了页面的“骨骼”结构。
举个栗子：假设你看到一个新闻网站，点击一个“加载更多”按钮，新的新闻条目出现了。这背后很可能就是JavaScript在起作用。它可能通过`document.getElementById('loadMoreButton')`找到了按钮元素，然后执行了点击事件处理函数。这个处理函数可能会操作DOM，比如向一个列表容器（比如一个``元素）中动态添加新的``元素，这些新元素的内容来自服务器刚刚返回的数据。整个过程，都是对DOM的操作。
圈内人常说，搞不懂DOM，就别想搞懂现代网页交互和JavaScript开发。它是我们与网页内容进行“对话”的桥梁。
二、不友好：交互与体验的“拦路虎”
接下来，咱们聊聊“不友好”。这个词在咱们圈内，尤其是在用户体验（UX）和用户界面（UI）设计师、前端开发者、产品经理的语境里，出现的频率非常高。它不是指不善良、不友好的人，而是特指那些让用户在使用产品（包括网站、App等）时感到困难、沮丧、困惑、效率低下，甚至产生负面情绪的设计、交互或功能。
圈内人怎么定义“不友好”？
“不友好”是一个相对主观的概念，但通常基于以下几个方面来判断：
1. 易用性差 (Poor Usability)：
操作复杂：完成一个简单任务需要经过繁琐的步骤，或者需要用户具备非常专业的知识。
导航混乱：用户找不到自己想去的地方，界面结构不清，链接或按钮标识不明。
反馈缺失或错误：用户操作后没有明确的状态提示（比如加载中、成功、失败），或者系统给出令人困惑甚至误导的错误信息。
控件不直观：按钮、开关、输入框等元素的设计不符合用户习惯，或者难以理解其功能。
2. 效率低下 (Low Efficiency)：
加载缓慢：页面或功能响应太慢，用户等待时间过长。
流程繁琐：需要重复输入信息，或者必须按照特定顺序操作才能完成任务。
功能缺失：缺少用户迫切需要的核心功能。
3. 视觉干扰或不适 (Visual Clutter or Discomfort)：
设计丑陋：界面杂乱无章，色彩搭配刺眼，字体难看，整体视觉效果差。
信息过载：页面元素过多，用户难以聚焦重要信息。
缺乏一致性：同一产品内，不同页面或功能的风格、交互方式差异巨大，导致用户需要不断重新学习。
4. 缺乏情感连接 (Lack of Emotional Connection)：
冰冷机械：交互方式僵硬，缺乏人性化设计，比如没有适当的动画过渡，或者客服回应生硬。
造成挫败感：频繁出现错误提示、操作失败、数据丢失等情况。
举个栗子：一个在线购物网站，它的“不友好”可能表现为：
搜索框太小，输入文字困难。
商品分类太细，用户找不到想要的商品。
结算流程需要填写大量重复信息，且没有保存购物车功能。
提交订单后，没有明确的成功页面或提示，用户不确定是否下单成功。
页面加载非常慢，图片模糊不清。
客服联系方式隐藏很深，用户遇到问题无法及时得到帮助。
这些体验，都会让用户觉得这个网站“不友好”，从而可能放弃购物，转向竞争对手。
为什么圈内人特别关注“不友好”？
因为“不友好”直接关系到产品的可用性 (Usability) 和 用户体验 (User Experience, UX)。一个“不友好”的产品，即使功能再强大，技术再先进，也难以被用户接受和使用。最终会导致用户流失，产品失败。识别和解决“不友好”的问题，是提升产品价值、赢得用户口碑的关键所在。圈内人常常会使用各种用户研究方法（如可用性测试、用户访谈）来发现和评估产品中的“不友好”之处，并持续进行优化。
所以你看，`DOM` 是我们构建和操作网页内容的技术基础和核心机制，是静态文档变成动态交互界面的“引擎”；而“不友好”则是我们评价这个由DOM构建出来的界面和交互过程是否让用户感到舒适、高效、愉悦的“标尺”。一个精通DOM的开发者能“驾驭”网页结构，而一个关注“不友好”的设计者和开发者则致力于创造“用户友好”的体验。两者相辅相成，共同决定了我们最终看到
