nuxt2

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录
王佳斌·2024-08-26 17:03

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data
街尾杂货店&·2024-08-24 11:05

「nuxt2配置tailwindcss」nuxt2添加tailwindcss详细步骤！解决版本不对称各种报错～～

运行环境node和npm使用版本nodev14.21.3(npmv6.14.18)1.插件下载官方文档说明npminstall-D@nuxtjs/[email protected]@3.4.1postcss@^[email protected]配置module.exports={//...buildModules:['@nux
Amodoro·2024-01-24 15:55

nuxt3中引入pinia+数据持久化储存（pinia-plugin-persistedstate）

1、按装piniayarnaddpinia@pinia/nuxt#或者使用npmnpminstallpinia@pinia/nuxt2、安装pinia-plugin-persistedstatenpm:
jjww-135·2023-10-28 20:05

重构项目 vue2 =＞ vue3 & nuxt2 =＞ nuxt3 遇到的问题

vue3获取组件的上下文import{getCurrentInstance}from'vue';//获取当前组件实例constinstance=getCurrentInstance();//获取当前组件的上下文，下面两种方式都能获取到组件的上下文。//方式一，这种方式只能在开发环境下使用，生产环境下的ctx将访问不到const{ctx}=getCurrentInstance();//方式二，此方法
王——小喵·2023-10-13 06:48

【Nuxt】05 Nuxt2项目打包优化

1打包优化在nuxt.config.js配置build:{//开启打包分析analyze:true,}进行打包可以查看包体积：element引入优化：在插件按需引入：打包分包npmibabel-plugin-component-D，在我自己的项目里，打包后的elementUI资源可以降低至原先的30%配置module.exports={build:{transpile:[/^element-ui/
Chx.zhang·2023-09-28 09:17

【Nuxt】02 Nuxt2项目搭建与配置、路由使用、生命周期、国际化等

一、项目搭建1Nuxt简介Nuxt.js是一个基于Vue.js的通用应用框架，通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。Nuxt.js简单的说就是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，很多人想用Vue开发多页应用，并在服务端完成渲染。这时候就出现了Nu
Chx.zhang·2023-09-28 09:46

【Nuxt】03 Nuxt2 页面缓存、组件缓存、api缓存

基于nuxt.js的服务端渲染项目可以通过缓存来优化的场景有以下几点：优化点参考文档及思路优化场景/条件特别说明检测方法1.页面缓存vue官方文档页面内容不是用户特定（即对于相同的URL，总是为所有用户渲染相同的内容）一般来说，一个页面在服务端做了持久化缓存，那么对应页面的存在的api缓存，组件缓存也就没有意义了，对于页面缓存与api缓存同时存在的情况下（有可能存在），api缓存的时间应该比页面缓
Chx.zhang·2023-09-28 09:45

nuxt2项目配置

nuxt2项目架构1、nuxt生命周期1-1、生命周期详解2、路由2-1、扩展路由2-2、参数校验、错误页面配置2-3、路由切换动画2-4、路由个性化切换动画2-5、路由守卫2-5-1、前置守卫（中间件
weixin_43993776·2023-09-23 13:22

nuxt介绍——nuxt2

文章目录服务端渲染和客户端渲染客户端渲染CSR服务端渲染SSR为什么说服务端渲染比客户端渲染seo更友好seo的本质原因Vue的客户端渲染和服务端渲染客户端渲染客户端vueseo不友好的原因案例服务端渲染案例`vue-server-renderer`的其他用法：nuxt是什么nuxt的特点nuxt服务搭建安装项目目录服务端渲染和客户端渲染客户端渲染和服务端渲染是页面渲染的两种方式。客户端渲染CSR
_洋·2023-09-16 01:23

nodejs：本地安装nvm实现nodejs多版本管理及切换版本

vue2、nuxt2，node建议使用node16，如果使用18版本，可能会启动不了项目。等等情况，所以我们本地最好能控制node版本，在需要的时候使用合适的版本。
snow@li·2023-09-08 10:42

nuxt2-storybook-vite：环境搭建、基础使用 / nuxt项目组件库

一、创建nuxt2项目安装-NuxtJS|Nuxt.js中文网yarncreatenuxt-app二、安装storybook2.1、初始化Storybookpnpmadd-g@storybook/clinpx-p
snow@li·2023-09-01 14:12

Nuxt3+Vite+Pinia+Element plus 快速开发模版&部署

目录前言一、初始化项目二、项目目录简介三、主要功能点Layout布局路由（需注意nuxt2与nuxt3是有区别的）compositables方法自动导入plugins需要运行的JS插件useFetch请求封装四
alun.zhang·2023-08-31 13:11

快速搭建 Nuxt2 项目

文章目录01Nuxt能提供哪些功能？有什么益处？02快速搭建项目2.1安装create-nuxt-app脚手架工具2.2使用脚手架搭建项目01Nuxt能提供哪些功能？有什么益处？服务端渲染：Nuxt是基于Vue.js的服务端渲染框架，可以生成静态的HTML文件并在服务器上进行渲染，将页面内容直接发送给浏览器。这种方式可以提高网站的首次加载速度，改善搜索引擎的索引和页面的SEO优化。代码结构和组织：
小晗同学·2023-08-27 10:46

Nuxt3实战系列之网络请求篇

这两个方法不同于Nuxt2中的asyncData和fetch。接下来我们先来好好分析下这两个方法。
前端码农小王·2023-06-20 19:29

Nuxt3实战系列之了解Nuxt3的渲染模式

使用过nuxt2的人都知道，nuxt并不单单是个服务端渲染框架，它也同时具备纯客户端渲染以及静态化渲染的能力。
·2023-04-20 13:50

简陋的vue-cli项目改写成nuxt2项目

目录1.安装下载nuxtjs2.配置路由3.配置路由重定向4.配置一些全局的css5.使用sass6.编写公共头部布局模板7.改写组件8.改写请求接口9.改写vuex10.引入第三方插件11.配置meta12.开启gzip、brotli压缩13.部署这个项目之前也是想用nuxt做的，但是当时还不会，就用了预渲染，最近刚学了nuxt，顺便练习一下原项目是基于vue^2.6.11、vue-cli^4.
AIpoem·2023-04-15 15:13

简陋的nuxt2学习笔记

内容安装目录结构服务端生命周期nuxtServerInit(store,context)路由中间件middlewarevalidateasyncData()&fetch()服务端和客户端共有的生命周期beforeCreate()&created()客户端生命周期路由动态路由使用router.js导航守卫router.jsnuxt中使用配置head配置css配置plugins数据交互配置代理请求拦截
AIpoem·2023-04-15 15:12

Nuxt3 & Serverless 尝鲜之旅

官方也推荐我们的Nuxt2项目，先迁移到NuxtBridge来进行一个平滑的过渡。不过我们还是有必要预先体会一下Nuxt3与Nuxt2之间的异同点，来为我们的项目预先累积一些迁移知识。
ice breaker·2023-04-10 21:02

微前端-qiankun：vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用

一、了解qiankun.jsqiankun-qiankun1.1、简单，任意js框架均可使用。微应用接入像使用接入一个iframe系统一样简单，但实际不是iframe。1.2、完备，几乎包含所有构建微前端系统时所需要的基本能力，如样式隔离、js沙箱、预加载等。解耦，与技术无关。1.3、生产可用，已在蚂蚁内外经受过足够大量的线上系统的考验及打磨，健壮性值得信赖。1.4、qiankun是一个基于sin
snow@li·2023-04-07 10:39

Nuxt2快速上手（一）路由、异步数据、中间件等

方式插件Layers中间件-middlewareVuex状态树API(这里只说一些关键的API)asyncData关键的一些包nuxt/axiosnuxt.config.js常用的一些配置我们这里先学习一下Nuxt2
李和贵·2023-04-02 05:38

nuxt2：keepalive 列表页到详情，详情回到列表，列表恢复离开时的状态

一、keepalive简介是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。keepalive组件总共有三个参数include：可传字符串、正则表达式、数组，名称匹配成功的组件会被缓存exclude：可传字符串、正则表达式、数组，名称匹配成功的组件不会被缓存max：可传数字，限制缓存组件的最大数量,默认为10include包含的&&排除exclude包含的就是需要缓存的组件ke
snow@li·2023-04-01 18:48

Nuxt3实战系列之网络请求篇

这两个方法不同于Nuxt2中的asyncData和fetch。接下来我们先来好好分析下这两个方法。
·2023-02-19 16:05

Nuxt3实战系列之了解Nuxt3的渲染模式

使用过nuxt2的人都知道，nuxt并不单单是个服务端渲染框架，它也同时具备纯客户端渲染以及静态化渲染的能力。
·2023-02-17 02:54

医院项目-预约挂号-第7部分

目录一、尚医通平台前端搭建1、服务端渲染技术NUXT2、NUXT环境初始化3、封装axios二、首页实现1、公共处理2、首页引入3、首页数据api接口根据医院名称关键字搜索医院列表4、首页前端实现三、医院详情
这个名字先用着·2022-08-25 21:51

nuxtjs快速上手(nuxt2)

nuxtjs快速上手(nuxt2)提示：本篇文章是博主观看b站up主前端aka老师视频学习整理的文章视频指路：《CMS全栈项目》系列九：Nuxt+ElementUInuxtjs官网(nuxt2)：NuxtJS
·2022-05-16 13:05

nuxt 2

–Nuxt.js–Medium[https://medium.com/nuxt/nuxt-2-is-coming-oh-yeah-212c1a9e1a67]1.4.0发布25天后，Nuxt2就即将来临。
weixin_30681615·2020-08-23 20:04

微服务项目实战技术点汇总：“尚硅谷的谷粒在线教育”七、redis数据库缓存页面数据、使用NUXT框架搭建前台系统环境、前台系统页面、首页轮播图（banner数据显示）、首页热门课程，名师推荐

文章目录一、NUXT前台环境搭建1、如何学习NUXT2、下载安装使用NUXT入门模板starter-template3、机制二、编写静态页面1、设置布局（首尾固定，中间用nuxt引用组件）2、首页轮播图
殷丿grd_志鹏·2020-08-09 21:54

nuxt.js项目搭建

项目准备：nuxt2项目安装可以使用官方提供的脚手架create-nuxt-app,由于gitbash无法上下选择，所以window用户建议用cmd来搭建项目，首先输入指令$npxcreate-nuxt-appmt-app
帅帅狗·2020-08-05 12:29
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他