- 好看的vue登录页面(附 源代码 背景图)
小小薛定谔
vue.jsjavascriptcss前端
一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag
- YOLOv8数据增强
热心小张
研究生yolov8
1.找到augment.py(ultralytics/data/augment.py),修改对应内容#TransformsT=[A.Blur(p=0.01),A.MedianBlur(p=0.01),A.ToGray(p=0.01),A.CLAHE(p=0.01),A.RandomBrightnessContrast(p=0.0),A.RandomGamma(p=0.0),A.ImageCompr
- 【 WPF 中常用的 `Effect` 类的介绍、使用示例和适用场景】
TIF星空
WPF分享wpf经验分享笔记
WPF中常用的`Effect`类的介绍、使用示例和适用场景使用场景解释示例代码示例代码解释Effect类描述使用示例适用场景DropShadowEffect为元素应用投影效果。xml为控件、文本、图像添加阴影效果,增加立体感和视觉层次。BlurEffect为元素应用模糊效果。xml模糊背景、图像或文本,常用于突出前景内容或创建模糊背景效果。BitmapEffect通过位图管道为元素应用特效(已过时
- jquery事件
上心心上
jquery事件事件函数列表:blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入(进入子元素也触发)mouseout()鼠标离开(离开子元素也触发)mouseenter()鼠标进入(进入子元素不触发)mouseleave()鼠标离开(离开子元素不触发)hover()同时为mousee
- iOS 图片添加模糊效果
海边的遐想
iOS.图片模糊效果的两种实现方法://1,vImage_Buffer可以调整模糊度pragmamark-----图片添加模糊效果----------------+(UIImage*)blurryImage:(UIImage*)imagewithBlurLevel:(CGFloat)blur{if(blur1.f){blur=0.5f;}intboxSize=(int)(blur*40);boxS
- 【ITK库学习】使用itk库进行图像滤波ImageFilter:模糊降噪
leafpipi
ITK学习图像处理c++算法
目录1、itkDiscreteGaussianImageFilter离散高斯2、itkBinomialBlurImageFilter二项式模糊3、itkSmoothingRecursiveGaussianImageFilter图像模糊可以削弱图像频谱的高频部门1、itkDiscreteGaussianImageFilter离散高斯该类通过图像与离散高斯算子(内核)的可分离卷积来模糊图像。如果Set
- 2019-12-25
吵吵鬧鬧卻從不言離棄
登录邮箱:密码://action数据提交的地址//只有当onsubmit返回为true才会跳转//什么时候验证事件?//点击登录验证submit表单失去焦点验证blurfunctionyanzhen(){returncheckEmail()&&checkPwd();}varemail=document.getElementById("email");//获取emailvarpwd=document
- FLUX 1 将像 Stable Diffusion 一样完整支持ControlNet组件
吴脑的键客
AI作画stablediffusion深度学习人工智能
之前InstantX团队做的多合一的FluxControlNet现在开始和ShakkerAI合作并推出了:Shakker-Labs/FLUX.1-dev-ControlNet-Union-Pro该模型支持7种控制模式,包括canny(0),tile(1),depth(2),blur(3),pose(4),gray(5)和lowquality(6),并且还能和其他ControlNet一起使用。模型卡
- Android Weex input 自动获取焦点方法失效
aYan124
背景实现一个weex的搜索页面,进入页面需要默认调起键盘关键代码......focusblurconstmodal=weex.requireModule('modal');consttoast=message=>{modal.toast({message,duration:1,});};exportdefault{data(){return{text:'0123456',};},methods:{
- vue遍历表单加规则校验
33455432
vue.jsjavascript前端
添加指标删除型号主要代码:prop=“guOrderProductList.${i}.productModel”:rules=“[{required:true,message:‘产品型号不能为空’,trigger:‘blur’}]”>
- 鸿蒙-聚焦
小蘑菇2018
鸿蒙harmonyos
Search({value:$$this.searchValue,placeholder:$r('app.string.maillist_search_tip')}).defaultFocus(true).id('blurId')Button('点我搜索框聚焦').onClick(()=>{ focusControl.requestFocus('blurId');})
- 【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs
傻傻有内涵的我
avuevueelementui前端javascript
这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde
- JavaScript语法基础之事件基础
苏苏渗透大师
web渗透javascript开发语言web安全前端安全
目录1.事件基础1.1.事件是什么?1.2.事件调用方式1.2.1.在script标签中调用1.2.2.在元素中调用事件1.3.鼠标事件1.3.1.鼠标单击1.4.表单事件1.4.1.onfocus&onblur1.5.页面事件1.5.1.onload1.事件基础1.1.事件是什么?举个例子,当我们点击一个按钮时,会弹出一个对话框。其中点击就是一个事件,弹出对话框就是我们在点击这个事件里面做的一些
- JavaScript语法基础之事件基础(鼠标、表单、页面事件等)
苏苏渗透大师
web渗透javascript开发语言安全网络安全web安全
目录1.事件基础1.1.事件是什么?1.2.事件调用方式1.2.1.在script标签中调用1.2.2.在元素中调用事件1.3.鼠标事件1.3.1.鼠标单击1.4.表单事件1.4.1.onfocus&onblur1.5.页面事件1.5.1.onload1.事件基础1.1.事件是什么?举个例子,当我们点击一个按钮时,会弹出一个对话框。其中点击就是一个事件,弹出对话框就是我们在点击这个事件里面做的一些
- vue+elementUI用户修改密码的前端验证
zj_zjk_sjz
vue.js前端elementuijavascript
用户登录后修改密码,密码需要一定的验证规则。旧密码后端验证是否正确;前端验证新密码的规范性,新密码规范为:6-16位,至少含数字/字母/特殊字符中的两种;确认密码只需要验证与新密码是否一致;弹窗结构取消确认form验证规则passRules:{oldPassword:[{required:true,message:'请输入旧密码',trigger:'blur'}],newPassword:[{va
- Canny详解
kxg916361108
计算机视觉图像处理人工智能
Canny边缘检测是一种经典的图像处理技术,被广泛应用于计算机视觉和图像处理领域。它由JohnF.Canny在1986年提出,是一种多阶段的边缘检测算法,具有高精度和低错误率的特点。Canny边缘检测的步骤:高斯滤波(GaussianBlur):Canny边缘检测首先对图像进行高斯平滑处理,以减少图像中的噪声。高斯滤波器将图像中的每个像素与周围像素进行加权平均,从而模糊图像并减少噪声。计算图像梯度
- 【视觉三维重建】【论文笔记】Deblurring 3D Gaussian Splatting
CS_Zero
论文阅读
去模糊的3D高斯泼溅,看Demo比3D高斯更加精细,对场景物体细节的还原度更高,[官网](https://benhenryl.github.io/Deblurring-3D-Gaussian-Splatting/)背景技术Volumetricrendering-basednerualfields:NeRF.Rasterizationrendering:3D-GS.Rasterization比vol
- 2018-10-30jquery实际应用
小牛长成记
$(function(){varb;vardepName=$("#depName");varsort=$("#sort");//检验修改后的部门名称是否存在$("#depName").blur(function(){if(depName.val()==""){$("#msg").html("部门名称不能为空!");$("#ssb").attr("disabled",true);returnfals
- Ant Design Vue的a-input的blur事件
Coding Rain
vue.jsjavascript前端前端框架anti-design-vue
input框的失去焦点事件blur
- python opencv图像模糊
攻城狮的梦
opencv开发语言
目录一:均值滤波二:高斯滤波三:中值滤波四:双边滤波在OpenCV中,模糊图片或进行图像平滑处理时常用的方法包括以下几种:均值滤波(Blurring):均值滤波是一种简单的平滑方法,它通过对图像中每个像素的邻域内像素值进行平均来计算新的像素值。在OpenC
- stable diffusion webui学习总结(3):参数设置
shanesu
stablediffusion学习
一、2.5D偏卡通风格参数设置:步骤1、文生图模型:darkSushiMixMixVAE:vae-ft-mse-840000-ema-pruned正面提示词:(masterpiece,highquality,highres,illustration),blurrybackground,[(whitebackground:1.2)::5],(see-through:0.85),shining,Mov
- ubuntu22.04@laptop OpenCV Get Started: 011_edge_detection
lida2003
Linuxopencvedge人工智能计算机视觉
ubuntu22.04@laptopOpenCVGetStarted:011_edge_detection1.源由2.edge_detection应用Demo2.1C++应用Demo2.2Python应用Demo3.重点逐步分析3.1GaussianBlur去噪3.2Sobel边缘检测3.2.1`Sobel`X方向边缘检测3.2.2`Sobel`Y方向边缘检测3.2.3`Sobel`XY方向边缘检
- 考研英语单词28
蓝桉802
考研
Day28obscurea.模糊的,不清楚的【vaguea.模糊的,不清楚的】blur“不乐”n.模糊(的东西)v.变模糊rougha.粗糙的,艰难的readilyad.轻易地,乐意地managementn.经营,管理【managev.经营,管理manager经理】governmentn.政府,政体federala.联邦的functionn.功能,作用v.运作executev.执行,实行,处死【e
- Shader Weaver使用教程9 - 使用模糊
OneMore2018
我们将在本教程中做什么准备节点在项目视图中,打开“ShaderWeaver/Textures”文件夹并将“火焰”纹理设置为ROOT节点添加模糊节点连接blur1和ROOT节点将模糊1节点的“X”和“Y”的值更改为“1”按下“+”按钮在“[自定义参数]”栏中在输入栏中输入“blurX”,然后按下“新范围”按钮在输入栏中输入“blurY”并按下“新范围”按钮选择blur1节点下拉菜单并分别变为“blu
- css设置背景模糊
riyue666
HTML+CSScss前端javascript
要是直接在要设置模糊背景色的div里使用filter就会造成文字和里面的图片都会被模糊化.bgc{height:300px;position:relative;background:#8c8c45;filter:blur(15px);}这里需要在需要设置背景的div的伪类里来设置filter这样就不会文字也模糊化了.bgc{height:300px;position:relative;&:befo
- CSS —— 盒子阴影(box-shadow)
ZhaoYLi
CSS
语法box-shadow:h-shadowv-shadowblurspreadcolorinset;注释:box-shadow向框添加一个或多个阴影.该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。未加阴影效果如下:1、外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏
- CSS设置盒子阴影
宝子向前冲
css前端
语法box-shadow:*h-shadowv-shadowblurspreadcolor*inset;注释:box-shadow向框添加一个或多个阴影.该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏移10px、向下偏
- 高斯模糊滤镜
laocooon523857886
计算机视觉opencv图像处理
高斯模糊滤镜importcv2#读取图像image=cv2.imread('1.jpg')#高斯模糊滤镜blurred=cv2.GaussianBlur(image,(15,15),0)#保存处理后的图像cv2.imwrite('blurred_image.jpg',blurred)#显示原始图像和处理后的图像cv2.imshow('OriginalImage',image)cv2.imshow(
- 关于JS中的常用表单验证 正则表达式
「已注销」
前端
一、非空验证trim:去空格(去掉前后的空格),任何字符串都可以用这个方法。写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0。//文本框,用户输入内容。onblur是鼠标失去焦点时触发。//提交按钮,点击事件执行的内容根据return的值判断。functionCheck(){varv=document.getElementById("uid").value
- vue中多个input焦点切换问题
一个被程序员耽误的厨师
业务场景是这样的:左边菜单栏有多个菜单项,点击不同的菜单项,右侧相对应的input获得焦点需求图开始以为问题很简单只是一个focus问题,其实问题不是那么简单,vue框架中的表单输入框不支持focus以及blur事件的解决方案,那么如何解决这个问题呢?这里用到的Vue.directive自定义指令,下面简单的说下自定义指令。1、自定义指令中三个参数el://指令所绑定的元素binding://一个
- windows下源码安装golang
616050468
golang安装golang环境windows
系统: 64位win7, 开发环境:sublime text 2, go版本: 1.4.1
1. 安装前准备(gcc, gdb, git)
golang在64位系
- redis批量删除带空格的key
bylijinnan
redis
redis批量删除的通常做法:
redis-cli keys "blacklist*" | xargs redis-cli del
上面的命令在key的前后没有空格时是可以的,但有空格就不行了:
$redis-cli keys "blacklist*"
1) "blacklist:12:
[email protected]
- oracle正则表达式的用法
0624chenhong
oracle正则表达式
方括号表达示
方括号表达式
描述
[[:alnum:]]
字母和数字混合的字符
[[:alpha:]]
字母字符
[[:cntrl:]]
控制字符
[[:digit:]]
数字字符
[[:graph:]]
图像字符
[[:lower:]]
小写字母字符
[[:print:]]
打印字符
[[:punct:]]
标点符号字符
[[:space:]]
- 2048源码(核心算法有,缺少几个anctionbar,以后补上)
不懂事的小屁孩
2048
2048游戏基本上有四部分组成,
1:主activity,包含游戏块的16个方格,上面统计分数的模块
2:底下的gridview,监听上下左右的滑动,进行事件处理,
3:每一个卡片,里面的内容很简单,只有一个text,记录显示的数字
4:Actionbar,是游戏用重新开始,设置等功能(这个在底下可以下载的代码里面还没有实现)
写代码的流程
1:设计游戏的布局,基本是两块,上面是分
- jquery内部链式调用机理
换个号韩国红果果
JavaScriptjquery
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象(通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this(结合下面的setStyles)指向这个对象)
function create(type){
var element=document.createElement(type);
//this=element;
- 你订酒店时的每一次点击 背后都是NoSQL和云计算
蓝儿唯美
NoSQL
全球最大的在线旅游公司Expedia旗下的酒店预订公司,它运营着89个网站,跨越68个国家,三年前开始实验公有云,以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。
云端本身是用于驱动网站的部分小功能的,如搜索框的自动推荐功能,还能保证处理Hotels.com服务的季节性需求高峰整体储能。
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
- java笔记1
a-john
java
1,面向对象程序设计(Object-oriented Propramming,OOP):java就是一种面向对象程序设计。
2,对象:我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说,对象是某个类型的实例。比如狗是一个类型,哈士奇可以是狗的一个实例,也就是对象。
3,面向对象程序设计方式的特性:
3.1 万物皆为对象。
- C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点(一)
aijuans
C/C++求职面试必备考点
找工作在即,以后决定每天至少写一个知识点,主要是记录,逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益,后学幸运之至也。如有错误,还希望大家帮忙指出来。感激不尽。
后学保证每个写出来的结果都是自己在电脑上亲自跑过的,咱人笨,以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
- 程序员写代码时就不要管需求了吗?
asia007
程序员不能一味跟需求走
编程也有2年了,刚开始不懂的什么都跟需求走,需求是怎样就用代码实现就行,也不管这个需求是否合理,是否为较好的用户体验。当然刚开始编程都会这样,但是如果有了2年以上的工作经验的程序员只知道一味写代码,而不在写的过程中思考一下这个需求是否合理,那么,我想这个程序员就只能一辈写敲敲代码了。
我的技术不是很好,但是就不代
- Activity的四种启动模式
百合不是茶
android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;
启动模式xml中配置
<activity android:name=".MainActivity" android:launchMode="standard&quo
- Spring中@Autowired标签与@Resource标签的区别
bijian1013
javaspring@Resource@Autowired@Qualifier
Spring不但支持自己定义的@Autowired注解,还支持由JSR-250规范定义的几个注解,如:@Resource、 @PostConstruct及@PreDestroy。
1. @Autowired @Autowired是Spring 提供的,需导入 Package:org.springframewo
- Changes Between SOAP 1.1 and SOAP 1.2
sunjing
ChangesEnableSOAP 1.1SOAP 1.2
JAX-WS
SOAP Version 1.2 Part 0: Primer (Second Edition)
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition)
SOAP Version 1.2 Part 2: Adjuncts (Second Edition)
Which style of WSDL
- 【Hadoop二】Hadoop常用命令
bit1129
hadoop
以Hadoop运行Hadoop自带的wordcount为例,
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop,需要说明的是,这些命令的使用必须在Hadoop已经运行的情况下才能执行
Hadoop HDFS相关命令
hadoop fs -ls
列出HDFS文件系统的第一级文件和第一级
- java异常处理(初级)
白糖_
javaDAOspring虚拟机Ajax
从学习到现在从事java开发一年多了,个人觉得对java只了解皮毛,很多东西都是用到再去慢慢学习,编程真的是一项艺术,要完成一段好的代码,需要懂得很多。
最近项目经理让我负责一个组件开发,框架都由自己搭建,最让我头疼的是异常处理,我看了一些网上的源码,发现他们对异常的处理不是很重视,研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码,通过他们对异常处理的解决方案,我终
- 记录整理-工作问题
braveCS
工作
1)那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。
2)今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题,以后要是写更大的文件还是得改内存。想问题要长远啊
- org.apache.tools.zip实现文件的压缩和解压,支持中文
bylijinnan
apache
刚开始用java.util.Zip,发现不支持中文(网上有修改的方法,但比较麻烦)
后改用org.apache.tools.zip
org.apache.tools.zip的使用网上有更简单的例子
下面的程序根据实际需求,实现了压缩指定目录下指定文件的方法
import java.io.BufferedReader;
import java.io.BufferedWrit
- 读书笔记-4
chengxuyuancsdn
读书笔记
1、JSTL 核心标签库标签
2、避免SQL注入
3、字符串逆转方法
4、字符串比较compareTo
5、字符串替换replace
6、分拆字符串
1、JSTL 核心标签库标签共有13个,
学习资料:http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类:
(1)表达式控制标签:out
- [物理与电子]半导体教材的一个小问题
comsci
问题
各种模拟电子和数字电子教材中都有这个词汇-空穴
书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴
我现在回过头翻大学时候的教材,觉得这个
- Flashback Database --闪回数据库
daizj
oracle闪回数据库
Flashback 技术是以Undo segment中的内容为基础的, 因此受限于UNDO_RETENTON参数。要使用flashback 的特性,必须启用自动撤销管理表空间。
在Oracle 10g中, Flash back家族分为以下成员: Flashback Database, Flashback Drop,Flashback Query(分Flashback Query,Flashbac
- 简单排序:插入排序
dieslrae
插入排序
public void insertSort(int[] array){
int temp;
for(int i=1;i<array.length;i++){
temp = array[i];
for(int k=i-1;k>=0;k--)
- C语言学习六指针小示例、一维数组名含义,定义一个函数输出数组的内容
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int * p; //等价于 int *p 也等价于 int* p;
int i = 5;
char ch = 'A';
//p = 5; //error
//p = &ch; //error
//p = ch; //error
p = &i; //
- centos下php redis扩展的安装配置3种方法
dcj3sjt126com
redis
方法一
1.下载php redis扩展包 代码如下 复制代码
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz
2 tar -zxvf 解压压缩包,cd /扩展包 (进入扩展包然后 运行phpize 一下是我环境中phpize的目录,/usr/local/php/bin/phpize (一定要
- 线程池(Executors)
shuizhaosi888
线程池
在java类库中,任务执行的主要抽象不是Thread,而是Executor,将任务的提交过程和执行过程解耦
public interface Executor {
void execute(Runnable command);
}
public class RunMain implements Executor{
@Override
pub
- openstack 快速安装笔记
haoningabc
openstack
前提是要配置好yum源
版本icehouse,操作系统redhat6.5
最简化安装,不要cinder和swift
三个节点
172 control节点keystone glance horizon
173 compute节点nova
173 network节点neutron
control
/etc/sysctl.conf
net.ipv4.ip_forward =
- 从c面向对象的实现理解c++的对象(二)
jimmee
C++面向对象虚函数
1. 类就可以看作一个struct,类的方法,可以理解为通过函数指针的方式实现的,类对象分配内存时,只分配成员变量的,函数指针并不需要分配额外的内存保存地址。
2. c++中类的构造函数,就是进行内存分配(malloc),调用构造函数
3. c++中类的析构函数,就时回收内存(free)
4. c++是基于栈和全局数据分配内存的,如果是一个方法内创建的对象,就直接在栈上分配内存了。
专门在
- 如何让那个一个div可以拖动
lingfeng520240
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
- 第10章 高级事件(中)
onestopweb
事件
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- 计算两个经纬度之间的距离
roadrunners
计算纬度LBS经度距离
要解决这个问题的时候,到网上查了很多方案,最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。
/**
*
* @param longitudeA
* 经度A点
* @param latitudeA
* 纬度A点
* @param longitudeB
*
- 最具争议的10个Java话题
tomcat_oracle
java
1、Java8已经到来。什么!? Java8 支持lambda。哇哦,RIP Scala! 随着Java8 的发布,出现很多关于新发布的Java8是否有潜力干掉Scala的争论,最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围,但Java并非是函数式编程王位的真正觊觎者。
2、Java 9 即将到来
Oracle早在8月份就发布
- zoj 3826 Hierarchical Notation(模拟)
阿尔萨斯
rar
题目链接:zoj 3826 Hierarchical Notation
题目大意:给定一些结构体,结构体有value值和key值,Q次询问,输出每个key值对应的value值。
解题思路:思路很简单,写个类词法的递归函数,每次将key值映射成一个hash值,用map映射每个key的value起始终止位置,预处理完了查询就很简单了。 这题是最后10分钟出的,因为没有考虑value为{}的情