空格 源码app vue

ArrayList 源码分析

### ArrayList 简介 `ArrayList` 的底层是数组队列,相当于动态数组。与 Java 中的数组相比,它的容量能动态增长。在添加大量元素前,应用程序可以使用`ensureCapacity`操作来增加 `ArrayList` 实例的容量。这可以减少递增式再分配的数量。 `ArrayL ......
ArrayList 源码

uniapp App 保存无后缀的图片到相册

问题描述:无后缀直接用uni.downloadFile和uni.saveImageToPhotosAlbum会报错 报错内容 saveImageToPhotosAlbum:fail UNKOWN ERROR3 解决方案:将文件重命名 uni.downloadFile({ url: this.url, ......
后缀 uniapp 相册 图片 App

Vue3 响应式工具函数

isRef()​ 检查某个值是否为 ref。 unref()​ 如果参数是 ref,则返回内部值,否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef()​ 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
函数 工具 Vue3 Vue

Vue 时间插件 moment 使用

下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法:1.{{ item.time ......
插件 时间 moment Vue

vue——前后端实现SM4加解密

参考: 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
vue SM4 SM

数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染,性能优化

本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法:vue,ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
海量 建筑物 性能 threejs 房屋

Vue3 watchEffect()

watchEffect()函数的作用是接收函数作为参数,并立即执行该函数,当该函数依赖的数据发生变化时,重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
watchEffect Vue3 Vue

vue2父子组件传值

在Vue中,父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解: 1. 使用props进行属性传递: - 父组件通过在子组件标签上绑定属性,将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性,并在组件内部使用。 父组件: `` ......
父子 组件 vue2 vue

mysql中字段空格转换

mysql中字段空格转换 UPDATE c_kpi_counters SET counter_enname=RTRIM(counter_enname) ###将c_kpi_counters中counter_enname列下的所有含有,右空格的去掉 空格在左边 UPDATE fenlei_shipin ......
字段 空格 mysql

Vue3 readonly()

readonly()函数的作用是接收一个对象,其可以是普通对象,也可以是响应式对象,然后返回接收对象的只读代理对象。 通俗地讲,即如果想要一个对象是只读的,就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
readonly Vue3 Vue

iOS开发Swift-4-IBAction,group,音乐播放器-木琴App

1.使用素材创建木琴App的UI。 2.连接IBAction。 其余按钮直接拖拽到play里边。 当鼠标置于1处时2处显示如图,表示成功。当用户按下任一按钮都会触发play中的内容。 3.将7个按钮的View中的Tag值分别调为1、2、3、4、5、6、7. 4.将音频文件拖入项目文件中。 Creat ......
木琴 IBAction 播放器 Swift group

vue sort 排序

Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
sort vue

vue横向滚动,并且实现点击左右按钮来进行滚动

直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
横向 按钮 vue

Vue【原创】基于elementui的分组多选下拉框【group-list】

效果图: 如图分为多选模式和单选模式。 group-select: 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
group-list elementui group list Vue

ArrayList源码阅读之EMPTY_ELEMENTDATA和DEFAULTCAPACITY_EMPTY_ELEMENTDATA区别

/** * Shared empty array instance used for empty instances. */private static final Object[] EMPTY_ELEMENTDATA = {};/** * Shared empty array instance u ......

app三种UI定位工具

Android app UI元素定位工具有3种: 1.Appium 2.SDK自带的UIautomotor2 (SDK-tools-uiautomatorviewer.bat) 3.以及weditor ......
工具 app

Vue【原创】时间轴 【time-axis】&【date-axis】

封装了关于时间轴的组件,有时候统计页面会用到。 效果图: 时间轴分为2种,一种是time-axis:范围选择模式,一种是date-axis:步长选择模式。 代码中涉及到的工具类和图片资源,请移步页面底部的gitee地址下载源码。 time-axis: 1 <template> 2 <div clas ......
axis time-axis date-axis 时间 time

Vue项目element-ui 添加动态校验

需求:一个表单中某个字段,根据另一个字段变化,校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
element-ui element 项目 动态 Vue

vue3学习笔记1 - Vue2和 Vue3生命周期区别

1.vue2常用生命周期:创建前:beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后:Created() 是最早使用data和methods中数据的钩子函数 挂载前:beforeMount() 指令已经解析完毕,内存中已经生成dom树 挂载后:Mounted() dom渲染完 ......
Vue 周期 生命 笔记 vue3

网神SecGate 3600防火墙obj_app_upfile任意文件上传漏洞

## 漏洞简介 网神 SecGate 3600 防火墙 obj_app_upfile接口存在任意文件上传漏洞,攻击者通过构造特殊请求包即可获取服务器权限 ## 影响范围 网神SecGate 3600防火墙 ## 漏洞复现 fofa语法:`fid="1Lh1LHi6yfkhiO83I59AYg=="` ......

vue3响应式数据重复

记一次bug。。 由于【甲方负责人】的表单是响应式的,然后直接添加到另一个响应式的数组里了,就会造成【更改表单内容,也会使数组里的值发生变化】 解决方法 1 //添加到列表,做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......
数据 vue3 vue

【Vue】vue3 v-draggable 拖拽指令封装

## 说明 需求:实现一个拖拽指令,可在父元素区域任意拖拽元素,同时如果传入的值为 father,则拖拽的时候以父元素为拖拽对象 思路: 1、设置需要拖拽的元素为absolute,其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......
指令 v-draggable draggable vue3 Vue

【Vue】vue3 中 如何将el-table的表格数据下载为.xlsx格式文件

## 安装依赖 首先,你需要安装 xlsx 和 file-saver 这两个库。 ```bash npm install xlsx file-saver --save ``` 有兴趣可以看看两个库的官方说明,直接看下面使用也没问题。 [xlsx 官方介绍](https://www.npmjs.com ......
表格 el-table 格式 文件 数据

Vue3 Refs模板

Refs模板用来获取页面DOM元素或者组件,类似于Vue2.X中的$refs。Refs模板的使用方法如下。 (1)在setup()中创建ref对象,其值为null。 (2)为元素添加ref属性,其值为步骤(1)中创建的ref对象名。 (3)完成页面渲染之后,获取DOM元素或者组件。 src\view ......
模板 Vue3 Refs Vue

成品直播源码平台消息传递的协议:MMS协议

通过MMS协议,使成品直播源码平台实现了多种媒体形式的实时传输、广播与通知、多种互动功能与流控制,让成品直播源码平台成为了一个高质量的平台,保证用户在使用成品直播源码平台的时候能体验到平台的稳定与流畅性,为用户提供更好的体验。 ......
成品 源码 消息 平台 MMS

在vue项目中使用链判断、null判断运算符报错

链判断运算符的安装 在vue项目中使用es6新的[运算符](例如链判断运算符,null判断运算符)会报错,编译不成功需要安装babel依赖,并添加到babel.config.js中。 1.安装依赖 //NULL判断运算符 ?? npm install @babel/plugin-proposal-n ......
运算符 项目 null vue

正则 | 增删单双字节字符间的空格

英文字母属于单字节字符,而汉字及中文标点符号则属于双字节字符。 增删单双字节字符间以及双字节字符间的空格是一个常见的操作。人工执行较为繁琐,还易出错。用正则表达式可以快速、准确地实现这一目标。 ## 删除中文(及标点符号)与中文(及标点符号)间的空格,并在中文(及标点符号)与英文及阿拉伯数字间添加空 ......
正则 空格 字节 字符

vue 一些问题便签

1. vue3页面传参 方式一 <div><router-link :to="/">首页</router-link></div> <div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div> <di ......
便签 问题 vue

Vue3 依赖注入 provide() inject()

依赖注入就是父组件向后代组件传递数据,可以向子组件传递数据,也可以向孙子组件传递数据。 在父组件中使用provide()函数,向后代传递数据。 在后代组件中使用inject()函数,获取传递过来的数据。 provide()​ 提供一个值,可以被后代组件注入。 inject()​ 注入一个由祖先组件或 ......
provide inject Vue3 Vue

vue~el-autocomplete实现组件化

# el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将 ......
el-autocomplete autocomplete 组件 vue el