项目uniapp cli vue

vue3如何监听 props 的变化?

背景 实际开发过程中,当需要通过 watch 监听传入的 props 的某个值的变化,来动态改变组件内部的样式,实现方式如下: export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
props vue3 vue

喜讯!极限科技再次中标中国移动云 Elasticsearch 自研版技术开发服务项目!

喜讯!极限科技 **再次中标** 中国移动云 Elasticsearch 自研版技术开发服务项目! 近日,极限科技再次成功中标中国移动苏州研发中心 《云能力中心 2023—2024 年移动云 Elasticsearch 自研版技术开发服务项目》。实现了个性化搜索及聚合分析,更稳定可靠地支持万亿级数据 ......

vue语言中的keep-alive的作用

在前端Vue语言中,keep-alive是一个抽象组件,用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态,以避免在组件之间切换时重复渲染和销毁组件,从而提高性能。 使用keep-alive包裹动态组件后,当动态组件被切换时,它将会被缓存,而不是被销毁。这样,组件的状态、DOM以及所有的子 ......
keep-alive 作用 语言 alive keep

小白最近比较闲,于是整理了一些日常使用的VUE组件

1.VUE中给Dom元素动态添加样式 VUE中,给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致,来动态添加元素的类,同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上,否则样式可能添加不上。 这种情况下可以在 com ......
组件 VUE

vue项目新建 端口更改

#### vue项目新建步骤 vite创建vue3项目: 在需要的文件目录中输入cmd命令,打开命令窗口,在当前文件目录下创建项目(直接打开命令窗口,默认C盘创建项目) ``` 第一步:npm init vite-app vue-code //code为项目名 第二步:cd ./vue-code / ......
端口 项目 vue

vue3.0 el-table 动态合并单元格

<el-table v-resize:34 style="margin: 10px 0 10px" :data="tableData" :header-cell-style="{background: '#F6F6F6', height: '10px','text-align':'center'}" ......
单元 el-table 动态 table vue3

数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果

本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 ......
光圈 立体 效果 threejs 数据

Vue3带来的新变化

Vue3带来的新变化 性能提升 首次渲染更快 diff算法更快 内存占用更少 打包体积变小 更好的Typescript支持 Composition API (重点) 在使用vue2.x版本开发较复杂的组件时,逻辑难以复用,组合式api的出现可以解决此类问题 相关阅读: Vue3 中文文档 https ......
Vue3 Vue

antd限制开始时间与结束时间范围是30天,并不能选择当前日期之后的日期 vue3(默认展示近7天)

<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate" style="width: 240px" separator="~" :allow-clear="false" @change="onChange" ......
日期 时间 范围 antd vue3

Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)

参考:https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例: ......
store this getValue setValue paramVal

数字孪生为何需要融合GIS?以智慧城市项目为例说明

数字孪生和地理信息系统(GIS)是两个在现代科技中崭露头角的概念,它们的融合为智慧城市项目带来了革命性的机会。本文将解释数字孪生为何需要融合GIS,并以智慧城市项目为例进行说明。 ......
智慧 数字 项目 城市 GIS

WPF 项目文件不加 -windows 的引用 WPF 框架方式

默认情况下的 WPF 项目都是带 -windows 的 TargetFramework 方式,但有一些项目是不期望加上 -windows 做平台限制的,本文将介绍如何实现不添加 -windows 而引用 WPF 框架 先看一个标准的 WPF 项目的 csproj 项目文件内容 ```xml WinE ......
WPF 框架 windows 方式 文件

dotnet C# 推荐一个适合新手入门阅读学习的控制台游戏项目

对于 C# 编程新手,学习语法和框架是必要的,但是如何将它们灵活地运用到实际项目中,是一个更高层次的挑战。如果只是死记硬背语法规则和框架用法,而没有足够的编程实践,很难提高编程水平和逻辑思维。这个时候,阅读一些优秀的开源项目,可以让我们从中学习到别人的编码风格、代码组织方式,代码逻辑编写等等,从而提 ......
新手入门 控制台 新手 项目 dotnet

从零开始一个vue3前端项目day04-头部导航篇

在实际开发项目中通常会把头部导航栏写成一个通用组件,这里来具体说一下实现思路 1:front-header组件就是我们的头部导航栏,路由我们已经配置好了,把每个导航的首页路径,配置成navList(包含name,path),这样就通过遍历navList就能写出一个首页导航组件 2:导航的选中状态实现 ......
前端 头部 项目 vue3 vue

如何再vue项目中使用cdn(以使用天地图得cdn获取当前位置为例)

# 一、了解天地图 http://lbs.tianditu.gov.cn/api/js4.0/examples.html 在其中可以了解天地图的基本使用教程 但其中的教程均为h5引入cdn的方式 以h5定位为例来改成vue项目 源码: ```html5 天地图-地图API-范例-H5定位 本示例演示 ......
cdn 位置 项目 天地 vue

vue3 甘特图(二):甘特图时间轴切换

vue3 甘特图(二):gantt时间轴切换 1.固定时间轴缩放级别 gantt.config.scale_unit = "month"; //时间轴单位 gantt.config.step = 1;//单位数 gantt.config.date_scale = "%Y年%M";//时间轴展现方式 ......
时间 vue3 vue

java项目maven管理引入非仓库jar

如: ``` com.dm DmJdbcDriver 1.8.0 system ${project.basedir}/src/main/resources/libs/DmJdbcDriver18.jar org.springframework.boot spring-boot-maven-plugi ......
仓库 项目 maven java jar

在uniapp中如何将PDF或者XML文件转化成base64?

场景:如何将获取到的内网服务器的文件,传给我们的后台,把文件保存下来? 1.使用uni.downloadFile() 获取到文件的临时路径 2.uniapp导入安装的的插件“image-tools”,把临时路径转化成base64传给后台。 注意点:如果同时解析多个xml文件,后台可能会接收到乱码的情 ......
文件 uniapp base PDF XML

直播带货源码,vue 身份证校验js及其***显示

直播带货源码,vue 身份证校验js及其***显示 校验js const idCardRule = (rule, value, callback) => { let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/i if (value & ......
货源 身份证 身份 vue

前端项目环境搭建笔记

@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
前端 环境 笔记 项目

Django中创建项目步骤

### step1:创建一个文件夹 project ### step2:进入cmd,进入该文件夹 `cd E:/pythoncode/project` ### step3:创建Django项目,该项目名称为“project_name” `django-admin startproject proje ......
步骤 项目 Django

uniapp 腾讯地图 实现导航

在unipp小程序开放平台上申请,不申请无法使用 申请成功后,点击详情,appID很重要,微信小程序是写在app.json里,uniapp是写在源码视图里 文档介绍(https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/u ......
地图 uniapp

vs code 中 python 项目 settings.json 是做什么用的

在 Visual Studio Code 中,项目的 settings.json 文件是用于配置项目设置的文件。其中,settings.json 文件中保存了项目特定的设置,可以覆盖全局默认设置或用户设置。 对于 Python 项目来说,settings.json 文件可以用于配置以下内容: Pyt ......
settings 项目 python code json

.eslintrc.js配置,项目自用版

创建.eslintrc.js文件,内容如下: process.env.NODE_ENV = process.env.NODE_ENV || 'development'; const mode = process.env.NODE_ENV 'development' ? 1 : 2; module.e ......
eslintrc 项目 js

vue——配置代理无效问题

参考: 1.webpack proxy 不生效 https://segmentfault.com/q/1010000020677598 2.vue开发环境配置代理 https://blog.csdn.net/weixin_50576800/article/details/125055213 3.we ......
问题 vue

react 创建项目失败

创建react工程报错:npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not_mask哥的博客-CSDN博客 首先确认Node >= 14.0.0 and npm >= 5.6 ......
项目 react

vue项目全局api接口封装

项目通常情况下,api封装放在src 下utils 文件下 request.js // 安装 axios cnpm install axios --save // 新建request.js// 通常项目的拦截,封装方法都封装在这里 import axios from 'axios' const in ......
全局 接口 项目 vue api

Vue3 CompositionAPI如何优雅封装第三方组件

Vue3 CompositionAPI如何优雅封装第三方组件 HexOr 2022-04-11 01:037052 | 收录于专栏: Vue 前言✨ 对于第三方组件,如何在保持第三方组件原有功能(属性props、事件events、插槽slots、方法methods)的基础上,优雅地进行功能的扩展了? ......
CompositionAPI 第三方 组件 Vue3 Vue

element vue表单form下多个form-item项循环校验

效果图: ps:重点注意 prop 值 <el-form ref="fromRef" :model="formData" :rules="rules" label-width="100px" > <el-row v-for="(item,index) in formData.allopatricCo ......
form 表单 form-item 多个 element

vue页面书写顺序

<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统 ......
顺序 页面 vue