知识点 分类

前言

传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢。

前端路由

你对前端路由/vue-router的理解？前端路由/vue-router的实现原理？

前端路由是基于hash模式和history模式实现的。
hash模式是通过监听浏览器的hashchange事件，当浏览器hash值（锚点#）部分发生变化，做出相应渲染。
优点：1.兼容性好，大部分浏览器都支持；2.不需要后端配合
缺点：1.外观上带#号；2.影响seo搜索
history模式是使用html5推出的historyAPI，使用popstate来监听变化，pushState和replaceState来实现渲染。
优点：1.有更符合浏览器链接的外观；2.利于seo搜索
缺点：1.兼容性较差；2.需要后端配合，非则可能出现404错误

狮子...大约 5 分钟

vue上

vue下

MVVM

概念
- Model(数据)
- View(视图)
- ViewModel(负责两者之间的数据处理操作)
特点
- 低耦合: 视图view可独立于model的变化和修改
- 可复用性: 视图逻辑viewModel可用于不同的view
- 独立开发
- 可测试性
总结

狮子...大约 20 分钟

vue2与vue3的区别

生命周期

钩子函数加 on
beforeCreate 和 created 包含在 setup 函数中
beforeDestroy 改为 onBeforeUnmount，destroyed 改为 onUnmounted

狮子...大约 4 分钟

自动换行

word-break

word-break: normal

word-break: break-all

记忆: 当一个单词到达边界时，下个字母会自动到下一行。

狮子...小于 1 分钟

css深度选择器

深度选择器的使用场景一般是 修改第三方UI组件库，如vant，elementUI，antd，同时页面中又使用了 scoped

>>>

原生css式样使用 >>>

<style scoped>

.myclass >>> .el-tag {
  // 样式
}
</style>

狮子...小于 1 分钟

uniapp知识

小程序

编译到微信小程序u-icon上的class无效

问题：编译到微信小程序上后，组件如<u-icon />上的class、style无效

狮子...小于 1 分钟