官网项目完成总结(二)

简介: 官网项目完成总结

4.seo优化


需求:

image.png

实现:

其实就是设置nuxt.config.js里面的config中设置全局head对象,也可在每个页面的head中设置

image.png

在页面里面:

<template>
  <h1>{{ title }}</h1>
</template>
<script>
  export default {
    data() {
      return {
        title: 'Home page'
      }
    },
    head() {
      return {
        title: this.title,
        meta: [
          {
            hid: 'description',
            name: 'description',
            content: 'Home page description'
          }
        ]
      }
    }
  }
</script>

nuxt官网地址:

image.png

5.nuxt 使用VueAwesomeSwiper插件,展示轮播及缩略图


image.png

6.IntersectionObserver API 使用教程


image.png

7.IE11的CSS兼容性问题image.png


8.pc端网页屏幕自适应适配方案(rem)


image.png

9.后台返回图形验证码 前端如何处理


image.png

10.nuxt中文官网


安装设置 - Nuxt TypeScript

11.好用的日期处理插件day.js


下载安装全局安装后

在页面中就可随意使用

{{$dayjs(item.StartTime).format("YYYY/MM/DD")}}


相关文章
|
1月前
|
安全
安全团队官网介绍页源码
安全团队官网介绍页源码
37 3
安全团队官网介绍页源码
|
1月前
|
小程序 容器
企业官网小程序搭建教程-首页的搭建05
企业官网小程序搭建教程-首页的搭建05
|
4月前
|
小程序 JavaScript 前端开发
小程序之如何学习一个新的知识,首先就是通过官网进行讲解!!(2)
小程序之如何学习一个新的知识,首先就是通过官网进行讲解!!(2)
|
4月前
|
前端开发
手把手带你一起写迅雷官网(一)
手把手带你一起写迅雷官网
|
4月前
|
前端开发 JavaScript
手把手带你一起写迅雷官网(二)
手把手带你一起写迅雷官网
SketchUp2020免费中文完整版官网2021教程模型库下载
SketchUp2022 WIN10 64位安装步骤: 1.先使用“百度网盘客户端”下载SU22_CN_x64安装包到电脑磁盘里,并鼠标右击进行解压缩,然后找到SketchUpProFull-2022.exe,鼠标右击选择【以管理员身份运行】 2.选择软件安装路径,默认安装在C盘,点击【更改】可修改软件安装路径,注意:安装路径文件夹名称不能含有中文字符!小编这里将软件安装在D盘SU2022文件夹下,然后点击【安装】 温馨提示:请记住软件安装路径,后续操作需要用到。 3.正在安装中,这个过程中大概需要10分钟左右的时间,请耐心等待… 4.安装结束,点击【完成】 5.返回软件初始安装包
SketchUp2020免费中文完整版官网2021教程模型库下载
|
11月前
|
数据挖掘 图形学
bookdown官网最新开源书籍汇总
bookdown官网最新开源书籍汇总
296 0
|
开发者 容器
《梦幻西游》官网小动画
偶然间在《梦幻西游》的官网发现了这么一个动画,又一不小心打开了开发者工具,又一不下心发现这个动画是通过一张图片使用帧动画来实现的
102 0
|
JavaScript 前端开发 数据安全/隐私保护
|
数据安全/隐私保护 Windows
MindManager2022官方试用版下载安装教程
MindManager 22这个软件是比较有历史的了,多年的开发和迭代,它的功能越来越丰富。最大的亮点就是支持移动设备和在线编辑功能,图形界面算是比较美观的啦,与Office配合工作非常匹配,对于思维导图的高手而言可玩性强。
334 0