- uniapp多列选择器定义年月日时分秒组件
Arbort_
微信小程序js小程序
dateTimePicker.js/***自定义多列时间选择器*/functionwithData(param){returnparam{dateTime.push(current.indexOf(defaultDate[index]));});return{dateTimeArray:dateTimeArray,dateTime:dateTime}}/**格式化日期*/functiongener
- element-ui时间选择器组件及转时间戳
w_小伍
组件(这里用的ts)要获取时间戳,直接把value-format设置成timestamp,但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator';@ComponentexportdefaultclassTicDatePickerextendsVue{@Prop()privatelabel!:string;@Prop()
- 【layUI】只能选某个特定区间的日历
卡夫卡的熊kfk
layui前端javascript
要实现的功能如下:业务要求让日历只有近3天可选,其它部分变灰且不可选。代码实现在html中加入如下代码:日期:$(function(){letlaydate=layui.laydate;//日期时间选择器laydate.render({elem:'#startTime',type:"datetime",min:0,max:3});});代码块解读:1、type可选的类型有:year:年month:
- Element-UI中el-time-picker时间选择器无法选择
爱健身的小刘同学
bugElementVue系列javascript前端elementui
前言前几天开发时,在做一个时间选择时,遇到了无法选中时间的问题在网络上找了解决方法,特此记录一下解决方法我的代码结构营业时间时间选择不上的原因是因为初始值问题很有可能是最开始赋值为空数组了所以有3个解决方法1.设置为nullbusinessTimeInfo:null2.设置当前时间businessTimeInfo:[newDate(newDate()),newDate(newDate())](默认
- android 简单快速 实现滚轮控件WheelView(类似DatePicker/TimePicker)
42nf
androidWheelView时间选择器
github地址:GitHub-Bigkoo/Android-PickerView:Thisisapickerviewforandroid,supportlinkageeffect,timepickerandoptionspicker.(时间选择器、省市区三级联动)https://github.com/Bigkoo/Android-PickerView1.引用库implementation'com
- picker选择器-年月日选择
Chemo辰陌
uni-app/小程序前端javascriptvue.jsuni-app
从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。学习一下日期选择器平台差异说明日期选择默认在App端和H5端(PC版Chrome以及PC版FireFox)调用的是os的原生日期选择控件,在不同平台有不同的ui表现,当配置fields参数后使用统一的展示方式。属性说明fields有效值演示效果:完整代码
- element ui 时间选择器 开始时间 结束时间 限制 结束时间不能小于开始时间
吴小冷
开始时间(UT):结束时间(UT):exportdefault{name:"SpacePosition",data(){return{startBudgetTime:"",//预算开始时间endBudgetTime:"",//预算结束时间startDatePicker:this.beginDate(),endDatePicker:this.processDate(),};},methods:{be
- UIDatePicker
爱吃橘子的Sangti
日期选择控件,通常以UITextFiled的inputView(输入视图,默认为系统键盘(高度为216))的形式出现。inputAccessoryView键盘上面的功能条(UIToolbar类型的),上面使用的按钮要使用uibarbuttonitem类型的,图片和文字不能同时存在,只需要设置高度。日期选择器不需要设置frame,设置uidatepickermode的样式、本地化locale(用标识
- element 时间选择器的使用
Rascar
//value-format="yyyy/MM/ddHH:mm:ss"这个你想要的格式可以传给后台//format="yyyy/MM/dd"显示想要的格式
- bootstrap-datetimepicker 使用教程
JancyCC
bootstrap-datetimepicker使用教程bootstrap-datetimepicker是bootstrap的一款日期时间选择器官方文档地址:http://www.bootcss.com/p/bootstrap-datetimepicker/bootstrap-datetimepicker在网上虽然有很多教程,但很多都是无效的,所以写下了这篇文章引入css和jsjquery版本:可
- vue el-date-picker 时间选择器选择日期范围
今年不养猪只除草
vuevue.jselementui前端
el-date-picker选择日期范围这是element官网上的基础时间选择器选择时间范围默认exportdefault{data(){return{value1:'',};}};显示效果如下图属性意义v-model上面v-model="value1"意味着当前时间选择器组件和value1的值双向绑定,value1变化,这里面的值也会变化type显示类型,默认显示date,这边要选择时间范围,使
- element-ui 的时间选择器 el-date-picker 实现限制开始时间和结束时间
看庭前花开花落_望天上云卷云舒
最终实现效果:选择了开始时间,再选择结束时间的时候就不能早于开始时间;选择了结束时间,再选择开始时间的时候就不能晚于结束时间;1.png2.png实现代码:-exportdefault{data(){return{beginTime:"",endTime:"",pickerTimeBeg:{//限制开始时间disabledDate:(time)=>{if(this.endTime!=''&&thi
- ele日期时间选择器的picker-options
Coisini_754e
datePickerOptions:{disabledDate:(time)=>{letnowDate=newDate();letoneDay=1000*60*60*24;lettodayDate=newDate(newDate().getTime());todayDate.setHours(23,59,59,0);letoneMonthAgo=newDate(nowDate.getTime()-
- element-ui 修改时间选择器的样式
lulululuq
前端vuecsselementui
element-ui修改时间选择器的样式如上篇文章Vue中scoped属性相关中提到的,一般项目中如果设置了scoped属性,可以通过>>>或者/deep/来修改其他第三方组件的样式。但是elementUI的时间选择器el-date-picker是将元素直接挂载到页面的中,而非自身元素下,所以使用/deep/穿透也是无法定位到元素的。这个时候有两种思路,一是查询elementUI的配置项文档,看看
- 修改element-ui中时间选择器的样式
甜甜凉白开
前端vue.jsless
一般项目中如果设置了scoped属性,可以通过>>>或者/deep/来修改其他第三方组件的样式。但是elementUI的时间选择器el-date-picker是将元素直接挂载到页面的中,而非自身元素下,所以使用/deep/穿透也是无法定位到元素的。两种思路:一是查询elementUI的配置项文档,看看能不能将时间选择器挂载到其元素自身下面,而非中,这样就能通过>>>或者/deep/来修改其样式;二
- 安卓开发-02-基础
轩不丢
安卓开发android前端
文章目录一、基本UI组件文本类组件TextViewEditText按钮类组件普通按钮为普通按钮添加的单击事件监听器图片按钮单选按钮复选框(进行多选)日期时间类组件日期选择器时间选择器计时器二、高级UI组件进度条组件拖动条组件星级评分条图像类组件图像切换器列表类组件通用组件一、基本UI组件文本类组件TextViewEditText在编辑框内绘制图像属性通过getText()函数可以实现交互效果:按钮
- elementplus DateTimePicker 日期时间选择器如何限制时分秒最大为23:59:59
红烧咸咸鱼
element-uielementuiDateTimePicker日期时间选择器
官方有相应的方法来处理这种情况,但是注意:官方文档描述不清晰,直接用可能出现错误提示类型“string”分配给类型“Date”这种方式也是不对的,如下图:正确写法::default-time="[newDate(0,0,0,23,59,59),newDate(0,0,0,23,59,59)]"这样就可以设置时分秒最大为23:59:59,注:这是一个包含两个日期的数组,如果前一个值设置为(0,0,0
- TMAP-UI组件库开发时间选择器之table走过的弯路
_bugMaker
以下内容转载自腾讯位置服务的文章《时间选择器组件之关于table走过的弯路》作者:腾讯位置服务链接:https://segmentfault.com/a/1190000023270395来源:SegmentFault著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。为了提高开发者的研发效率,提升产品品质,我们提供一套基于饿了么UI实现的UI组件库,TMAP-UI---旨在解决的组
- element时间选择器结束时间不得小于开始时间
m0_58462450
前端javascript开发语言
js代码 pickerOptionsStart:{ disabledDate:time=>{ letendDateVal=this.form.end_time if(endDateVal){ returntime.getTime()>newDate(endDateVal).getTime() } } },
- 用ul和li模拟一个可以点击的日历
神探小白牙
javascript前端html
用ul和li模拟一个可以点击的日历,因为需求是如果某天有事件则需要自动标红,效果图如下注意!!!这处因为需要和时间选择器联动,所以把这个页面封装成一个组件,代码一二三四五六日标签创建一天-->{{dateFormat(item.day).split("-")[2]}}{{dateFormat(item.day).split("-")[2]}}-->importmomentfrom"moment";
- 18.鸿蒙HarmonyOS App(JAVA)日期选择器-时间选择器
txwtech笛克特科
harmonyos华为
18.鸿蒙HarmonyOSApp(JAVA)日期选择器-时间选择器点击button按钮触发事件显示月份与获取的时间Buttonbutton3=(Button)findComponentById(ResourceTable.Id_button3);button3.setClickedListener(newComponent.ClickedListener(){@Overridepublicvoi
- iView 中DatePicker日期选择器 v-model不生效的情况
m0_62782752
viewdesign前端javascript
场景公司项目前段使用的是iview样式库,在开发的过程中,需要使用到时间选择器使用后发现,输出的时间格式有问题,查看了需要使用到format来设置输出内容,发现不生效百度…1、百度后了解到v-model和format使用,不会生效,需要用到:@on-change与values绑定使用才可以 开始时间: 结束时间:
- uniapp使用ThorUI的tui-form-item包含tui-datetime组件,在取消事件时无限触发时间选择器的显示事件解决方案
dlchgg
uni-app
尝试了一下,我以为是冒泡:解决方案:不要用tui-form-item包含tui-datetime,丢出去放着是啥事没有具体看看啥情况:我放了一个formSbumit方法同时用了stop阻止冒泡想看看会发生什么:这个报错的源码呢是这样的:同时呢,下面的log,是上一个文章的show方法中的,也就是显示日期选择器的方法:uniapp使用ThorUI的tui-form-item和tui-datetime
- element 两个时间选择器,前后时间联动
偶头像超凶
案例.png至data(){return{value1:'',value2:'',pickerOptions:{disabledDate:this.disabledDate},pickerOptions2:{disabledDate:this.disabledDate2}}}methods:{//时间选择器第一个禁用disabledDate(time){if(this.value2){return
- android 开发 时间选择器TimePicker的使用
朝阳眯眼
javaandroidandroidjava开发语言
前言我知道现在github上有很多功能强大的各色选择器,但是Android其实是自带一些时间选择器的。在不需要太复杂的ui开发下可以选择使用这些系统自带的。android系统自带时间控件:DatePicker日期显示控件DatePickerDialog日期对话框控件TimePicker时间显示控件TimePickerDialog时间对话框控件讲解TimePicker选择器的一些自定义设置首先是布局
- iOS UIDatePicker和NSDateFormatter强制设为24小时制显示
RollingPin
iOSUIDatePickerNSDateFormatter24小时制12小时制系统设置locale
问题:UIDatePicker和NSDateFormatter默认会受到系统设置里的时间格式影响,在设置-->通用-->日期与时间-->24小时制(是个滑动开关)如果用户在这里关掉了24小时制,相应的UIDatePicker会显示三列,左侧显示上午、下午;右侧两排显示最多12小时。但我们自己的应用内大部分时间需要保持24小时制显示UI,或者解析数据,并需要不受系统设置影响;解决问题重点在于设置lo
- ElementUI 之 DatePicker 年份选择限制范围 disabledDate
火爆猪皮
需求:时间选择器,只能选择1990年-至今的年份。//dom//datadata(){return{pickerOptions:{disabledDate(time){return(time.getFullYear()newDate().getFullYear());//注意是||不是&&哦}}};},image.pngimage.png
- uniapp | 日历时间选择器,可配置选天、半天(上下午)、小时
ydongabc
uni-app
参考钉钉的交互,可配置按天、半天或者小时选择的日历时间选择器通过format配置选天或选小时通过绑定值defaultVal的isHalf配置是否为选半天(上、下午)t-picker组件模板{{checkyear}}-{{checkmonth{{checkhour{{myDefaultVal.halfDayType===0?'上午':'下午'}}确定changeSwp(e.detail.curren
- 解决element组件位置偏移 , 包含 下拉框、 级联选择器、 popover组件、时间选择器
李泽举
前端踩坑合集elementui前端vuejavascript
一Select组件下拉位置错乱在select标签里写二Popover组件位置偏移如果el-popover里面的数据是动态的,有时候会出现位置偏移不在可视区域范围内的情况,主要是popper-options这个参数要设置,还请大家看看popper.js的文档重点是:popper-options=“{boundariesElement:‘viewport’,removeOnDestroy:true}”
- Vue中使用Element ui 时间选择器限制时间选择一天
ikun在线敲打
vue.jsjavascriptelementui
Elementui时间选择器限制时间选择一天使用picker-options,代码块可见定义开始和结束时间注意,跟定义的时间一样是放到data下return里写的想限制几天就把小时改了,一天24小时两天48小时,以此类推使用picker-options,代码块可见--定义开始和结束时间starttime:this.getStartTime(),endtime:this.getNowTime(),注
- 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为{}的情