web 相关面试题汇总

前端需要注意哪些 SEO

• 合理的 title、 description、 keywords。搜索对这三项的权重逐个减小，

  • title 强调重点，重要关键词出现不能超过两次，而且要尽量考前，不同页面 title 要有所不同
  • description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面的 description 有所不同
  • keywords 列举重要关键词即可

• 语义化的 HTML 代码， 符合 W3C 规范： 语义化代码可以让搜索引擎容易理解网页

• 重要内容 HTML 代码放在最前面：搜索引擎抓取 HTML 顺序从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取

• 重要内容不要 js 输出：爬虫不会执行 js 获取内容

• 少用 iframe： 搜索引擎不会抓取 iframe 中的内容

• 提高网站速度： 网站速度是搜索引擎排序的一个重要指标

谈谈对 MVVM 的理解

• Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑;
• View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，View 是一个同步 View 和 Model 的对象
• 在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互， Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。
• 对 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而 View 和 Model 之间的 同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作 DOM，不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。