项目uniapp cli vue
vue3如何监听 props 的变化?
背景 实际开发过程中,当需要通过 watch 监听传入的 props 的某个值的变化,来动态改变组件内部的样式,实现方式如下: export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
喜讯!极限科技再次中标中国移动云 Elasticsearch 自研版技术开发服务项目!
喜讯!极限科技 **再次中标** 中国移动云 Elasticsearch 自研版技术开发服务项目! 近日,极限科技再次成功中标中国移动苏州研发中心 《云能力中心 2023—2024 年移动云 Elasticsearch 自研版技术开发服务项目》。实现了个性化搜索及聚合分析,更稳定可靠地支持万亿级数据 ......
vue语言中的keep-alive的作用
在前端Vue语言中,keep-alive是一个抽象组件,用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态,以避免在组件之间切换时重复渲染和销毁组件,从而提高性能。 使用keep-alive包裹动态组件后,当动态组件被切换时,它将会被缓存,而不是被销毁。这样,组件的状态、DOM以及所有的子 ......
小白最近比较闲,于是整理了一些日常使用的VUE组件
1.VUE中给Dom元素动态添加样式 VUE中,给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致,来动态添加元素的类,同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上,否则样式可能添加不上。 这种情况下可以在 com ......
vue项目新建 端口更改
#### vue项目新建步骤 vite创建vue3项目: 在需要的文件目录中输入cmd命令,打开命令窗口,在当前文件目录下创建项目(直接打开命令窗口,默认C盘创建项目) ``` 第一步:npm init vite-app vue-code //code为项目名 第二步:cd ./vue-code / ......
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'}" ......
数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果
本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 ......
Vue3带来的新变化
Vue3带来的新变化 性能提升 首次渲染更快 diff算法更快 内存占用更少 打包体积变小 更好的Typescript支持 Composition API (重点) 在使用vue2.x版本开发较复杂的组件时,逻辑难以复用,组合式api的出现可以解决此类问题 相关阅读: Vue3 中文文档 https ......
antd限制开始时间与结束时间范围是30天,并不能选择当前日期之后的日期 vue3(默认展示近7天)
<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate" style="width: 240px" separator="~" :allow-clear="false" @change="onChange" ......
Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)
参考:https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例: ......
数字孪生为何需要融合GIS?以智慧城市项目为例说明
数字孪生和地理信息系统(GIS)是两个在现代科技中崭露头角的概念,它们的融合为智慧城市项目带来了革命性的机会。本文将解释数字孪生为何需要融合GIS,并以智慧城市项目为例进行说明。 ......
WPF 项目文件不加 -windows 的引用 WPF 框架方式
默认情况下的 WPF 项目都是带 -windows 的 TargetFramework 方式,但有一些项目是不期望加上 -windows 做平台限制的,本文将介绍如何实现不添加 -windows 而引用 WPF 框架 先看一个标准的 WPF 项目的 csproj 项目文件内容 ```xml WinE ......
dotnet C# 推荐一个适合新手入门阅读学习的控制台游戏项目
对于 C# 编程新手,学习语法和框架是必要的,但是如何将它们灵活地运用到实际项目中,是一个更高层次的挑战。如果只是死记硬背语法规则和框架用法,而没有足够的编程实践,很难提高编程水平和逻辑思维。这个时候,阅读一些优秀的开源项目,可以让我们从中学习到别人的编码风格、代码组织方式,代码逻辑编写等等,从而提 ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件,这里来具体说一下实现思路 1:front-header组件就是我们的头部导航栏,路由我们已经配置好了,把每个导航的首页路径,配置成navList(包含name,path),这样就通过遍历navList就能写出一个首页导航组件 2:导航的选中状态实现 ......
如何再vue项目中使用cdn(以使用天地图得cdn获取当前位置为例)
# 一、了解天地图 http://lbs.tianditu.gov.cn/api/js4.0/examples.html 在其中可以了解天地图的基本使用教程 但其中的教程均为h5引入cdn的方式 以h5定位为例来改成vue项目 源码: ```html5 天地图-地图API-范例-H5定位 本示例演示 ......
vue3 甘特图(二):甘特图时间轴切换
vue3 甘特图(二):gantt时间轴切换 1.固定时间轴缩放级别 gantt.config.scale_unit = "month"; //时间轴单位 gantt.config.step = 1;//单位数 gantt.config.date_scale = "%Y年%M";//时间轴展现方式 ......
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 ......
在uniapp中如何将PDF或者XML文件转化成base64?
场景:如何将获取到的内网服务器的文件,传给我们的后台,把文件保存下来? 1.使用uni.downloadFile() 获取到文件的临时路径 2.uniapp导入安装的的插件“image-tools”,把临时路径转化成base64传给后台。 注意点:如果同时解析多个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 & ......
前端项目环境搭建笔记
@[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 ......
uniapp 腾讯地图 实现导航
在unipp小程序开放平台上申请,不申请无法使用 申请成功后,点击详情,appID很重要,微信小程序是写在app.json里,uniapp是写在源码视图里 文档介绍(https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/u ......
vs code 中 python 项目 settings.json 是做什么用的
在 Visual Studio Code 中,项目的 settings.json 文件是用于配置项目设置的文件。其中,settings.json 文件中保存了项目特定的设置,可以覆盖全局默认设置或用户设置。 对于 Python 项目来说,settings.json 文件可以用于配置以下内容: Pyt ......
.eslintrc.js配置,项目自用版
创建.eslintrc.js文件,内容如下: process.env.NODE_ENV = process.env.NODE_ENV || 'development'; const mode = process.env.NODE_ENV 'development' ? 1 : 2; module.e ......
vue——配置代理无效问题
参考: 1.webpack proxy 不生效 https://segmentfault.com/q/1010000020677598 2.vue开发环境配置代理 https://blog.csdn.net/weixin_50576800/article/details/125055213 3.we ......
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 ......
vue项目全局api接口封装
项目通常情况下,api封装放在src 下utils 文件下 request.js // 安装 axios cnpm install axios --save // 新建request.js// 通常项目的拦截,封装方法都封装在这里 import axios from 'axios' const in ......
Vue3 CompositionAPI如何优雅封装第三方组件
Vue3 CompositionAPI如何优雅封装第三方组件 HexOr 2022-04-11 01:037052 | 收录于专栏: Vue 前言✨ 对于第三方组件,如何在保持第三方组件原有功能(属性props、事件events、插槽slots、方法methods)的基础上,优雅地进行功能的扩展了? ......
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 ......