官网项目完成总结(二)

简介: 官网项目完成总结

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")}}


相关文章
|
前端开发 JavaScript C++
打造卓越 QML 层级设计:从入门到精通(一)
打造卓越 QML 层级设计:从入门到精通
3623 1
|
算法 内存技术
语音信号的A律压缩和u律压缩matlab仿真
语音信号的A律压缩和u律压缩matlab仿真
|
监控 JavaScript Docker
Nuxt.js项目Docker部署和pm2部署
Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染应用。
1691 0
Nuxt.js项目Docker部署和pm2部署
|
存储 JavaScript 中间件
Nuxt3 实战 (一):初始化项目
这篇文章介绍了Nuxt框架的基本信息,包括什么是Nuxt以及Nuxt3的优点。文章还介绍了Nuxt3的一些特点,如服务端渲染和静态站点生成、模块化、文件系统路由等。此外,文章还提供了项目安装的步骤和目录结构。最后,文章提到了下一步计划,即配置 Eslint、Prettier、Husky、lint-staged、commitlit项目提交规范的过程。
438 3
Nuxt3 实战 (一):初始化项目
|
9月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
SQL 安全 网络安全
网络安全与信息安全:关于网络安全漏洞、加密技术、安全意识等方面的知识分享
在数字化时代,网络安全和信息安全已成为我们生活中不可或缺的一部分。本文将介绍网络安全漏洞、加密技术和安全意识等方面的内容,并提供一些实用的代码示例。通过阅读本文,您将了解到如何保护自己的网络安全,以及如何提高自己的信息安全意识。
242 10
|
缓存 移动开发 JavaScript
《vue2进阶篇:路由》第10章:vue-router,包括基础路由、嵌套路由、路由的query参数和params参数、命名路由、router-link的replace属性、编程式路由、缓存路由组件
《vue2进阶篇:路由》第10章:vue-router,包括基础路由、嵌套路由、路由的query参数和params参数、命名路由、router-link的replace属性、编程式路由、缓存路由组件
653 2
|
前端开发 程序员 项目管理
Nuxt3 实战 (二):配置 Eslint、Prettierrc、Husky等项目提交规范
这篇文章介绍了项目规范的重要性和如何配置一些工具来提高代码质量、团队协作、降低维护成本、提升软件可靠性和促进项目管理。工具介绍了Eslint和Prettier,并且提供了安装和配置的步骤。文章还提到了如何配置Husky和Commitlint来检查提交风格的规范性,并最后提到了需要使用 release-it 自动管理版本号和生成 CHANGELOG 的任务。
417 0
Nuxt3 实战 (二):配置 Eslint、Prettierrc、Husky等项目提交规范
|
算法 Unix Linux
select函数中的文件描述符(File Descriptor)范围
select函数中的文件描述符(File Descriptor)范围
324 0
select函数中的文件描述符(File Descriptor)范围
|
消息中间件 Kubernetes 小程序
kubernetes job玩转到底
kubernetes job玩转到底