SEO搜索引擎优化

SSG静态站点(适用于文档型的网站)

• SSG 应用一般在构建阶段就确定了网站的内容。
• 如果网站的内容需要更新了，那必须得重新再次构建和部署。
• 构建 SSG 应用常见的库和框架有： Vue Nuxt、 React Next.js 等。

uniapp

原生VS跨平台

• 原生开发的特点：

 性能稳定，使用流畅，用户体验好、功能齐全，安全性有保证，兼容性好，可使用手机所有硬件功能等

缺点

 但是开发周期长、维护成本高、迭代慢、部署慢、新版本必须重新下载应用

创建

项目目录结构划分

自定义指令

总结：使用自定义指令可以拿到相应节点的生命周期，textContext值，进行相应的操作和封装

自定义指令分为两种：

• 自定义局部指令：组件中通过 directives 选项，只能在当前组件中使用；

• 自定义全局指令：app的 directive 方法，可以在任意组件中被使用；

自定义组件在options api和composition api中的使用

web的发展主要经历了这样一些阶段：

• 后端路由阶段：后端根据前端传来的URL生成相应的.html返回给前端，(页面映射表在后端)
• 前后端分离阶段：不同路径对应的.html页面还是由后端渲染获取，但页面不全是由后端渲染，一些比较固定的导航的数据由前端渲染，一些列表数据则还是通过网络请求从后端获取，此时(页面映射表还是在后端)
• 单页面富应用（SPA）：
  • 特点：不是每次都需要更新全部页面，只需要更新需要更新的页面部分即可
  • 相当于**(页面映射表在前端)**，不同的页面地址对应不同的页面组件进行展示即可
  • 按钮点击，改变页面地址，根据地址访问页面(router-view切换显示的组件)

基本使用

html CDN或本地引入

<script src="https://unpkg.com/vue@next"></script>
>