项目uniapp cli vue

Vue中网络图片懒加载工具

在滑动列表视图中如果有网络图片需要加载直接给imag标签赋值src,会造成没有显示的item中图片也直接加载,势必浪费网络资源。 创建一个插件,让列表中的item出显的时候在加载图片从而减少网络请求。具体方法就是给img标签添加一个新的属性暂时先保存对应的url,当item滑动出现到一定值时触发事件 ......
工具 图片 网络 Vue

vue2页面Uncaught runtime errors

当vue2请求错误,或者出现其它错误时,界面会出现一个遮罩层提示Uncaught runtime errors 解决方法: 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
Uncaught runtime 页面 errors vue2

Vue基础

初识VUE <div id="demo"> <h1>Hello,{{name.toUpperCase()}},{{address}}</h1> </div> <script type="text/javascript" > Vue.config.productionTip = false //阻止 ......
基础 Vue

vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释

https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......

redis-cli批量scan删除

redis-cli命令行删除数据 最近因为需要对redis部分存量数据执行删除,因为存量数据量比较大且正在提供服务,需要使用scan扫描,删除的时候需要判断存储的业务状态对于status为0的删除,记录一下处理命令,用于备忘 ./redis-cli -c -h 172.x.x.x -p xxxx - ......
redis-cli redis scan cli

论坛项目部署发布

一、介绍 ​ 我是一名计算机科学与技术专业的大三学生。因为学习需要,我在实验室装了一台Linux系统的主机,当我想从外网访问主机时发现访问不了,在网上搜索具体原因及教程时,偶然发现一个关于阿里云学生服务器的的帖子。于是,我便抱着试试看的心态搜索阿里云服务器,在首页搜索学生并发现了这个"飞天加速计划· ......
项目 论坛

新建项目相关的css文件及设置

global.css /* 全局样式表 */html, body, #app { height: 100%; margin: 0; padding: 0;} 2.reset.css /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric ......
文件 项目 css

团队项目数据库设计心得

1.分析业务需求 我们的团队项目是图数据库的可视化管理系统,作为一个数据库,提供关于用户对数据库的各种操作,包括增删查改备份还原等,当然作为一个系统,需要注册登录等功能,还得提供管理用户的管理系统。以及各种其他的拓展功能。 2.实体分析 想要设计数据库,首先要知道需要什么实体。 首先应该是根据该系统 ......
团队 心得 数据库 项目 数据

Vue中 name 有什么作用?data 为什么是函数而不是对象?

Vue中 name 有什么作用? 项目使用 keep-alive 时,可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象? 组件中 data 是 V ......
函数 对象 作用 name data

vue+css实现的伪3d旋转罐+液位动态变化

话不多说先看效果: 设计思路: 罐是做了三个位置(中=>左,左=>右,右=>中)的动画效果,每个罐轮流使用一次,来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层,即最底层是粒子不透明图片,中层是液体组件,最上层是罐体png图片。都是用了绝对定位,请务必设置好位置。 液体组件中 ......
动态 vue css

Vue3 路由查询参数更新后,执行更新方法

import { ref, defineComponent, watch,getCurrentInstance } from "vue"; import { useRoute } from 'vue-router'; export default defineComponent({ setup() ......
路由 参数 方法 Vue3 Vue

多模块springboot项目打jar包 没有主清单属性

说明:一个多模块的项目 两个子Module 一个core 一个server。java8的环境 | -- XChome (pom.xml xchome的 父级) --|--xc-core (pom.xml xc-core的 子级) --|--xc-server (pom.xml xc-server的 ......
springboot 清单 模块 属性 项目

Vue - 创建 Vue3 项目

Vue - 创建 Vue3 项目 需搭建项目 Vue3 + ts + sass 1. 创建项目 npm create vite@latest 2. 安装依赖 tyarn 3. 启动项目 yarn dev 4. 处理其他配置问题 1) 打开HelloWorld.vue页面,发现一些报红,报错 解决:找 ......
Vue 项目 Vue3

vue兄弟组件共享数据

1、vue2.x中,兄弟组件共享数据的方式 EventBus。 一、A组件import eventBus from "@/components/eventBus";export default { methods: { send() { eventBus.$emit('share', this.st ......
组件 兄弟 数据 vue

解决Vue中使用wangEditor富文本编辑器复制粘贴word文档携带内容样式文本问题

前言:本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug,故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错,希望得到您的点赞/收藏/支持,如果有不同意见,欢迎下方评论区留言。 一、自定义处理粘贴的文本内容1、配置 自定义处理粘贴的文本内容~~~如 ......
文本 编辑器 wangEditor 样式 文档

vue3 Suspense

在Vue.js 3中,Suspense 是一个用于处理异步组件的特殊组件,它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子,演示了如何在Vue.js 3中使用Sus ......
Suspense vue3 vue

vue3 KeepAlive

在Vue.js 3中,<keep-alive> 是一个抽象组件,用于保留其子组件状态,防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件,以提高性能和用户体验。 以下是一个简单的例子,演示了如何在Vue.js 3中使 ......
KeepAlive vue3 vue

vue3 Teleport

在Vue.js 3中,Teleport 是一种特殊的组件,用于在 DOM 树中的任何地方渲染其内容,而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用,例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令 ......
Teleport vue3 vue

开发现代化的.NetCore控制台程序:(2)创建一个C#项目模板

前言 上一篇文章(开发一个现代化的.NetCore控制台程序,包含依赖注入/配置/日志等要素)介绍了开发现代化的.NetCore控制台程序的细节,但这还不够,我又创建了一个脚手架模板,并命名为 FluentConsole.Templates ,可以方便的创建「现代化控制台应用」。 源码地址: htt ......
控制台 模板 NetCore 程序 项目

vue项目中安装scss

1、安装node-sass、sass-loader 简化内容,具体版本等注意事项在下面。(node官网:GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass) //默认安装最新版本 npm install node-sass - ......
项目 scss vue

界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery)

本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构 ......
图表 控件 新功能 DevExtreme 界面

Hugging Face 在法国联合启动人工智能创业项目!

Hugging Face、Meta、Scaleway 与法国创业孵化基地 STATION F 合作的人工智能创业项目正式启动 📢🔥 申请截止日期为 12 月 1 日本项目旨在利用开源人工智能的力量来扶持初创公司并推动人工智能创业生态的创新🌪如果你是:👾 一家愿意开发开源模型的人工智能初创企业 ......
人工智能 人工 Hugging 智能 项目

maven项目聚合和父子项目

maven项目聚合 聚合项目又称为多模块项目,这种结构的目的是为了统一构建项目,也就是说当对根项目的任何mvn 命令操作,都会相应的执行到每一个被聚合的module项目中,目的是为了方便管理多个项目的编译打包等操作。 想象一下,如果你创建了10个项目,如果你要对这10个项目进行 mvn instal ......
项目 父子 maven

uniapp中引入Leaflet

1. 引言 uniapp中自带有map组件,并且自带的map组件有常见的显示地图、绘制点线面的功能 但是,它存在以下问题: 收费,自带的map组件使用的是高德、腾讯的地图,无论使用什么样的功能,即使只是绘制底图,也无论多少人使用,需要收费 可定制能力低,除了map组件提供的方法与属性以外,难以加入其 ......
Leaflet uniapp

iOS项目(Swift),使用Flutter进行混合开发

一、创建flutter_module 先创建flutter module项目,参考官方文档,先cd至目标文件夹,执行命令为 flutter create --template module flutter_module 创建成功后,打开flutter_module项目,打开pubspec.yaml文 ......
Flutter 项目 Swift iOS

Vue防抖debounce

在搜索框中随着输入内容而更新显示内容或者需要请求接口等逻辑时,如果每一个字符变化都去更新则会浪费一些没有必要的请求,想要的结果是某一个时间内不要去更新,就是常用的防抖测略 Vue中防抖逻辑:在响应式的变量在包装一个响应式,新的响应式只有在一定时间到时才更新,具体如下 export function ......
debounce Vue

vue 使用elementui el-image 图片地址不变,图片不刷新问题

问题 :el-image图片地址不变,图片不刷新问题 原因 : 在 Web 开发中,浏览器会缓存已经加载的静态资源(比如图片、CSS、JS 文件),以提高页面加载速度,减轻服务器负担。 当图片的源路径不变时,浏览器会对这些图片进行缓存,如果图片内容更新了,但是浏览器还是使用缓存,这时候就需要 在图片 ......
图片 elementui el-image 地址 问题

Vite4+Typescript+Vue3+Pinia 从零搭建(2) - tsconfig配置

tsconfig配置 项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档,如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNex ......
Typescript tsconfig Vite4 Pinia Vite

Vite4+Typescript+Vue3+Pinia 从零搭建(1) - 项目初始化

项目初始化 项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12,如果有老项目需要旧版本的,推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C: ......
Typescript 项目 Vite4 Pinia Vite

11 9 学习vue3

今天创建了vue项目,了解了vue项目的目录如下: vue的组件分为组合式api和选项式api ①创建了组件内容如下: <script setup> import {articleGetAllService,articleSearchService} from '@/api/article.js' ......
vue3 vue 11
共12000篇  :67/400页 首页上一页67下一页尾页