- 使用datepicker和uploadify的冲突解决(IE双击才能打开附件上传对话框)
zhanglb12
在开发的过程当中,IE的兼容无疑是我们的一块绊脚石,在我们使用的如期的datepicker插件和使用上传附件的uploadify插件的时候,两者就产生冲突,只要点击过时间的插件,uploadify上传框要双才能打开ie浏览器提示错误Missinginstancedataforthisdatepicker解决方案//if(.browser.msie&&'9.0'===.browser.version
- React Native Date Picker 使用教程
喻季福
ReactNativeDatePicker使用教程react-native-date-pickerReactNativeDatePickerisdatetimepickerforAndroidandiOS.Itincludesdate,timeanddatetimepickermodes.Thedatepickeriscustomizableandissupportingdifferentlang
- JS操作dom修改Element中DatePicker的数据
冰眸js
javascript前端html
letstart=document.querySelector('input[placeholder="请选择开始日期"]');start.value='2024-04-25'start.dispatchEvent(newEvent('input'))varenterKeyEvent=newKeyboardEvent('keydown',{key:'Enter',code:'Enter',keyC
- element-ui时间选择器组件及转时间戳
w_小伍
组件(这里用的ts)要获取时间戳,直接把value-format设置成timestamp,但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator';@ComponentexportdefaultclassTicDatePickerextendsVue{@Prop()privatelabel!:string;@Prop()
- Element中DatePicker日期选择器跨度只能选一年如何实现?
Jolly_zhang
Vue2javascriptvue.js前端es6
只需要给标签加上pickerOptions,当前时间日期选择器特有的选项参考下表//方法一:时间跨度为之前一年pickerOptions:{disabledDate:()=>false,onPick:({maxDate,minDate})=>{if(minDate&&!maxDate){constoneYear=365*24*60*60*1000;this.pickerOptions.disabl
- android 简单快速 实现滚轮控件WheelView(类似DatePicker/TimePicker)
42nf
androidWheelView时间选择器
github地址:GitHub-Bigkoo/Android-PickerView:Thisisapickerviewforandroid,supportlinkageeffect,timepickerandoptionspicker.(时间选择器、省市区三级联动)https://github.com/Bigkoo/Android-PickerView1.引用库implementation'com
- autocomplete 完成功能
曾经也是个少年
链接定义和用法autocomplete属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。注释:autocomplete属性适用于,以及下面的类型:text,search,url,telephone,email,password,datepickers,range以及color。提示:在某些浏
- xaml内容控件
A_nanda
wpf
Window:WPF窗口UserControl:用户控件Page:页Frame:用来浏览Page页Border:嵌套控件,提供边框和背景。Button:按钮控件Calendar:日历、挂历CheckBox:多选控件ComboBox:下拉控件ContentControl:内容控件,可以用于加载自定义UserControl控件DataGrid:数据列表控件DatePicker:日期选择器Documen
- element ui 时间选择器 开始时间 结束时间 限制 结束时间不能小于开始时间
吴小冷
开始时间(UT):结束时间(UT):exportdefault{name:"SpacePosition",data(){return{startBudgetTime:"",//预算开始时间endBudgetTime:"",//预算结束时间startDatePicker:this.beginDate(),endDatePicker:this.processDate(),};},methods:{be
- Day9 : 做個DatePicker (三) - 事件
YNC再寫一篇
點擊input展開收起日曆的事件css的部分將日曆設定為絕對定位、預設不顯示並增加一個class並設定顯示(由js控制)。將日曆設定為絕對定位、假設這是一個之後會被幾個頁面運用的套件,頁面結構有可能會變動,因此在點開日曆前計算位置。.ync-datepicker-wrapper{width:240px;font-size:16px;box-shadow:0px1px2px2pxrgba(0,0,0
- Element UI DatePicker 监听年月切换并获取变更
需求:在每切换一次年月时根据当前展示的日期调用接口获取数据,判断当月的每一天是否有活动,将有活动的日期进行特殊标记。如下图,有活动的日期需加红色标记。最简单的方式是直接查询所有的数据,进行匹配展示就行。但是考虑到数据量可能有点大,因此最好只查询当前月的数据就好。因此需要监听年月切换并获取变更。查看DatePicker日期选择器相关api没有月份切换的相关事件,只有选择值切换了才会触发change事
- UIDatePicker
爱吃橘子的Sangti
日期选择控件,通常以UITextFiled的inputView(输入视图,默认为系统键盘(高度为216))的形式出现。inputAccessoryView键盘上面的功能条(UIToolbar类型的),上面使用的按钮要使用uibarbuttonitem类型的,图片和文字不能同时存在,只需要设置高度。日期选择器不需要设置frame,设置uidatepickermode的样式、本地化locale(用标识
- oss对象存储(图片上传) + react -antd文件上传
看不起的笨小孩
react.jsjavascript前端
前端:主要依赖:yarnaddantd-img-crop--save(其实就是一个图片裁剪的依赖不需要图片裁剪可以不用)importReact,{Component}from"react";importLayoutfrom"antd/es/layout";import{Input,Radio,DatePicker,Form,Button,Select,Table,Modal,Upload}from
- antd 日期选择框增加季度预设范围
Shellphon
烂笔头前端javascript开发语言
测试同学说想要有个季度的预设选择框,方便快速选择季度的开始和结束日期。antd的rangepicker是支持预设的日期选择框DatePicker-AntDesign实现方法很简单,按照官网示例用moment初始化一下即可获取当前一季度的开始日期时间:moment().quarter(1).startOf('quarter')constseasons={};Array(4).fill(1).map(
- 扩展鸿蒙ArkUI日期组件
diygwcom
华为鸿蒙arkuiarktsArkUI
鸿蒙ArkUI日期组件使用的是DatePickerDialog.show基础上扩展的表单式输入组件,方便在输入日期方式快速使用及复用。/***日期*/@ComponentexportdefaultstructDiygwDate{//绑定的值@Link@Watch('onValue')value:string;//隐藏值@StatevalueField:string='value';//显示值@St
- datapicker option日期区间
Mr_Laoyu
一、uxsolutionsgithub:https://github.com/uxsolutions/bootstrap-datepickerdoc:https://bootstrap-datepicker.readthedocs.io/en/stable/index.htmlI18N:要引入语言包$('#datetimepicker1').datepicker({format:"yyyy-mm-
- Android原生日期选择器DatePickerDialog使用
秃头程序媛
嘻嘻嘻,安卓菜鸡弟弟想弄一个日期选择器,奈何点击显示的时间总是1900年,还有一开始选择日期的时候,选择当天以外的时间格式就会不统一,在此记录一下自己的错误!直接贴上正确的代码!要特别注意一点就是,系统默认的月份是0开始的,所以一定要加1。红色部分是设置DatePickerDialog默认当前显示的时间蓝色是选择日期后显示出来的文字绿色是对日期选择后进行统一格式展示当然也可以用SimpleDate
- iview DatePicker 日期选择组件在弹窗中使用transfer,导致选择日期弹窗会关闭的问题
笋笋~
viewdesign
背景:在弹窗里面使用日期选择组件,选择组件的面板被弹窗遮挡了部分,所以需要使用transfer属性,但是使用之后组件面板插入body中了,面板的事件会导致弹窗关闭。解决方案:添加上transfer属性和指定的date-picker样式名在合适的时机中,通过指定的样式名给日期选择组件的选择面板绑定事件进行阻止冒泡dateStopEvent(){this.$nextTick(()=>{try{cons
- element DatePicker 日期选择器 Picker Options 设置节假日 workday
一碗米粉的故事
PickerOptions设置cellClassName思路后台返回日期集合根据业务需求加上相应className在style里给className写上具体样式即可
- datePicker 年与日一组 时间一组
高乔人
importimport"NSDate+Extension.h"NS_ASSUME_NONNULL_BEGIN@interfaceLYXHWDatePickerView:UIViewtypedefvoid(^cancelActioBlock)(void);@property(nonatomic,retain)NSDate*minLimitDate;//限制最小时间(默认今天)@property(w
- 关于element-ui日期选择器时间范围的限制
OceanStarrySky
前端问题总结(个人)html5前端elementuitypescript
关于element-UI的日期选择器,一般来说有两种样什的:地址:DatePicker日期选择器|ElementPlus一种是单纯的选择一个日期;二是在一个选择器里同时起始开始日期和结束日期。本片文章主要记录一下我自己的用法,方便以后温故知新。主要怕忘记。首先一点,我在开发中用到的需要两个日期组成一个时间段。而官方文档中有现成的可用,不过有时候在一个选择器里同时选择两个日期不能够很好的满足引用需求
- 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件
自动化新人
开发语言
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、DatePicker组件日期选择器组件,用于根据指定日期范围创建日期滑动选择器。子组件无。接口DatePicker(options?:{start?:Date,end?:Date,selected
- 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件
亚丁号
harmonyos
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、DatePicker组件日期选择器组件,用于根据指定日期范围创建日期滑动选择器。子组件无。接口DatePicker(options?:{start?:Date,end?:Date,selected
- 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件
记忆的小河
开发语言
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之DatePicker组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、DatePicker组件日期选择器组件,用于根据指定日期范围创建日期滑动选择器。子组件无。接口DatePicker(options?:{start?:Date,end?:Date,selected
- 鸿蒙开发(ArkUI)—分析DatePicker组件
爱桥代码的程序媛
鸿蒙harmonyos华为鸿蒙开发Androidjavaopenharmony鸿蒙系统
一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、DatePicker组件日期选择器组件,用于根据指定日期范围创建日期滑动选择器。子组件无。接口DatePicker(options?:{start?:Date,end?:Date,selected?:Date})根据指定范围的Date创建可以选择日期的滑动选择器。构造参数属
- 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()-
- 微信小程序 - 使用npm
闲逛的一鱼竿
步骤:1.开启“使用npm模块”;2.新建node_modules文件夹3.cd到新建node_modules所在的目录(非node_modules文件夹内)npminstallminiprogram-datepicker--productionnpminit4.开启npm构建5.构建完成后,会在node_modules文件夹所在目录生成,在index.json里面导入组件即可使用了
- js - - - - - 网站添加中英文切换对网站页面的影响
Dark_programmer
js前端
继【js-----如何给自己的网站添加中英文切换(多语言也可)】文章对页面进行翻译之后,对于遇到的问题进行记录1.问题一:datepicker组件value值问题正常展示效果如下⬇️翻译之后的效果如下⬇️可以发现a标签内部发生了变化!!!
- 时间和百分比的计算
-Se7ven
//js中DatePicker组件禁止选择今天之前的时间DatePicker中增加方法点击事件:disabledDate={this.disabledStartDate}方法写法一://禁止今天之前的时间不能选择disabledStartDate=(current)=>{returncurrent{returncurrentlistString=Arrays.asList(date.split("
- 第九节HarmonyOS 常用基础组件15-DatePickerl
yyxhzdm
harmonyosopenHarmony前端
1、描述日期选择组件,用于根据指定日期范围创建日期滑动选择器。2、接口DatePicker(options:{start?:Date,end?:Date,selected?:Date})3、参数参数名参数类型必填描述startDate否指定选择器的开始日期。默认值:Date(‘1970--1-1’)endDate否指定选择器结束日期。默认值:Date(‘2100--12-31’)selectedD
- 强大的销售团队背后 竟然是大数据分析的身影
蓝儿唯美
数据分析
Mark Roberge是HubSpot的首席财务官,在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。
大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面,以重组弱点,增强优势。
Mark Roberge是美国HubSpot公司的首席财务官,HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
- Haproxy+Keepalived高可用双机单活
bylijinnan
负载均衡keepalivedhaproxy高可用
我们的应用MyApp不支持集群,但要求双机单活(两台机器:master和slave):
1.正常情况下,只有master启动MyApp并提供服务
2.当master发生故障时,slave自动启动本机的MyApp,同时虚拟IP漂移至slave,保持对外提供服务的IP和端口不变
F5据说也能满足上面的需求,但F5的通常用法都是双机双活,单活的话还没研究过
服务器资源
10.7
- eclipse编辑器中文乱码问题解决
0624chenhong
eclipse乱码
使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题,Eclipse提供了灵活的设置文件编码格式的选项,我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式:Workspace、Project、Content Type、File
本文以Eclipse 3.3(英文)为例加以说明:
1. 设置Workspace的编码格式:
Windows-&g
- 基础篇--resources资源
不懂事的小屁孩
android
最近一直在做java开发,偶尔敲点android代码,突然发现有些基础给忘记了,今天用半天时间温顾一下resources的资源。
String.xml 字符串资源 涉及国际化问题
http://www.2cto.com/kf/201302/190394.html
string-array
- 接上篇补上window平台自动上传证书文件的批处理问卷
酷的飞上天空
window
@echo off
: host=服务器证书域名或ip,需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称
set host=localhost
set ou=localhost
set o=localhost
set password=123456
set validity=3650
set salias=s
- 企业物联网大潮涌动:如何做好准备?
蓝儿唯美
企业
物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。
尽管物联网(IoT)还很新,企业架构师现在也应该为一个连接更加紧密的未来做好计划,而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域,而是哪些地方物联网没有在企业推进,” Gartner研究总监Mike Walker说。
Gartner预测到2020年物联网设备安装量将达260亿,这些设备在全
- spring学习——数据库(mybatis持久化框架配置)
a-john
mybatis
Spring提供了一组数据访问框架,集成了多种数据访问技术。无论是JDBC,iBATIS(mybatis)还是Hibernate,Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。
mybatis是一种Spring持久化框架,要使用mybatis,就要做好相应的配置:
1,配置数据源。有很多数据源可以选择,如:DBCP,JDBC,aliba
- Java静态代理、动态代理实例
aijuans
Java静态代理
采用Java代理模式,代理类通过调用委托类对象的方法,来提供特定的服务。委托类需要实现一个业务接口,代理类返回委托类的实例接口对象。
按照代理类的创建时期,可以分为:静态代理和动态代理。
所谓静态代理: 指程序员创建好代理类,编译时直接生成代理类的字节码文件。
所谓动态代理: 在程序运行时,通过反射机制动态生成代理类。
一、静态代理类实例:
1、Serivce.ja
- Struts1与Struts2的12点区别
asia007
Struts1与Struts2
1) 在Action实现类方面的对比:Struts 1要求Action类继承一个抽象基类;Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口,也可以实现其他接口,使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的,只有一个包含execute方法的P
- 初学者要多看看帮助文档 不要用js来写Jquery的代码
百合不是茶
jqueryjs
解析json数据的时候需要将解析的数据写到文本框中, 出现了用js来写Jquery代码的问题;
1, JQuery的赋值 有问题
代码如下: data.username 表示的是: 网易
$("#use
- 经理怎么和员工搞好关系和信任
bijian1013
团队项目管理管理
产品经理应该有坚实的专业基础,这里的基础包括产品方向和产品策略的把握,包括设计,也包括对技术的理解和见识,对运营和市场的敏感,以及良好的沟通和协作能力。换言之,既然是产品经理,整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂,如何让人信服?如何让自己懂?就是不断学习,不仅仅从书本中,更从平时和各种角色的沟通
- 如何为rich:tree不同类型节点设置右键菜单
sunjing
contextMenutreeRichfaces
组合使用target和targetSelector就可以啦,如下: <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}"
selectionChangeListener=&qu
- 【Redis二】Redis2.8.17搭建主从复制环境
bit1129
redis
开始使用Redis2.8.17
Redis第一篇在Redis2.4.5上搭建主从复制环境,对它的主从复制的工作机制,真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的,Redis到了2.4.5这个版本,主从复制还做成那样,Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果,这次在Unbuntu上用官方支持的版本。 Ubuntu上安装Red
- JSONObject转换JSON--将Date转换为指定格式
白糖_
JSONObject
项目中,经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串,而JavaBean的属性有时候会有java.util.Date这个类型的时间对象,这时JSONObject默认会将Date属性转换成这样的格式:
{"nanos":0,"time":-27076233600000,
- JavaScript语言精粹读书笔记
braveCS
JavaScript
【经典用法】:
//①定义新方法
Function .prototype.method=function(name, func){
this.prototype[name]=func;
return this;
}
//②给Object增加一个create方法,这个方法创建一个使用原对
- 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出
bylijinnan
编程之美
import java.util.LinkedList;
public class FindInteger {
/**
* 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出
* 题目:任意给定一个正整数N,求一个最小的正整数M(M>1),使得N*M的十进制表示形式里只含有1和0
*
* 假设当前正在搜索由0,1组成的K位十进制数
- 读书笔记
chengxuyuancsdn
读书笔记
1、Struts访问资源
2、把静态参数传递给一个动作
3、<result>type属性
4、s:iterator、s:if c:forEach
5、StringBuilder和StringBuffer
6、spring配置拦截器
1、访问资源
(1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
- [通讯与电力]光网城市建设的一些问题
comsci
问题
信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系
我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........
 
- oracle 空间RESUMABLE
daizj
oracle空间不足RESUMABLE错误挂起
空间RESUMABLE操作 转
Oracle从9i开始引入这个功能,当出现空间不足等相关的错误时,Oracle可以不是马上返回错误信息,并回滚当前的操作,而是将操作挂起,直到挂起时间超过RESUMABLE TIMEOUT,或者空间不足的错误被解决。
这一篇简单介绍空间RESUMABLE的例子。
第一次碰到这个特性是在一次安装9i数据库的过程中,在利用D
- 重构第一次写的线程池
dieslrae
线程池 python
最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类.
1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法
#!/usr/bin/env python
# -*- coding:utf8 -*-
- C语言学习六指针
dcj3sjt126com
c
初识指针,简单示例程序:
/*
指针就是地址,地址就是指针
地址就是内存单元的编号
指针变量是存放地址的变量
指针和指针变量是两个不同的概念
但是要注意: 通常我们叙述时会把指针变量简称为指针,实际它们含义并不一样
*/
# include <stdio.h>
int main(void)
{
int * p; // p是变量的名字, int *
- yii2 beforeSave afterSave beforeDelete
dcj3sjt126com
delete
public function afterSave($insert, $changedAttributes)
{
parent::afterSave($insert, $changedAttributes);
if($insert) {
//这里是新增数据
} else {
//这里是更新数据
}
}
 
- timertask
shuizhaosi888
timertask
java.util.Timer timer = new java.util.Timer(true);
// true 说明这个timer以daemon方式运行(优先级低,
// 程序结束timer也自动结束),注意,javax.swing
// 包中也有一个Timer类,如果import中用到swing包,
// 要注意名字的冲突。
TimerTask task = new
- Spring Security(13)——session管理
234390216
sessionSpring Security攻击保护超时
session管理
目录
1.1 检测session超时
1.2 concurrency-control
1.3 session 固定攻击保护
 
- 公司项目NODEJS实践0.3[ mongo / session ...]
逐行分析JS源代码
mongodbsessionnodejs
http://www.upopen.cn
一、前言
书接上回,我们搭建了WEB服务端路由、模板等功能,完成了register 通过ajax与后端的通信,今天主要完成数据与mongodb的存取,实现注册 / 登录 /
- pojo.vo.po.domain区别
LiaoJuncai
javaVOPOJOjavabeandomain
POJO = "Plain Old Java Object",是MartinFowler等发明的一个术语,用来表示普通的Java对象,不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色,也不实现任何特殊的Java框架的接口如,EJB, JDBC等等。
即POJO是一个简单的普通的Java对象,它包含业务逻辑
- Windows Error Code
OhMyCC
windows
0 操作成功完成.
1 功能错误.
2 系统找不到指定的文件.
3 系统找不到指定的路径.
4 系统无法打开文件.
5 拒绝访问.
6 句柄无效.
7 存储控制块被损坏.
8 存储空间不足, 无法处理此命令.
9 存储控制块地址无效.
10 环境错误.
11 试图加载格式错误的程序.
12 访问码无效.
13 数据无效.
14 存储器不足, 无法完成此操作.
15 系
- 在storm集群环境下发布Topology
roadrunners
集群stormtopologyspoutbolt
storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中,通过storm的管理命令来发布和管理集群中的topology。
1、打包
打包插件是使用maven提供的maven-shade-plugin,详细见maven-shade-plugin。
<plugin>
<groupId>org.apache.maven.
- 为什么不允许代码里出现“魔数”
tomcat_oracle
java
在一个新项目中,我最先做的事情之一,就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范,以及避免通过静态代码分析就能够检测到的bug。 迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告,除了-1、0、1和2。 很多开发者在这个检查方面都有问题,这可以从结果
- zoj 3511 Cake Robbery(线段树)
阿尔萨斯
线段树
题目链接:zoj 3511 Cake Robbery
题目大意:就是有一个N边形的蛋糕,切M刀,从中挑选一块边数最多的,保证没有两条边重叠。
解题思路:有多少个顶点即为有多少条边,所以直接按照切刀切掉点的个数排序,然后用线段树维护剩下的还有哪些点。
#include <cstdio>
#include <cstring>
#include <vector&