- 博客(31)
- 收藏
- 关注
原创 7.1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》更新记录V3.0.0.2
《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》V3.0.0.2于2022年11月25日发布,欢迎浏览使用。
2022-11-26 19:44:50
574
1
原创 5-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》应用程序构建和部署使用
Nuxt3应用程序构建方式多种,可以支持不同应用场景构建和部署使用。
2022-11-25 09:19:05
1572
原创 6-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》参考资料
本教程使用的第三方框架、插件或工具等产品均为开源,供您在个人实操研究中使用。如需商用,请仔细核查各产品开源协议,并在产品开源协议范围内合规使用。
2022-11-25 09:05:05
658
原创 4.18-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》其他(常见问题等)
全局sass变量和动态样式,Nuxt3模块(color-mode示例),常用配置和常见问题
2022-11-25 08:58:39
2122
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
559
原创 4.16-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》渲染模式
渲染是js组件转换为HTML元素,浏览器和服务端都可以解释JavaScript代码来渲染Vue。Nuxt3支持客户端和通用渲染。
2022-11-25 08:50:54
1038
原创 4.15-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》异常处理
Nuxt 3是一个全栈框架,在不同的上下文中可能会发生一些不可预见的用户运行时错误,本节将介绍如何获取、处理和友好展示。
2022-11-25 08:48:18
934
原创 4.14-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》数据获取
Nuxt3数据获取的3类方法使用在以下3节中讲解,实现同样功能点的关键代码抽取出分析比较和示例。
2022-11-25 08:44:03
1399
原创 4.13-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》服务端处理(server)
Nuxt3自动扫描~/server/api、~/server/routes和~/server/middleware目录中的文件,以注册HMR支持的api和服务端处理程序。
2022-11-25 08:24:58
1949
原创 4.12-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》静态资源(assets和public)
Nuxt3使用两个目录来处理样式、字体或图像等资源。
2022-11-25 08:20:36
968
原创 4.11-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》内容管理(content)
Nuxt3 Content为独立模块,需要单独安装和使用。Content读取和解析项目根目录的content目录下.md、.yml、.csv和.json文件,为应用程序创建基于文件的CMS。
2022-11-24 10:13:09
1285
原创 4.10-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》插件(plugins)
本章节将介绍Nuxt3插件及相关内容,包括自主开发插件(plugins)、使用第三方插件。
2022-11-24 09:58:07
1246
原创 4.7-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》路由中间件(middleware)
Nuxt3提供可定制的路由中间件框架,可以在整个应用程序、指定路由范围或指定页面中使用,非常适合在导航到特定路由之前运行自定义的代码。
2022-11-24 09:51:30
1378
原创 4.6-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》路由模式
Nuxt3采用约定路由方式,当我们创建了 pages 文件夹目录后,Nuxt 3会自动集成vue-router,结合 pages 目录下的文件(夹)名来构建我们的项目routes配置。
2022-11-24 09:39:47
607
原创 4.5-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》模块化代码
模块化代码包括工具包(utils)和公共函数代码(composables)。
2022-11-24 09:36:37
949
原创 4.4-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面布局(layouts)
Nuxt3提供可定制的布局框架,可以在整个应用程序中使用,非常适合将通用UI或代码模式提取到可重用的布局组件中。
2022-11-24 09:35:11
1061
原创 4.3-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面组件(components)
页面组件必须放在项目根目录的components目录下,Nuxt3会自动导入此目录中的所有组件,然后就可以在任何页面或其他组件中使用这些组件。
2022-11-24 09:33:34
1515
原创 4.2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面(pages)
页面必须放在项目根目录的pages目录下,页面是Vue组件,可以具有.vue、.js、.jsx、.ts或.tsx扩展名,本教程使用.vue。
2022-11-24 09:31:53
786
原创 4.1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》目录和文件详情介绍
Nuxt3开发精髓之一是约定式开发,通过约定省去了大部分配置,虽然开发灵活性有所影响,但及大提高代码直观可读性和开发效率。
2022-11-24 09:27:54
814
原创 3-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》上机准备
本教程是在macOS Monterey 12.6和Windows10 Professional专业版上验证通过,如果在Linux上使用,安装对应操作系统版本的工具即可。
2022-11-23 09:48:34
861
原创 2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》初识Nuxt3
Nuxt 3是基于Vite、Vue3和Nitro的Nuxt框架的全新重写,具有一流的Typescript支持,是两年多研究、社区反馈、创新和实验的结果。Nuxt.js是基于Vue.js创建的混合渲染应用框架,一般使用Nuxt.js多是用来解决SEO的问题。
2022-11-21 10:02:46
2170
原创 1-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》文档和配套示例代码同期呈现
《手把手教您使用Nuxt3框架(Nuxt3中文参考手册)》适合Nuxt3初学者学习和实践,资深者快速参考,爱好者持续跟踪新功能和最佳实践。
2022-11-20 17:23:33
2395
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
2537
原创 第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
1777
原创 第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
3576
原创 第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
1123
原创 第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
2482
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
12517
原创 第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
1749
手把手教您使用Nuxt3框架+Nuxt3中文开发教程+基于Vue3的混合渲染框架Nuxt3,教程35个功能配套示例源代码完整包
2022-11-25
手把手教您使用Nuxt3框架(Nuxt3中文开发教程)-基于Nuxt3.0.0稳定版验证文档
2022-11-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人