uniapp实现点击标签文本域中显示标签内容
佩淇呢
uniappvue3uView-Plusuni-app前端javascriptvue
先上一个效果图实现的效果有:①.点击标签时,标签改变颜色并处于可删除状态②.切换标签,文本域中出现标签的内容③.点击标签右上角的删除可删掉标签,同时清除文本域中标签的内容④.可输入内容,切换时不影响输入的内容使用的是uniapp+vue3+uVieww-plus代码:提交import{reactive,ref,toRaw,onMounted,watch,computed}from'vue';imp
用uniapp开发手机app,发现不支持dom操作
吉星9527ABC
uni-app前端
用uniapp开发手机app,使用了uview组件,其中的不支持给label旁边放个红星号,尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.$refs[item_ref].$children[0].$children[0].$el//.$children[0].$children[0].$children[0]console.log('el',e
uniapp手机号一键登录
藤原拓海_别天神
uni-app前端微信小程序
uniapp手机号一键登录,先写个button手机号一键登录先在onload钩子获取临时code码onLoad(){uni.login({provider:'weixin',success:(res)=>{console.log(res.code);this.code=res.code},})},我这里是封装了一下,因为有两个页面用到Vue.prototype.getBindPhone=funct
uni-app微信小程序上拉加载,下拉刷新
Min_nna
小程序uni-app微信小程序前端
pages.json配置官网链接onPullDownRefresh、onReachBottom函数跟生命周期同级data(){return{orderList:[],total:null,//总共多少条数据page:1,pageSize:10,}},onLoad(){},mounted(){this.getInfo()},methods:{getInfo(){API.getListxxx().th
uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“
古猿写代码
uniappuni-appjson前端
uniapp开发出现这个ErrorinonLoadhook:“SyntaxError:UnexpectedendofJSONinput“,这个问题如何解决。原因:由于JSON.parse无法识别某些url中的特殊字符比如&等特殊符号造成的。解决办法:页面A(JSON.stringify传参)uni.navigateTo({url:"/pages/A/index?data="+encodeURICo
uniapp小程序上传oss
Tanjc518
uni-app小程序
uniapp上传小程序代码importcryptofrom'crypto-js';import{Base64}from'js-base64/base64.js';//计算oss签名。functioncomputeSignature(accessKeySecret,canonicalString){returncrypto.enc.Base64.stringify(crypto.HmacSHA1(c
Uni-app开发Canvas当子组件示例,点点绘制图形
他在时间门外
uni-appjavascript前端
前言使用Uni-app实现封装一个Canvas渲染的子组件,实现通过传入两点绘制一条完整的路程具体逻辑看我发的后端和数据库设计C#根据两点名称,寻找两短路程的最优解,【有数据库设计,完整代码】即使不了解具体逻辑,该文章同样可以帮助想要实现使用Canvas当子组件,以及点点绘制图形问题的疑惑注意事项问题一:在使用canvas开发时为什么图形没有渲染1.注意画布的尺寸canvas标签默认宽度300px
轻量且强大的 uni-app http 网络库
小铭、同学
uniapphttpjavascript前端
anyupdesign一个基于promise的,轻量且强大的http网络库文档网站简介基于promise的uni.request,轻量且强大的http网络库:提供统一的PromiseAPI。浏览器环境下,轻量且非常轻量。基于uni.request,支持多种运行环境。支持请求/响应拦截器。自动转换JSON数据。支持批量生成API请求,简化代码量99%,一行代码搞定安装//安装npminstall@a
Vue项目中使用Mock.js进行API模拟
洛可可白
前端专栏javascriptvue.js前端
Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地,这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术:SpringBoot、Mybatis-plus、Swagger移动开发:Andr
[Uniapp]携带参数跳转界面(两种方法)
零叁三
uni-app前端javascript
一、方法1:路由携参假设现在有两个界面:界面A和界面B。并要由界面A跳转到界面B,则我们可以使用uni.navigateTo({})跳转界面时,将参数附加在URL后,并在B界面的onLoad()获取到这个参数界面A的代码exportdefault{data(){return{paramPageA:[],//在A界面中定义的变量,一会要传送给界面B}},methods:{onGo(){uni.req
uniapp 开发app,如何使用模拟器
大浪淘沙1024
uni-app
1、开发app,设置模拟器(uniapp如何设置模拟器)https://blog.csdn.net/sweetsoft/article/details/1307271692、运行到模拟器注意:1、模拟器所在的位置:“D:\ProgramFiles\Nox\bin”,在该文件夹下找到文件“debugreport.bat”文件;debugreport文件不能进行搜索双击,只能在列表中找到点击2、启动H
uniapp+node.js前后端做帖子模块:查看帖子(获取帖子详情以及对应的帖子评论列表)(社区管理平台的小程序)
云边散步
社区管理平台小程序uni-appnode.js小程序
目录0前提1.一些准备1.1表帖子表post帖子评论表postComment1.2总体思路2.前端3.后端点赞,你的认可是我创作的动力!⭐️收藏,你的青睐是我努力的方向!✏️评论,你的意见是我进步的财富!0前提温馨提示:我做的思路可能是复杂化了或者说代码写的不规范,如果你觉得可以更加简便的话欢迎分享到评论区或者自己改写一下我的代码,我的后端是写的很简单的没有什么路由分发是直接写的,你可以自由优化小
uniapp发行H5获取当前页面query
PENG越
uni-app
阅读uni的文档大致可得通过onLoad与onShow()的形参都能获取页面传递的参数,例如在开发时鼠标移动到方法上可以看到此方法的简短介绍实际这里说的是打开当前页面的参数,在小程序端的时候测试并无问题,但是发行到H5时首页加载会造成参数获取不到的问题。如果是子页面,其他页面跳转的话,在H5中是没问题的。在H5首页中获取参数,例如抖音的联调等业务,可以直接用原生window进行获取constque
uniapp获取顶部状态栏高度
小政爱学习!
uni-app前端javascript
...exportdefault{data(){return{//系统状态栏的高度systemBarHeight:0};},methods:{//获取系统栏高度getSysteminfo(){uni.getSystemInfo({success:res=>{console.log(res.statusBarHeight)this.systemBarHeight=res.statusBarHeigh
uniApp h5解决Chrome跨域问题的最终方法
kuanxu
uni-appchrome前端
最近用Dcloud工具HBuilderX写了一个uniapp客户端项目,代码在HBuilder工具内运行没有问题,打包后放在androidapp和iosapp内运行也没有问题,唯有把h5链接地址放在chrome里会有如下跨域问题:AccesstoXMLHttpRequestat'https://www.yachen.com/api/auth/sendinfo'fromorigin'http://l
uniapp之生成Android签名证书并云打包发布
小李不小
uniapp之生成Android签名证书并云打包发布[图片上传失败...(image-3ec404-1677312555271)]泪滴在琴上关注IP属地:陕西
uniapp 地图行车轨迹
niceguyº
uni-appuni-app
文章目录uniapp地图行车轨迹1、画地图2、切换地图中心点3、画路线4、轨迹移动5、标记点及自定义内容uniapp地图行车轨迹官网地图组件:https://uniapp.dcloud.net.cn/component/map.html官网地图组件控制:https://uniapp.dcloud.net.cn/api/location/map.html#createmapcontext1、画地图/
uni-app,app下载文件到自定义文件夹中,为了方便使用者快速找到下载到手机的文件
泡芙小姨
uni-app前端javascriptvue.jshtmlhtml5
html给一个点击事件'clickOk()'{{item.original||'未填写手册名称'}}js这里我的app和H5用的是两个方法,app的下载方法是自定义下载路径,H5是用的uni官方方法,下载路径不可以指定位置clickOk(item){//#ifdefAPP-PLUS//本地路径开头使用file://,跟上手机文件本地目录storage/emulated/0,//后缀是用于文件命名和
uniapp中使用WebSocket
全栈^_^小菜鸟
uni-appwebsocket网络协议
在uni-app中,uni.connectSocket方法用于建立WebSocket连接,但它并不提供onOpen、onMessage、onClose和onError这样的方法作为回调函数。相反,你应该使用uni.onSocketOpen、uni.onSocketMessage、uni.onSocketClose和uni.onSocketError这些全局事件来监听WebSocket的不同事件。连
uniapp的动态表单实现
linab112
uni-appuni-app
目录1.说明2.示例3.总结1.说明①在formData中定义个数组变量用来接受同一个字段的多个结果。dynamicFormData:{email:'',//domains字段下会有多个结果domains:[]}②使用uni-forms-item的rules属性定义单个表单域的校验规则。...③name需要动态指定,动态表单推荐使用Array类型,内容从左到右为绑定值的调用链。['domains'
前端工程化面试题 | 15.精选前端工程化高频面试题
ai_todo
前端工程化前端javascripttypescript开发语言
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些?解释一下前端中的流程管理
uniapp 小程序选择日期
weixin_47403101
小程序javascriptvue.js
uniapp小程序选择日期打开默认为当前时间{{date}}exportdefault{data(){constcurrentDate=this.getDate({format:true})return{date:currentDate,}},computed:{startDate(){returnthis.getDate('start');},endDate(){returnthis.getDa
二分查找排序算法
周凡杨
java二分查找排序算法折半
一:概念 二分查找又称
折半查找(
折半搜索/
二分搜索),优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。因此,折半查找方法适用于不经常变动而 查找频繁的有序列表。首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表 分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步
java中的BigDecimal
bijian1013
javaBigDecimal
在项目开发过程中出现精度丢失问题,查资料用BigDecimal解决,并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习,特转载。
原文地址:http://blog.csdn.net/ugg/article/de
Shell echo命令详解
daizj
echoshell
Shell echo命令
Shell 的 echo 指令与 PHP 的 echo 指令类似,都是用于字符串的输出。命令格式:
echo string
您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串:
echo "It is a test"
这里的双引号完全可以省略,以下命令与上面实例效果一致:
echo Itis a test 2.显示转义
Oracle DBA 简单操作
周凡杨
oracle dba sql
--执行次数多的SQL
select sql_text,executions from (
select sql_text,executions from v$sqlarea order by executions desc
) where rownum<81;
&nb
画图重绘
朱辉辉33
游戏
我第一次接触重绘是编写五子棋小游戏的时候,因为游戏里的棋盘是用线绘制的,而这些东西并不在系统自带的重绘里,所以在移动窗体时,棋盘并不会重绘出来。所以我们要重写系统的重绘方法。
在重写系统重绘方法时,我们要注意一定要调用父类的重绘方法,即加上super.paint(g),因为如果不调用父类的重绘方式,重写后会把父类的重绘覆盖掉,而父类的重绘方法是绘制画布,这样就导致我们
线程之初体验
西蜀石兰
线程
一直觉得多线程是学Java的一个分水岭,懂多线程才算入门。
之前看《编程思想》的多线程章节,看的云里雾里,知道线程类有哪几个方法,却依旧不知道线程到底是什么?书上都写线程是进程的模块,共享线程的资源,可是这跟多线程编程有毛线的关系,呜呜。。。
线程其实也是用户自定义的任务,不要过多的强调线程的属性,而忽略了线程最基本的属性。
你可以在线程类的run()方法中定义自己的任务,就跟正常的Ja
linux集群互相免登陆配置
林鹤霄
linux
配置ssh免登陆
1、生成秘钥和公钥 ssh-keygen -t rsa
2、提示让你输入,什么都不输,三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub
其中id_rsa为秘钥,id_rsa.pub为公钥,使用公钥加密的数据只有私钥才能对这些数据解密 c
mysql : Lock wait timeout exceeded; try restarting transaction
aigo
mysql
原文:http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html
原因是你使用的InnoDB 表类型的时候,
默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s,
因为有的锁等待超过了这个时间,所以抱错.
你可以把这个时间加长,或者优化存储
Socket编程 基本的聊天实现。
alleni123
socket
public class Server
{
//用来存储所有连接上来的客户
private List<ServerThread> clients;
public static void main(String[] args)
{
Server s = new Server();
s.startServer(9988);
}
publi
多线程监听器事件模式(一个简单的例子)
百合不是茶
线程监听模式
多线程的事件监听器模式
监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到
创建多线程的事件监听器模式 思路:
1, 创建线程并启动,在创建线程的位置设置一个标记
2,创建队
spring InitializingBean接口
bijian1013
javaspring
spring的事务的TransactionTemplate,其源码如下:
public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{
...
}
TransactionTemplate继承了DefaultT
Oracle中询表的权限被授予给了哪些用户
bijian1013
oracle数据库权限
Oracle查询表将权限赋给了哪些用户的SQL,以备查用。
select t.table_name as "表名",
t.grantee as "被授权的属组",
t.owner as "对象所在的属组"
【Struts2五】Struts2 参数传值
bit1129
struts2
Struts2中参数传值的3种情况
1.请求参数绑定到Action的实例字段上
2.Action将值传递到转发的视图上
3.Action将值传递到重定向的视图上
一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上
Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上,绑定的规则使用ognl表达式语言
【Kafka十四】关于auto.offset.reset[Q/A]
bit1129
kafka
I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or
nginx gzip压缩配置
ronin47
nginx gzip 压缩范例
nginx gzip压缩配置 更多
0
nginx
gzip
配置
随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢?
gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用
java-13.输入一个单向链表,输出该链表中倒数第 k 个节点
bylijinnan
java
two cursors.
Make the first cursor go K steps first.
/*
* 第 13 题:题目:输入一个单向链表,输出该链表中倒数第 k 个节点
*/
public void displayKthItemsBackWard(ListNode head,int k){
ListNode p1=head,p2=head;
Spring源码学习-JdbcTemplate queryForObject
bylijinnan
javaspring
JdbcTemplate中有两个可能会混淆的queryForObject方法:
1.
Object queryForObject(String sql, Object[] args, Class requiredType)
2.
Object queryForObject(String sql, Object[] args, RowMapper rowMapper)
第1个方法是只查
[冰川时代]在冰川时代,我们需要什么样的技术?
comsci
技术
看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?
那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...
&nb
js 获取浏览器型号
cuityang
js浏览器
根据浏览器获取iphone和apk的下载地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" content="text/html"/>
<meta name=
C# socks5详解 转
dalan_123
socketC#
http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯,Socket4的实现是类似的,注意的事,这里不是讲用C#实现一个代理服务器,因为实现一个代理服务器需要实现很多协议,头大,而且现在市面上有很多现成的代理服务器用,性能又好,
运维 Centos问题汇总
dcj3sjt126com
云主机
一、sh 脚本不执行的原因
sh脚本不执行的原因 只有2个
1.权限不够
2.sh脚本里路径没写完整。
二、解决You have new mail in /var/spool/mail/root
修改/usr/share/logwatch/default.conf/logwatch.conf配置文件
MailTo =
MailFrom
三、查询连接数
Yii防注入攻击笔记
dcj3sjt126com
sqlWEB安全yii
网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查,可以使用正则表达式或者直接输入字符判断,大部分是只允许输入字母和数字的,其它字符度不允许;对于内容复杂表单的内容,应该对html和script的符号进行转义替换:尤其是<,>,',"",&这几个符号 这里有个转义对照表:
http://blog.csdn.net/xinzhu1990/articl
MongoDB简介[一]
eksliang
mongodbMongoDB简介
MongoDB简介
转载请出自出处:http://eksliang.iteye.com/blog/2173288 1.1易于使用
MongoDB是一个面向文档的数据库,而不是关系型数据库。与关系型数据库相比,面向文档的数据库不再有行的概念,取而代之的是更为灵活的“文档”模型。
另外,不
zookeeper windows 入门安装和测试
greemranqq
zookeeper安装分布式
一、序言
以下是我对zookeeper 的一些理解: zookeeper 作为一个服务注册信息存储的管理工具,好吧,这样说得很抽象,我们举个“栗子”。
栗子1号:
假设我是一家KTV的老板,我同时拥有5家KTV,我肯定得时刻监视
Spring之使用事务缘由(2-注解实现)
ihuning
spring
Spring事务注解实现
1. 依赖包:
1.1 spring包:
spring-beans-4.0.0.RELEASE.jar
spring-context-4.0.0.
iOS App Launch Option
啸笑天
option
iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:,其中第二个参数launchOptions为NSDictionary类型的对象,里面存储有此程序启动的原因。
launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。
1、若用户直接
jdk与jre的区别(_)
macroli
javajvmjdk
简单的说JDK是面向开发人员使用的SDK,它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包,可以包括函数库、编译程序等。
JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境,是面向Java程序的使用者,而不是开发者。 如果安装了JDK,会发同你
Updates were rejected because the tip of your current branch is behind
qiaolevip
学习永无止境每天进步一点点众观千象git
$ git push joe prod-2295-1
To
[email protected]:joe.le/dr-frontend.git
! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward)
error: failed to push some refs to '
[email protected]
[一起学Hive]之十四-Hive的元数据表结构详解
superlxw1234
hivehive元数据结构
关键字:Hive元数据、Hive元数据表结构
之前在 “[一起学Hive]之一–Hive概述,Hive是什么”中介绍过,Hive自己维护了一套元数据,用户通过HQL查询时候,Hive首先需要结合元数据,将HQL翻译成MapReduce去执行。
本文介绍一下Hive元数据中重要的一些表结构及用途,以Hive0.13为例。
文章最后面,会以一个示例来全面了解一下,
Spring 3.2.14,4.1.7,4.2.RC2发布
wiselyman
Spring 3
Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。
其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止),后续会继续根据需求和bug发布维护版本。此时,Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。
其中Spring 4.1.7主要包含这些更新内容。