写在开头 点赞 + 收藏 学会 一,安装 npm i swiper 二,使用 swiper/vue 导出 2 个组件:Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...
将这行代码改成这个值即可。 1.排查过程,搜索 “字段注入” ,一步步找到 FieldInjection.js 这个类 2.阅读FieldInjection.js这个类的代码,猜想值被清空,是由于设置成空了,于是在下面的方法上加上断点 3.一步步调试进去,找到值突然变空的那一行代码 4.通过直接在b ...
写在开头 点赞 + 收藏 学会 关于大屏视频监控有三种解决方案: 1.海康威视 优点:实时性强。多画面运行流畅,缺点:会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点:可配置性强 缺点:服务端大流量稳定性不确定 ...
50行代码 实现Redux 核心功能 Redux 帮助你管理“全局”状态 - 那些应用程序的许多部分都需要的状态 redux的核心就是对数据状态进行管理,创建一个数据仓库 官方文档:https://www.reduxjs.cn/ Redux顺序分四大步: 初始化 订阅 发布 执行匹配和更新 <!DO ...
摘要:本文是关于Nuxt3的系列文章之一,主要探讨Nuxt3的生命周期和钩子函数,引导读者深入了解其在前端开发中的应用。文章提供了往期相关文章链接,涉及Nuxt中间件、Composables、状态管理、路由系统、组件开发等多个方面,帮助读者全面掌握Nuxt3框架的特性和实践技巧。 ...
写在开头 点赞 + 收藏 学会 如题,惯性思路很简单,就是直接撸上一个空内容的html。 注:以下都是在现代浏览器中执行,主要为**Chrome 版本 120.0.6099.217(正式版本) (64 位)和Firefox123.0.1 (64 位) ** <!DOCTYPE ...
本文概述了Nuxt 3框架的升级特点,对比Nuxt 2,详细解析中间件应用、配置策略与实战示例,涵盖功能、错误管理、优化技巧,并探讨与Nuxt 3核心组件集成方法,给出最佳实践和问题解决方案,强调利用Vue 3和Serverless Functions提升中间件效能。 ...
前言 v-bind指令想必大家都不陌生,并且都知道他支持各种写法,比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的,将title变量绑定到div标签的title属性 ...
RFC规范并没有指明HTTP协议的GET方法是否不能携带body数据,但是对于浏览器环境下的XHR和fetch API的规范来说,它们的规范限制了它们不能在GET中携带body,而postman或apifox等接口测试工具则由于不遵循这些规范而可以携带body。 ...
摘要:“本文深入探讨了Nuxt3 Composables,重点介绍了其目录架构和内置API的高效应用。通过学习本文,读者将能够更好地理解和利用Nuxt3 Composables来构建高效的应用程序。” ...
依赖分类 依赖根据开发环境需要和实际运行环境需要,分为dependencies和devDependencies。 例如:typescript和eslint属于devDependencies,而vue和axios等属于dependencies。 版本号组成 版本由两部分组成,一是前面的前缀符号,二是版 ...
摘要:该文指南详述了Nuxt 3的概况与安装,聚焦于在Nuxt 3框架下运用Vuex进行高效的状态管理,涵盖基础配置、模块化实践至高阶策略,助力开发者构建高性能前后端分离应用。 ...
写在开头 点赞 + 收藏 学会 如何解决uniapp H5本地代理实现跨域访问? 1.第一种解决方法: 直接创建一个vue.config.js文件,并在里面配置devServer,直接上代码,重启跑项目 亲测有效 // vue.config.js module.exports ...
很久很久没有更新博客了,因为实在是太忙了,每天都有公司的事情忙不完....... 最近在做车辆模拟地图,在实现控制站点名称按需显示时,折腾了好一段时间,特此记录一下。最终界面如下图所示: 站点显示需求:首末站必须显示,从第一个站开始,如果站点名称能显示下,则显示,如果站点名称会重叠则隐藏,以此类推。 ...
摘要:本文是一份关于Nuxt 3路由系统的详尽指南。它从介绍Nuxt 3的基本概念开始,包括Nuxt 3与Nuxt 2的区别和选择Nuxt 3的理由。然后,它详细解释了安装和配置Nuxt 3的步骤,以及Nuxt 3路由系统的基础知识,如动态路由和嵌套路由。接着,它介绍了路由中间件的作用和编写自定义中... ...
最近需要做一个三维场景切换的功能,切换场景后,还可以进行二三维模式的切换,二三维切换时,要定位到当前场景视角,那么场景的视角参数信息就需要保存到状态数据中,以供二三维场景切换时使用。 项目是用vue做的,这里并没有使用vue的状态管理库,我是这样实现的: 定义状态数据sceneInfo let sc ...
你习惯在js代码中使用async await吗? 我经常在js代码中写一些异步方法,使用await调用的地方,如果方便修改成异步方法,就修改成异步方法,如下所示: async setPosition(graphic, lng, lat) { this.lng = lng; this.lat = la ...
你不知道的 CSS 之包含块 一说到 CSS 盒模型,这是很多小伙伴耳熟能详的知识,甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块,有的小伙伴就懵圈了,什么是包含块?好像从来没有听说过这玩意儿。 好吧,如果你对包含块的知识一 ...
写在开头 点赞 + 收藏 学会 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台,乙方说2011年左右就开始有这个项目了(那时候有Vue了吗,思考.jpg)。十几年的项目,我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容,吐槽归吐槽 ...
摘要:本文深入探讨了Nuxt 3的组件开发与管理,从基础概念、安装配置、目录结构、组件分类与开发实践、生命周期与优化,到测试与维护策略。详细介绍了Nuxt 3的核心特点,如服务器端渲染(SSR)、静态站点生成(SSG)以及与Vue生态系统的无缝集成。文章以Nuxt 3为基础,指导开发者如何高效构建高... ...