- HTML(源码+lw+部署文档+讲解等)
青蛙java
#Java精选毕设#微信小程序毕设htmlvue.jsjavaspringbootuni-app
文章目录前言HTML概念结构Body中的重要标签hr:横线标签br:换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍:✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金
- 通过vue指令解决el-input组件type为textarea且设置word-break:break-all样式后,autosize文本域高度计算异常问题(有时会多出一行空白行)
永远不会太晚
vue.jselementuijavascript
Vue自定义指令:替代el-input的autosize,解决当el-input设置css样式word-break:break-all时下文本域高度计算异常问题在使用ElementUI的el-input组件时,type为textarea且设置word-break:break-all样式后,会导致autosize属性计算高度不准确,当输入中英文数字时有时会多出一行空行,影响用户体验,这一点可直接在E
- 微信小程序软键盘弹出的问题
结城
javascript小程序
微信小程序软键盘弹出的问题这里记录一个微信中开发的一个小问题,1.当我开发这个页面功能的时候在缩小的状态正常情况聚焦时在手机上会有一个软键盘弹出来完全遮住了我textarea输入框2.遮住状态这个时候我们还发现页面被顶了上去,头部的导航栏没有了3.解决问题html部分/防止页面被顶我们使用adjust-position属性js部分//并且加入失去焦点,得到焦点事件,通过bindfocus事件对象我
- Uniapp之键盘弹窗
适用范围评论输入框自定义键盘顶部工具栏其他吸附于键盘顶部的弹框意义对于输入框来说,一般都包含自动抬高输入框,但是对于一些自定义窗口来说(比如输入框下添加工具栏、键盘顶部添加工具栏等),就需要自己处理弹框位置了,那么这个时候键盘弹窗就解决了复杂的处理。示例下面示例用于展示keyboard-popup使用示例,当textarea聚焦时,textarea就会自动抬高到键盘上方。exportdefault
- input 获取焦点时全选
肖肖肖丽珠
vue.js前端javascript
这样的一个状态。这样编辑的时候就直接覆盖掉原来的。在main.js里面自定义指令//input框获取焦点时全选。注意input类型是textarea时Vue.directive("select-on-focus",{inserted(el){constinput=el.querySelector('input')||el.querySelector('textarea');if(input){in
- Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单语法知识点及案例(28)
知识分享小能手
前端开发Bootstrap5网页开发bootstrap学习前端typescripthtmlcssjavascript
Bootstrap5表单语法知识点及案例Bootstrap5提供了强大而灵活的表单控件和布局选项。一、基础表单结构Bootstrap5表单需要以下基本结构:基础表单示例Bootstrap5基础表单邮箱地址我们不会将您的邮箱分享给其他人。密码记住我提交二、表单控件1.输入框(Input)Bootstrap5提供了多种输入框样式:文本输入邮箱输入密码输入数字输入日期输入2.文本域(Textarea)文
- el-input textarea 内部文字标红
终不似、少年游
web前端学习笔记elementui
el-inputinputtextarea内部文字标红在chrome中,input、textarea中英文单词的红色波浪线是浏览器默认开启了语法检查导致的。只需要在textarea或者input中添加属性spellcheck=“false”即可去除该波浪线:
- chrome138版本及以上el-input的textarea输入问题
前端没钱
项目笔记vue
描述项目基于vue2+elementUI问题简述:Chrome138及以上版本,把组件中的el-input的textarea的disabled属性从true设为false,无法输入封装了一套表单输入组件,其中的textarea如下:外部组件调用形式如下:formObj:{ref:"add",labelWidth:'100px',form:{remark:"",fileUrls:[],},rules
- 【uniapp】小程序中input输入框的placeholder-class不生效
顽强d石头
#UNIAPPuni-app小程序前端
解决方法1.去掉scoped2.额外写一组style::v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;//color:rgba(176,184,194,1);color:red;}3.样式穿透scss::v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;/
- 拦截豆包的回车键
人工智能
GreaseMonkey脚本,自己写的,在firefox里暂时能用。本人不护责维护,不回答问题,也不声明版权,GoodLuck。行为:回车不发送内容,而是在输入的textarea里换行;Control+回车可以发送内容;已知bug:如果输入框旁边出现诸如“AI编程”之类的tag时,回车键会被拦截,但输入框似乎是id变了捕捉不到;目前不打算修复,把tag关掉即可。//==UserScript==//
- 【原理】antd-Input.textarea如何实现自动伸缩?
你脸上有BUG
react前端javascriptantd自动伸缩
使用antd的Input.TextArea,配置maxRows和minRows即可实现让输入框中的string自动伸缩展示。例子://最少展示2行,最多展示10行但是它内部是怎么实现的呢?实现step1:实现自适应高度我们的目标是让textarea根据输入的内容自动调整高度。为了实现这一功能,核心:动态调整style.heighttextareaRef.current.style.height=`
- 去除表单元素默认样式
又又呢
移动端webcss3css
input,textarea{outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:normal;}//input::-webkit-input-placeholder{//line-height:normal;//解决不垂直居中的问题//}input::-webkit
- vue3 el-input type=“textarea“ 字体样式 及高度设置
海天胜景
vue.jsjavascriptelementui
在Vue3中,如果你使用的是ElementPlus库中的组件作为文本域(type="textarea"),你可以通过几种方式来设置字体样式和高度。1.直接在组件上使用style属性你可以直接在标签上使用style属性来设置字体样式和高度。例如:style="font-size:16px;height:100px;">2.使用CSS类更推荐的做法是使用CSS类来设置样式,这样可以使你的代码更加清晰和
- javaSE——AWT编程(二)
DF10F-0001A
JavaSEjava
四、AWT常用组件1、基本组件Button:按钮Canvas:画布Checkbox:复选框组件CheckboxGroup:用于将多个Checkbox组件合成一组Choice:下拉式选择框组件Frame:窗口Label:标签类List:列表框组件Panel:不能单独存在基本容器类,必须放到其他容器中Scrollbar:滑动条组件ScrollPane:带水平及垂直滚动条的容器组件TextArea:多行
- 微信小程序----实现语音的录制,并将语音转为文字
邝邝邝邝丹
最近在开发微信小程序,遇到一个需求,实现类似于微信发送语音的效果,但是我这个是发送语音后直接转为文字展示。先说微信小程序的textarea0/200.是限制用户输入的最长长度0这个位置首先是根据用户输入的长度变化而变化的200是用户输入最长度通过bindinput去监听用户的输入的长度,如果用户输入小于最大值,将长度赋值给0的位置在用真机调试的时候发现,textarea的输入值还有placehol
- 微信小程序textarea的placeholder的行高怎么修改
肖肖肖丽珠
小程序微信小程序小程序微信
目前不支持修改行高。如果你的内容设置了行高但是placeholder没有行高会导致输入内容的时候感觉不是对齐的,想要解决这个问题怎么办呢/我们可以自己写个text假装是placeholder的内容。然后textarea获取焦点输入内容的时候就不显示这个text的内容。输入你的祝福语或者想对Ta说的话,比如:"爸妈,我爱你们".form-key{position:relative;}.placeho
- 原生微信小程序 textarea组件placeholder无法换行的问题解决办法
liyinchi1988
微信小程序小程序
【问题描述】微信小程序原生代码,使用文本域,placeholder使用\n没有效果,网上找了一堆方案说使用
也没有效果最后在一个前端大佬博客,找到解决办法,CSS设置word-wrap:break-word;white-space:pre-line;【解决办法】1.wxml2.jsPage({data:{placeholderText:"家庭日常保洁\r\n\r\n1.服务内容\
- Textinput,输入框一些基本用法
磨叽怪
qml前端javascript开发语言
输入框是必不可少的交互组件,qml提供多种输入框如:TextInput、TextField、TextEdit和TextArea,这篇文章重点讲Textinput。TextinputTextinput用于编辑一行文本,类似于QLineEdit,除了显示光标和文本外,默认并没有边框等装饰性效果,所以重点讲相关设置效果,不讲美化。1、自适应输入框尺寸contentWidth和contentHeight属
- todolist增加markdown模块
weixin_30628077
markdown
markdown编辑器利用`markdown_js`开源库实现todolist小项目的markdown日记本功能todolist小项目地址之前的介绍随笔todoListmarkdown-js仓库遇到的问题:当从编辑器切换到list,然后再切换回来,之前输入的内容丢失解决办法:在随路由切换组件时,组件会destory,然后重新被mounted,这是导致在textarea输入的markdown字符丢失
- jQuery+pdf.js 实现的PDF切换预览
.NET跨平台
Html+Javascript
index.html需要部署在web服务器上打开1/47-->reset.csshtml{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}t
- Error in v-on handler: “TypeError: Cannot read property ‘value‘ of undefined“
shengyin714959
笔记最高笔记vue.jsjavascriptelementui
Errorinv-onhandler:"TypeError:Cannotreadproperty'value'ofundefined"报错如下所示,即在运行Vue项目时出现了上述错误,出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。首先检查有没有如下操作//原先取dom的操作document.getElementById('textarea');//改正后,Vue中取demo的操作th
- 浏览器监听resize事件 导致input内容随窗口变化而变化
RAY_CHEN.
前端javascripthtml
问题:页面中,因为有别的需求添加了resize的监听window.addEventListener('resize',()=>{})但发现,页面中的input,textarea内的placeholder及内容会随着窗口的大小变化而变化解决:给input,textarea的文字设置固定的大小即可。
- 解决uniapp textarea标签快速输入时光标抖动或闪现的问题
a small tree
uni-app前端
问题长这样问题代码长这样解决代码长这样解决效果长这样究其原因是因为v-model好像有点不友好换个写法即可
- 清除所有css样式的代码,CSS清除默认样式代码
走奶行街
清除所有css样式的代码
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0;}*{box-sizing:border-box;}html,body{min-height:100%;}body{font-family:"MicrosoftYaHei";font-size
- 两百条微信小程序开发跳坑指南(不定时更新)
weixin_34005042
json后端移动开发
2019独角兽企业重金招聘Python工程师标准>>>微信小程序联盟出品跳坑textarea《二百二十三》不显示文本及textarea相关问题集合跳坑《二百一十三》background-image无法获取本地资源图片、...跳坑《二百一十二》单位rpx/px/em/vh使用说明跳坑《二百一十一》转发API:onShareAppMessage使用跳坑《二百一十》使用模拟数据mock.js跳坑《二百零
- v-model的使用和原理(超详细,持续更新)
菜鸟小牟
前端前端框架vue.jsjavascript
欢迎大家讨论学习文章目录前言v-model是Vue框架的一个指令,v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。一、须知二、使用及原理1.text和textarea2.radio和checkbox3.select补充总结三、v-model在组件中的应用1.表单类组件封装2.使用v-model简化代码3..sync修饰符前言这里主要介绍v-m
- QML面试笔记--UI设计篇04交互控件
Zy100Papa
QML基础qml
1.QML中常用交互控件1.1.Button1.2.Slider1.3.ProgressBar1.4.TextField1.5.TextArea1.6.ComboBox1.7.CheckBox1.8.RadioButton1.9.Menu1.10.Dialog1.QML中常用交互控件在万物互联的智能时代,QML凭借其声明式语法和跨平台能力,已成为工业控制、车载系统、智能家居等领域的UI开发
- 微信小程序事件绑定基本语法
@程序员ALMJ
微信小程序小程序
微信小程序使用bind或catch前缀绑定事件,语法如下:bind:事件绑定,允许事件冒泡(向父组件传递)。catch:事件绑定,阻止事件冒泡(不会向父组件传递)。常见事件类型事件名说明适用组件tap点击事件view,buttoninput输入框内容变化input,textareasubmit表单提交formscroll滚动事件scroll-viewlongpress长按事件(350ms)view
- 推荐文章:React-Markdown-Textarea——高效优雅的Markdown文本编辑神器
时昕海Minerva
推荐文章:React-Markdown-Textarea——高效优雅的Markdown文本编辑神器react-markdown-textareaComponentforReacttocreatetextareasforenteringMarkdownwithbuilt-inpreviewinspiredbyGithub'sdesign项目地址:https://gitcode.com/gh_mirr
- 推荐项目:react-markdown-textarea - 优雅的ReactMarkdown文本编辑器
缪昱锨Hunter
推荐项目:react-markdown-textarea-优雅的ReactMarkdown文本编辑器react-markdown-textareaComponentforReacttocreatetextareasforenteringMarkdownwithbuilt-inpreviewinspiredbyGithub'sdesign项目地址:https://gitcode.com/gh_mir
- JAVA基础
灵静志远
位运算加载Date字符串池覆盖
一、类的初始化顺序
1 (静态变量,静态代码块)-->(变量,初始化块)--> 构造器
同一括号里的,根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况,那就在父类到子类交替初始化。
二、String
1 String a = "abc";
JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象,根
- keepalived实现redis主从高可用
bylijinnan
redis
方案说明
两台机器(称为A和B),以统一的VIP对外提供服务
1.正常情况下,A和B都启动,B会把A的数据同步过来(B is slave of A)
2.当A挂了后,VIP漂移到B;B的keepalived 通知redis 执行:slaveof no one,由B提供服务
3.当A起来后,VIP不切换,仍在B上面;而A的keepalived 通知redis 执行slaveof B,开始
- java文件操作大全
0624chenhong
java
最近在博客园看到一篇比较全面的文件操作文章,转过来留着。
http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html
转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html
一.获得控制台用户输入的信息
&nbs
- android学习任务
不懂事的小屁孩
工作
任务
完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog,并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程,并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果,写一个实例 已完成 复习fragem
- zoom.js
换个号韩国红果果
oom
它的基于bootstrap 的
https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序
<link rel="stylesheet" href="style/zoom.css">
<script src=&q
- 详解Oracle云操作系统Solaris 11.2
蓝儿唯美
Solaris
当Oracle发布Solaris 11时,它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是,这些说法没有告诉我们为什么Solaris是配得上云的。幸好,我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用:OpenStack、内核域、统一存档(UA)和弹性虚拟交换(EVS)。
- spring学习——springmvc(一)
a-john
springMVC
Spring MVC基于模型-视图-控制器(Model-View-Controller,MVC)实现,能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。
1,跟踪Spring MVC的请求
请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样,Spring MVC所有的请求都会通过一个前端控制器Servlet。前
- hdu4342 History repeat itself-------多校联合五
aijuans
数论
水题就不多说什么了。
#include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
- EJB和javabean的区别
asia007
beanejb
EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了
1.EJB用于服务端应用开发, 而JavaBeans
- Struts的action和Result总结
百合不是茶
strutsAction配置Result配置
一:Action的配置详解:
下面是一个Struts中一个空的Struts.xml的配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
&quo
- 如何带好自已的团队
bijian1013
项目管理团队管理团队
在网上看到博客"
怎么才能让团队成员好好干活"的评论,觉得写的比较好。 原文如下: 我做团队管理有几年了吧,我和你分享一下我认为带好团队的几点:
1.诚信
对团队内成员,无论是技术研究、交流、问题探讨,要尽可能的保持一种诚信的态度,用心去做好,你的团队会感觉得到。 2.努力提
- Java代码混淆工具
sunjing
ProGuard
Open Source Obfuscators
ProGuard
http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
- 【Redis三】基于Redis sentinel的自动failover主从复制
bit1129
redis
在第二篇中使用2.8.17搭建了主从复制,但是它存在Master单点问题,为了解决这个问题,Redis从2.6开始引入sentinel,用于监控和管理Redis的主从复制环境,进行自动failover,即Master挂了后,sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作,如果Master醒来再次加入集群,只能以从服务器的形式工作。
什么是Sentine
- 使用代理实现Hibernate Dao层自动事务
白糖_
DAOspringAOP框架Hibernate
都说spring利用AOP实现自动事务处理机制非常好,但在只有hibernate这个框架情况下,我们开启session、管理事务就往往很麻烦。
public void save(Object obj){
Session session = this.getSession();
Transaction tran = session.beginTransaction();
try
- maven3实战读书笔记
braveCS
maven3
Maven简介
是什么?
Is a software project management and comprehension tool.项目管理工具
是基于POM概念(工程对象模型)
[设计重复、编码重复、文档重复、构建重复,maven最大化消除了构建的重复]
[与XP:简单、交流与反馈;测试驱动开发、十分钟构建、持续集成、富有信息的工作区]
功能:
- 编程之美-子数组的最大乘积
bylijinnan
编程之美
public class MaxProduct {
/**
* 编程之美 子数组的最大乘积
* 题目: 给定一个长度为N的整数数组,只允许使用乘法,不能用除法,计算任意N-1个数的组合中乘积中最大的一组,并写出算法的时间复杂度。
* 以下程序对应书上两种方法,求得“乘积中最大的一组”的乘积——都是有溢出的可能的。
* 但按题目的意思,是要求得这个子数组,而不
- 读书笔记-2
chengxuyuancsdn
读书笔记
1、反射
2、oracle年-月-日 时-分-秒
3、oracle创建有参、无参函数
4、oracle行转列
5、Struts2拦截器
6、Filter过滤器(web.xml)
1、反射
(1)检查类的结构
在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。
2、oracle年月日时分秒
s
- [求学与房地产]慎重选择IT培训学校
comsci
it
关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题
培训学校的教学楼和宿舍的环境和稳定性问题
我们大家都知道,房子是一个比较昂贵的东西,特别是那种能够当教室的房子...
&nb
- RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系
daizj
oraclermanfilespersetPARALLELISM
RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转
PARALLELISM ---
我们还可以通过parallelism参数来指定同时"自动"创建多少个通道:
RMAN > configure device type disk parallelism 3 ;
表示启动三个通道,可以加快备份恢复的速度。
- 简单排序:冒泡排序
dieslrae
冒泡排序
public void bubbleSort(int[] array){
for(int i=1;i<array.length;i++){
for(int k=0;k<array.length-i;k++){
if(array[k] > array[k+1]){
- 初二上学期难记单词三
dcj3sjt126com
sciet
concert 音乐会
tonight 今晚
famous 有名的;著名的
song 歌曲
thousand 千
accident 事故;灾难
careless 粗心的,大意的
break 折断;断裂;破碎
heart 心(脏)
happen 偶尔发生,碰巧
tourist 旅游者;观光者
science (自然)科学
marry 结婚
subject 题目;
- I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码
dcj3sjt126com
redis
wget http://download.redis.io/redis-stable.tar.gz
tar xvzf redis-stable.tar.gz
cd redis-stable
make
前面3步应该没有问题,主要的问题是执行make的时候,出现了异常。
异常一:
make[2]: cc: Command not found
异常原因:没有安装g
- 并发容器
shuizhaosi888
并发容器
通过并发容器来改善同步容器的性能,同步容器将所有对容器状态的访问都串行化,来实现线程安全,这种方式严重降低并发性,当多个线程访问时,吞吐量严重降低。
并发容器ConcurrentHashMap
替代同步基于散列的Map,通过Lock控制。
&nb
- Spring Security(12)——Remember-Me功能
234390216
Spring SecurityRemember Me记住我
Remember-Me功能
目录
1.1 概述
1.2 基于简单加密token的方法
1.3 基于持久化token的方法
1.4 Remember-Me相关接口和实现
- 位运算
焦志广
位运算
一、位运算符C语言提供了六种位运算符:
& 按位与
| 按位或
^ 按位异或
~ 取反
<< 左移
>> 右移
1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时,结果位才为1 ,否则为0。参与运算的数以补码方式出现。
例如:9&am
- nodejs 数据库连接 mongodb mysql
liguangsong
mongodbmysqlnode数据库连接
1.mysql 连接
package.json中dependencies加入
"mysql":"~2.7.0"
执行 npm install
在config 下创建文件 database.js
- java动态编译
olive6615
javaHotSpotjvm动态编译
在HotSpot虚拟机中,有两个技术是至关重要的,即动态编译(Dynamic compilation)和Profiling。
HotSpot是如何动态编译Javad的bytecode呢?Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器,即Profile Monitor,专门监视
- Storm0.9.5的集群部署配置优化
roadrunners
优化storm.yaml
nimbus结点配置(storm.yaml)信息:
# Licensed to the Apache Software Foundation (ASF) under one
# or more contributor license agreements. See the NOTICE file
# distributed with this work for additional inf
- 101个MySQL 的调节和优化的提示
tomcat_oracle
mysql
1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的,它的速度很慢。 3. 使用电池供电的RAM(注:RAM即随机存储器)。 4. 使用高级的RAID(注:Redundant Arrays of Inexpensive Disks,即磁盘阵列
- zoj 3829 Known Notation(贪心)
阿尔萨斯
ZOJ
题目链接:zoj 3829 Known Notation
题目大意:给定一个不完整的后缀表达式,要求有2种不同操作,用尽量少的操作使得表达式完整。
解题思路:贪心,数字的个数要要保证比∗的个数多1,不够的话优先补在开头是最优的。然后遍历一遍字符串,碰到数字+1,碰到∗-1,保证数字的个数大于等1,如果不够减的话,可以和最后面的一个数字交换位置(用栈维护十分方便),因为添加和交换代价都是1