688IT编程网

688IT编程网是一个知识领域值得信赖的科普知识平台

只能

input输入框限制中文汉字只能输入20个字符,英文10个字符!

2024-01-11 09:17:18

input输⼊框限制中⽂汉字只能输⼊20个字符,英⽂10个字符!iput输⼊框限制中⽂汉字只能输⼊10个字符,英⽂20个字符!产品提了⼀个需求,要求输⼊框输⼊汉字的时候只能输⼊10个汉字 英⽂的话只能输⼊20个,当时不知道怎么做,后来通过百度查到了答案。@input绑定limitLength⽅法limitLength(e) {let value = e.detail.valueconst spl...

HTML中限制input输入框输入内容

2024-01-11 09:16:07

HTML中限制input输⼊框输⼊内容限制 input 输⼊框只能输⼊纯数字1、onkeyup = "place(/[^\d]/g,'')"使⽤ onkeyup 事件,有 bug ,那就是在中⽂输⼊法状态下,输⼊汉字之后直接回车,会直接输⼊字母2、onchange = "place(/[^\d]/g,'')"使⽤ onchange 事件,在输...

JS通过正则限制input输入框只能输入整数、小数(金额或者现金)两位小数...

2024-01-11 09:14:09

JS通过正则限制input输⼊框只能输⼊整数、⼩数(⾦额或者现⾦)两位⼩数第⼀:限制只能是整数<input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />如果不是整数就直接alert第⼆:限制是两位的⼩...

vue3自定义指令,限制输入框输入特殊字符的指令

2024-01-11 09:13:46

vue3自定义指令,限制输入框输入特殊字符的指令在Vue3中,自定义指令是一种非常强大的工具,它允许我们以更灵活的方式处理DOM。今天,我们将创建一个自定义指令,用于限制输入框只能输入特定字符。在这个例子中,我们将限制输入框只能输入字母和数字。一、创建自定义指令1. 在Vue3项目中,打开一个新的组件文件(例如`custom-directive.vue`),并在文件顶部添加以下指令定义:```ja...

vue中PDF实现在线浏览,禁止下载,打印

2024-01-11 01:56:10

vue中PDF实现在线浏览,禁⽌下载,打印需求:在线浏览pdf⽂件,并且禁⽌掉⽤户下载打印的效果。分析:普通的iframe、embed标签都只能实现在线浏览pdf的功能,⽆法禁⽌掉⼯具栏的下载打印功能。只能尝试使⽤插件,pdfobject.js这个插件可以实现功能,⽽且操作简单,但是兼容性不好,不兼容⽕狐、ie浏览器。于是替换成pdf.js实现:因为不想在服务器放太多东西,所以引⽤pdf后的⽅法都...

字符串数组转成list的三种方案

2024-01-10 23:20:39

字符串数组转成list的三种⽅案str = "google";//第⼀种:将字符串⽤split转成String数组,⽤Collections的addAll⽅法添加全部元素到list;String[] arr = str.split("");ArrayList<String> list3 = new ArrayList<String>();Collections.addAll...

【已解决】IDEA查看源码只能看到接口定义的解决方法

2024-01-10 22:07:05

【已解决】IDEA查看源码只能看到接⼝定义的解决⽅法【已解决】IDEA查看源码只能看到接⼝定义的解决⽅法Problem DescriptionCtrl+⿏标点击进⼊不了源码界⾯,只能看到def ⽅法名:返回值=xx:xx的样式,按照⽹上的解决⽅法,都指向了同⼀种解决⽅法,如下图所⽰idea debugProblem Reason没有Attached Source。Problem Solutions...

IDEA使用-Debug回到上一步

2024-01-10 21:45:24

IDEA使⽤-Debug回到上⼀步该技巧适⽤于⽅法嵌套⽐较多的场景。项⽬进⼊断电,由于⼈为原因断点过去了,想回过头看看刚才的变量值,如果不知道该技巧,只能再跑⼀遍。idea debug如上图:⽅法1 调⽤了⽅法2 ,在⽅法1 跳过去之后点击图⽰红框按钮,断电⼜奇迹般的回到了⽅法1 中。注:若回跳到test⽅法中,那么i 的值依然是 99,但是重新回到⽅法1 中,i 就变成了 100继续了之前的值。...

HTML学习资料 caption

2024-01-10 19:33:33

HTML <caption> 标签定义和用法:html学多久caption 元素定义表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。实例<table border="1">  <caption>Monthly savings</caption>  <...

学医救不了中国人原文

2024-01-10 19:30:05

学医救不了中国人原文这段故事出自鲁迅的《藤野先生》。《藤野先生》是现代文学家鲁迅于1926年在厦门大学时所写的一篇回忆性散文。这篇散文作者通过对留学日本生活时的回忆,以深切怀念之情,热烈赞颂藤野先生辛勤治学、诲人不倦的精神及其严谨踏实的作风,特别是他对中国人民的诚挚的友谊;同时,也表现了作者强烈的爱国主义思想以及同帝国主义势力斗争的战斗精神。html学多久鲁迅弃医从文的故事大家一定无人不知,无人不...

html中用户名首位为字母,HTML输入名称与id

2024-01-10 18:54:24

html中⽤户名⾸位为字母,HTML输⼊名称与idname属性⽤于向例如Web服务器投递。id主要⽤于CSS(和javascript)。假设您有这样的设置:为了在提交表单时使⽤PHP获取值,它将使⽤name-属性,如下所⽰:$_POST["message_name"];正如前⾯所说,id⽤于样式设置,⽤于当您想要使⽤特定的CSS时。#message_idhtmlbutton属性{backgroun...

css33d画梯形,CSS3绘制梯形或平行四边形,一个矩形边

2024-01-10 11:30:55

css33d画梯形,CSS3绘制梯形或平⾏四边形,⼀个矩形边我尝试仅使⽤CSS3创建关注图⽚:CSS.pgram {width: 150px;height: 100px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;border: 1p...

cython编译Python为c语言

2024-01-10 07:33:11

cython编译Python为c语⾔第⼀种办法:执⾏命令:cython test.py结果:会在同⼀⽬录下⾯⽣成test.c⽂件执⾏命令: gcc -c -fPIC -I /usr/include/python2.7 test.c结果:在同⼀⽬录下⾯⽣成test.o⽂件执⾏命令: gcc -shared test.o -c test.so结果:在同⼀⽬录下⾯⽣成test.so⽂件最后,⽣成的tes...

网页背景图片自动适应窗口大小的代码

2024-01-10 05:45:45

⽹页背景图⽚⾃动适应窗⼝⼤⼩的代码前⼏天在做⼀个⽹页想把⼀个分辨率⽐较⼤的⼀个背景图⽚⾃动适应窗⼝⼤⼩,但是⽹上搜了下⼤都是使⽤JS控制⽹页背景随窗⼝⼤⼩⾃动适应的,⽽且⼤都效果不理想,最后终于到了⼀个简单的办法本来是想看看css能不能实现背景图⽚⾃动适应窗⼝的的,但是可惜的是在CSS2中,背景图的⼤⼩在样式中css简单网页代码是不可控的,⽐如要想使得背景图填充满某个区域,你要么重新做张⼤点的图...

css统一input样式

2024-01-10 04:31:35

css统一input样式1.用css的expression判断表达式input{background-color:pe=="text"?'#FFC':'');}优点:简单缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个,下面的会将上面的覆盖掉2.用css中的type选择...

android单选按钮实现只能选一个,如何实现android中三个单选按钮横向排列...

2024-01-10 04:29:36

android单选按钮实现只能选⼀个,如何实现android中三个单选按钮横向排列且只能选。。。textstyleandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="@dimen/row_item_margin">android:id="@+id/tv...

uniapp根据后台返回数据,循环展示echarts

2024-01-10 04:28:04

uniapp根据后台返回数据,循环展⽰echarts备注:开始⽤了Ucharts --样式还可以,但是根据业务需要根据不同选择时间返回的数据条数不定,需要加横向滚动条,Ucharts加完后,页⾯Ucharts区块不能竖向滚动了,加了Ucharts,也没解决竖向滚动问题,过段放弃Ucharts,开始了echarts的进坑之旅。采⽤的是echarts-renderjs 插件取模计算的⽅式来定义需要显...

页面导入样式文件的四种方式link和@import的区别

2024-01-10 04:18:14

页⾯导⼊样式⽂件的四种⽅式link和@import的区别⼀、导⼊样式⽂件的四种⽅式1.内嵌样式()<body><div ></div></body>2.内部样式表(页⾯<head>区⾥放置<style></style>)<head><style type="text/css">div{}&l...

MaterialDesign实现之主题使用Theme

2024-01-10 01:56:35

MaterialDesign实现之主题使⽤ThemeMaterial Design 是Google在Android L推出来的⼀套新的设计规范,有着鲜明的⾊彩,极致的⽤户体验,酷炫的动画。本系例将带给⼤家⼀套完整的Material实现⽅案。预计本系例将覆盖以下⼏个主题:1.MaterialDesign主题的使⽤2.Toolbar的应⽤,及其菜单动画3.属性动画的基本介绍(基础)4.Transiti...

display的常用属性

2024-01-10 01:41:24

display的常⽤属性display的属性值display所有的取值在下图中:常⽤的⼏种取值margin属性怎么用1. display:none此元素不会被显⽰,并且不占据页⾯空间与visibility:hidden的区别hidden占实际空间,其后的元素仍在该有的位置,⽽none后的元素占none原有的位置2. display:block块级元素,会独占⼀⾏块级元素的特点(1) 每个块级元素都...

htmlspan设置外边距,行内元素内外边距探究:为何span设置上下margin和

2024-01-10 00:31:02

htmlspan设置外边距,⾏内元素内外边距探究:为何span设置上下margin和pad。。。⼀直以为⾏内元素设置内外边距会不起效,之前也没有具体的去实验,只是在需要设置 margin 或者 padding 的时候给元素设置⼀个display: inline-block; 就得了。今天正好有时间,就来实验了⼀把。原来 span 标签默认的不是只能设置左右边距,还有更有意思的现象。我给 span...

Css里的box-shadow的值分别代表什么

2024-01-09 20:18:51

Css⾥的box-shadow的值分别代表什么以下为例:box-shadow:1px 2px 3px 4px color inset;1px:表⽰沿x轴的正⽅向的长度(如果是负数,则为沿x轴的负⽅向的长度);box shadow怎么设置2px:表⽰沿y轴的正⽅向的长度(如果是负数,则为沿y轴的负⽅向的长度);3px:表⽰阴影的模糊度,并且只能为正数;4px:表⽰阴影的扩展半径;color:表⽰阴影...

C语言程序的设计_第3章练习题

2024-01-09 17:00:47

continue语句执行过程一、单项选择题题目1若 x 的值为 15,则执行 “ if(x>10) x++; else x--;”语句后,x的值为()。a.14b.15c.10d.16题目2若x的值为-10 ,贝V执行“ if(!x) x++; else x--; ”语句后,x的值为(    )a.-9b.-11c.-10d.0题目3若x的值为10,则执行“ switch...

JS限制输入框input输入的数据类型

2024-01-09 14:37:38

JS限制输⼊框input输⼊的数据类型限制input输⼊类型(多种⽅法实现)限制input输⼊类型在⽇常⼯作中很常见,各种各样,不过也⼤同⼩异,本⽂整理了⼀些1.只能输⼊和粘贴汉字<input onkeyup="place(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',cli...

uni-app简单版自定义tabbar

2024-01-09 12:09:47

uni-app简单版⾃定义tabbar最近在⽤uni-app,因为功能需要只能采⽤⾃定义tabbar,插件市场了很多都不符合⾃⼰的要求,只能⾃⼰简单开发⼀版了编写组件在components⽂件夹下新增tabbar.vue<template><view><view class="tabbar-box" ><view class="tabbar-list-b...

AntDesignPro4.0学习记录(二)富文本编辑器

2024-01-09 11:48:40

AntDesignPro4.0学习记录(⼆)富⽂本编辑器⼆富⽂本编辑器虽然⽹上有不少关于富⽂本编辑器的⽂章,但是针对react的富⽂本编辑器的介绍确实不够详细。⽽我要在ant design pro的使⽤富⽂本编辑的案例也不是很多。在ant design⾥有推荐的有react-quill braft-editor,此⼆款虽然有点先天优势,但我⽬前的⽔平还不太够驾驭。没办法只能再寻他款,我把⽬光投向...

关于不同浏览器对JS的支持与区别

2024-01-09 07:12:40

首先,要用JS区别不同的浏览器。至于浏览器的支持效果,只能由经验与资料去判断了,并无一定标准。而且同一浏览器不同版本也会有所区别。/***DreamCore - JsLib/AgentDate : Dec 09, 2006Copyright: DreamSoft Co.,Ltd.Mail : Dream@Dreamsoft.CaAuthor : EgmaxBrowser : IE5.0+,Fire...

关于使用WSL2作为开发环境的测试及感受

2024-01-09 04:52:10

关于使⽤WSL2作为开发环境的测试及感受前⾔我是做PHP开发的, ⼀直以来使⽤的都是wamp这种环境来做开发, 后来⼀些经⼿的项⽬, 有些使⽤swoole的 , 不⽤linux真的是不⾏, 最初是直接在测试服务器上在线编辑调试, 但是这有多痛苦只有在线编辑过的⼈才能深有体会.后来, 为了线下开发调试, 我使⽤了WSL, 安装使⽤都是很OK的, 既然linux有了, 那上个宝塔岂不是更⽅便? 所以我...

oraclenumber数据类型的精度

2024-01-08 22:03:46

oraclenumber数据类型的精度1、number(p,s)p: 1---38s: -84---127a、s > 0 (精确到⼩数点右边 s 位,并四舍五⼊ 。然后检验有效数位是否 <= p)例如:number(5,2) 有效数字最多是5位,保留⼩数点后2位;123.45  --  123.45123    --  123.001...

ORACLE函数TO_CHAR以及数字转换格式

2024-01-08 21:27:24

本函数把参数N转为一个VARCHAR2类型的数值。N可以是NUMBER,BINARY_FLOAT,或者BINARY_DOUBLE。如果不带格式,那么函数会把N转换为足以表示N的VARCHAR2字符串。格式表参考:序号格式  简例  说明 1  ,(逗号)  '9999,999' 逗号,一般以千分位出现,作为分组符号使用.如果需要您也可以当作是十分位,百分位出...

最新文章