自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 7.1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》更新记录V3.0.0.2

《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》V3.0.0.2于2022年11月25日发布,欢迎浏览使用。

2022-11-26 19:44:50 498 2

原创 5-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》应用程序构建和部署使用

Nuxt3应用程序构建方式多种,可以支持不同应用场景构建和部署使用。

2022-11-25 09:19:05 1479

原创 6-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》参考资料

本教程使用的第三方框架、插件或工具等产品均为开源,供您在个人实操研究中使用。如需商用,请仔细核查各产品开源协议,并在产品开源协议范围内合规使用。

2022-11-25 09:05:05 570

原创 4.18-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》其他(常见问题等)

全局sass变量和动态样式,Nuxt3模块(color-mode示例),常用配置和常见问题

2022-11-25 08:58:39 2033 4

原创 4.17-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》搜索引擎优化SEO

选用Nuxt3框架或许您最看重的就是能使用新技术的同时对SEO最佳支持。网站 SEO 优化分为:SEO 站内优化(On-page SEO), SEO 站外优化(Off-page SEO), SEO 技术优化(Technical SEO)。

2022-11-25 08:55:06 448

原创 4.16-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》渲染模式

渲染是js组件转换为HTML元素,浏览器和服务端都可以解释JavaScript代码来渲染Vue。Nuxt3支持客户端和通用渲染。

2022-11-25 08:50:54 978

原创 4.15-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》异常处理

Nuxt 3是一个全栈框架,在不同的上下文中可能会发生一些不可预见的用户运行时错误,本节将介绍如何获取、处理和友好展示。

2022-11-25 08:48:18 840

原创 4.14-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》数据获取

Nuxt3数据获取的3类方法使用在以下3节中讲解,实现同样功能点的关键代码抽取出分析比较和示例。

2022-11-25 08:44:03 1334

原创 4.13-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》服务端处理(server)

Nuxt3自动扫描~/server/api、~/server/routes和~/server/middleware目录中的文件,以注册HMR支持的api和服务端处理程序。

2022-11-25 08:24:58 1868

原创 4.12-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》静态资源(assets和public)

Nuxt3使用两个目录来处理样式、字体或图像等资源。

2022-11-25 08:20:36 896

原创 4.11-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》内容管理(content)

Nuxt3 Content为独立模块,需要单独安装和使用。Content读取和解析项目根目录的content目录下.md、.yml、.csv和.json文件,为应用程序创建基于文件的CMS。

2022-11-24 10:13:09 1085

原创 4.9-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》导航

Nuxt3中导航比较简单,分为组件和编程方式。

2022-11-24 10:06:17 530

原创 4.10-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》插件(plugins)

本章节将介绍Nuxt3插件及相关内容,包括自主开发插件(plugins)、使用第三方插件。

2022-11-24 09:58:07 1095

原创 4.8-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》过渡动画

Nuxt利用Vue的组件在页面和布局中应用过渡动画转换。

2022-11-24 09:55:12 901

原创 4.7-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》路由中间件(middleware)

Nuxt3提供可定制的路由中间件框架,可以在整个应用程序、指定路由范围或指定页面中使用,非常适合在导航到特定路由之前运行自定义的代码。

2022-11-24 09:51:30 1261

原创 4.6-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》路由模式

Nuxt3采用约定路由方式,当我们创建了 pages 文件夹目录后,Nuxt 3会自动集成vue-router,结合 pages 目录下的文件(夹)名来构建我们的项目routes配置。

2022-11-24 09:39:47 528

原创 4.5-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》模块化代码

模块化代码包括工具包(utils)和公共函数代码(composables)。

2022-11-24 09:36:37 843

原创 4.4-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面布局(layouts)

Nuxt3提供可定制的布局框架,可以在整个应用程序中使用,非常适合将通用UI或代码模式提取到可重用的布局组件中。

2022-11-24 09:35:11 991

原创 4.3-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面组件(components)

页面组件必须放在项目根目录的components目录下,Nuxt3会自动导入此目录中的所有组件,然后就可以在任何页面或其他组件中使用这些组件。

2022-11-24 09:33:34 1409

原创 4.2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面(pages)

页面必须放在项目根目录的pages目录下,页面是Vue组件,可以具有.vue、.js、.jsx、.ts或.tsx扩展名,本教程使用.vue。

2022-11-24 09:31:53 703

原创 4.1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》目录和文件详情介绍

Nuxt3开发精髓之一是约定式开发,通过约定省去了大部分配置,虽然开发灵活性有所影响,但及大提高代码直观可读性和开发效率。

2022-11-24 09:27:54 741

原创 3-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》上机准备

本教程是在macOS Monterey 12.6和Windows10 Professional专业版上验证通过,如果在Linux上使用,安装对应操作系统版本的工具即可。

2022-11-23 09:48:34 745

原创 2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》初识Nuxt3

Nuxt 3是基于Vite、Vue3和Nitro的Nuxt框架的全新重写,具有一流的Typescript支持,是两年多研究、社区反馈、创新和实验的结果。Nuxt.js是基于Vue.js创建的混合渲染应用框架,一般使用Nuxt.js多是用来解决SEO的问题。

2022-11-21 10:02:46 2005

原创 1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》文档和配套示例代码同期呈现

《手把手教您使用Nuxt3框架(Nuxt3中文参考手册)》适合Nuxt3初学者学习和实践,资深者快速参考,爱好者持续跟踪新功能和最佳实践。

2022-11-20 17:23:33 2135 2

原创 第2讲:python-3.8安装baidu/lac 2.1,开启中文分词之旅。

中文分词、词性标注、专名识别等功能,经过分析比较最终选择了百度LAC(Lexical Analysis of Chinese)。由于baidu/lac 2.1依赖paddlepaddle最高1.8.5(使用2.1会报错lac 2.1.2 depends on paddlepaddle>=1.6)。飞桨PaddlePaddle-源于产业实践的开源深度学习平台飞桨致力于让深度学习技术的创新与应用更简单。具有以下特点:同时支持动态图和静态图,兼顾灵活性和效率;精选应用效果最佳算法模型并提供官方支持;真正

2021-11-09 22:22:51 2443

原创 第1讲:macOS安装python-3.8,运行helloworld.py。

开发操作系统为macOS Big Sur V11.6。如后续无特别说明,均是此环境。先到官方下载安装文件,如果速度慢可以复制下载链接到迅雷中下载很快。Python Releases for macOS | Python.orgThe official home of the Python Programming Languagehttps://www.python.org/downloads/macos/双击下载的文件python-3.10.0post2-macos11.pkg,按向导提示完成安装.

2021-11-09 21:11:03 1636

原创 第5讲:VUE3工程中实现页面加载中效果和页面切换动画效果。

VUE3工程发布后的运行过程为先加载html面,再通过html页中的js加载单页面js来渲染页面并显示。根据这个加载过程,实现页面加载中的原理是预先在html中显示加载中,再单页面数据加载完成在mounted时隐藏加载中,即实现想要的效果。在public/index.html中添加加载中图层,对应的css自己根据需要设计即可。 <div id="dvtop-app-loading"> <div> <div class="dvtop

2021-11-09 16:28:33 3451

原创 第4讲:VUE3工程中集成页面级权限验证和百度统计代码。

VUE3中此处使用路由的meta定义页面需要的权限级别来控制权限。在src/router/index.ts中修改如下。 { path: '/', name: 'Home', component: Home, meta: { auth: 2 } }, { path: '/user/login', name: 'UserLogin', component: () => import(/* webpackChunkName: "us

2021-11-09 14:43:44 1048

原创 第3讲:VUE3+ant-design-vue第3版,配置vue-i18n国际化语言支持。

此处国际化选择采用i18n,VUE3必须使用vue-i18n@next安装。antd在 V3 版本开始,默认使用 dayjs 替换了 momentjs 库。所以在国际化时,还要同时完成antd和dayjs的国际化处理。cd dvtop-designernpm install vue-i18n@next --savenpm install dayjs --save创建语言文件,如zh_cn.ts,类似方法创建zh_tw.ts、en_gb.ts等。module.exports = {

2021-11-09 13:58:32 2352 1

原创 第2讲:VUE3集成ant-design-vue第3版,配置使用自定义主题。

为什么选择V3,引用官方说明。2.x 版本是为了兼容 Vue 3 开发的兼容版本,他并没有带来很多新的特性,大多数的 API 改变也只是为了更好的兼容 Vue 3。 3.x 版本在性能、易用性、功能上都有了很大的提升,3.x 版本稳定后,我们会归档 2.x 版本,建议您尽快升级 3.x 版本。虽然有很多改动,但基本都做了兼容,你可以按照控制台给出的警告逐步升级。cd dvtop-designernpm install ant-design-vue@3.0.0-alpha.10 --save

2021-11-09 10:03:13 12392

原创 第1讲:配置NODE16环境,创建和运行VUE3项目。

开发操作系统为macOS Big Sur V11.6。如后续无特别说明,均是此环境。一、环境准备1、NPM,LTS稳定版https://nodejs.org/en/download/current/Latest LTS Version: 16.13.0 (includes npm 8.1.0)macOS Binary (.tar.gz),下载node-v16.13.0-darwin-x64.tar.gztar zxvf node-v16.13.0-darwin-x64.tar.gzvi ~/.

2021-11-09 10:02:37 1554

手把手教您使用Nuxt3框架+Nuxt3中文开发教程+基于Vue3的混合渲染框架Nuxt3,教程35个功能配套示例源代码完整包

示例代码适合Nuxt3初学者学习和实践,资深者快速参考,爱好者持续跟踪新功能和最佳实践。 包括:约定引用组件,动态引用组件,自定义布局,模块化代码,页面路径,动态路由,通配路由,嵌套路由,自定义路由,全局路由中间件(跳转到外部网址),命名路由中间件,内联路由中间件,页面路由验证器,组件式导航,编程式导航,页面过渡动画,自主开发插件,使用AntD插件,使用Bootstrap插件:浏览器引用方式,使用Bootstrap插件:安装融合方式,内容管理(content),public目录(静态资源),assets目录(静态资源),API接口:服务端处理(server),ROUTES路由:服务端处理(server),$fetch:数据获取,useAsyncData和useLazyAsyncData:数据获取,useFetch和useLazyFetch:数据获取,异常处理,混合渲染之指定客户端渲染,SEO配置之路由元数据使用,SEO配置之组件化和编程化使用,全局sass变量和动态样式,Nuxt3模块(color-mode示例),常用配置之增加路由后缀(如访问URL后加.html)等

2022-11-25

手把手教您使用Nuxt3框架(Nuxt3中文开发教程)-基于Nuxt3.0.0稳定版验证文档

本文档适合Nuxt3初学者学习和实践,资深者快速参考,爱好者持续跟踪新功能和最佳实践。从版本v3.0.0-rc.10开始参考官网手册和官方示例,从技术相关性、易于理解和方便查询来重新组织编写此文档,力求覆盖Nuxt3官网文档并进行扩展细化,补充实践经验,全部通过可用示例代码加深理解,让读者快速理解和使用Nuxt3。Nuxt3历时7个月经历14个RC版本,在2022年11月16至17日的Nuxt全球在线大会期间发布了v3.0.0稳定版,开启Nuxt3在产品级应用。互联网前端技术的发展总是适应着用户需求和互联网环境变化,从传统页面和数据混合一起的SSR(服务端渲染),到前后台分离的CSR(客户端渲染),再到基于Nuxt3的混合渲染,都是为了满足各种场景下应用的需求,并没有谁好谁差,也有可能同一个项目使用多种方式组合使用,最终适合自己应用和最高性价比的就是最佳。 Nuxt 3是基于Vite、Vue3和Nitro的Nuxt框架的全新重写,具有一流的Typescript支持,是两年多研究、社区反馈、创新和实验的结果。

2022-11-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除