• 2024-11-12就是这个样的粗爆,手搓一个计算器:角度单位换算计算器
        作为程序员,没有合适的工具,就得手搓一个,PC端,移动端均可适用。废话不多说,直接上代码。HTML:<divclass="calculator"><labelfor="inputValue">输入角度值:</label><inputid="inputValue"type="number"placeholder="请输入数值">&
  • 2024-09-25js弹窗组件sweetalert2使用
    经常会用到sweetalert2这个弹出层组件,整理记录下。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/>&l
  • 2024-07-25点击内置变量,在文本框中插入,按下退回键或者删除键删除变量
    效果:代码:  //点击变量添加 consthandleTagClick=(param:any)=>{  constinput:any=inputRef.current.input;  if(input){   conststartPos=input.selectionStart;   constendPos=input.selectionEnd;   con
  • 2024-03-03Blazor常用事件
    一、Input事件:<h1>BindEventExample</h1><p><label>InputValue:<input@bind="InputValue"@bind:event="oninput"/></label></p><p><code>InputValue</cod
  • 2024-02-21Windows 批处理(bat) if条件判断语句使用教程
    基本描述在bat脚本中,if条件判断语句共有6种比较操作符,分别为其中,只有等于操作符可以使用符号“==”表示,其他操作符只能使用英文简写当参与比较的字符串是字符串时,将被转换为对于的ASCII码进行比较If指令基本格式指令格式为:if条件表达式(…)注意:英文缩写的比较操作符,左
  • 2024-02-02input框不允许手工输入,只允许设定好的值
    <inputtype="number"id="inputValue"value="10"min="10"max="200"step="10"onkeydown="returnfalse"onchange="updatePrice">这里重要的是onkeydown="returnfalse"这个
  • 2023-11-06Vue.js中如何将v-model与方法绑定
    在Vue.js中,可以使用v-model指令将表单元素的值与Vue实例中的数据属性进行双向绑定。如果你希望将v-model与方法绑定,可以使用计算属性或者自定义指令来实现。使用计算属性:通过定义一个计算属性来处理v-model的绑定,并在需要的时候调用方法。下面是一个示例:<template><d
  • 2023-10-24js实现在报表参数界面获取body中控件的值
     要在报表参数界面获取body中控件的值,你可以使用JavaScript来实现。下面是一个详细的介绍:1.DOM(文档对象模型):  -DOM是用于操作HTML文档的API,它允许你通过JavaScript访问和操作文档中的元素。  -在报表参数界面,你可以使用DOM来获取页面上的控件元素。2.获取控件元
  • 2023-10-21React学习笔记14-dangerousSetinnerHtml指令
    1.使用场景dangerouslySetInnerHTML指令能将字符串当做html解析相当于vue中的v-html指令一般我们用来渲染富文本返回的html文本2.使用方法{this.state.tolist.map((item,index)=>{return(<spandangerouslySetInnerHTML={{__html:item}}ke
  • 2023-09-23jQuery对输入框进行验证,只允许输入字母和数字
    使用jQuery来对这两个输入框进行验证,确保只允许输入字母和数字,不允许输入中文字符。以下是相应的示例代码:<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scriptsrc="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js&qu
  • 2023-09-16前端项目实战肆佰壹拾叁eact-admin和material ui-material ui Autocomplete之change事件
    import*asReactfrom'react';importTextFieldfrom'@mui/material/TextField';importAutocomplete,{createFilterOptions}from'@mui/material/Autocomplete';constfilter=createFilterOptions<FilmOptionType>();ex
  • 2023-09-16前端项目实战肆佰壹拾壹react-admin和material ui-material ui Autocomplete之状态改变
    import*asReactfrom'react';importTextFieldfrom'@mui/material/TextField';importAutocompletefrom'@mui/material/Autocomplete';constoptions=['Option1','Option2'];exportdefaultfunctionC
  • 2023-08-25element-ui 中 Cascader 级联选择器同时获取value值和label值
    给Cascader级联选择器添加一个别名 复制代码<el-cascader:options="options"ref="myCascader"></el-cascader>选择完毕之后可以通过别名获取 复制代码letlabelValue=this.$refs['myCascader'].inputValue当然,element-ui在一直更新变化,label值的字
  • 2023-07-25c#回车键事件
    c#回车键输入框,如果普通的不能输入就用可以设置几个false,就和普通的输入框一样了设置回车键事件当你输入的时候判断是不是回车键代码privatevoidrichTextBox1_KeyDown(objectsender,KeyEventArgse){stringinputValue=richTextBox1.Text;
  • 2023-07-16vue.js 只能输入大写字母
    如何实现Vue.js只能输入大写字母本文将向刚入行的开发者介绍如何使用Vue.js实现只允许输入大写字母的输入框效果。我们将使用Vue.js的指令和事件处理来达到这个目标。实现流程下面是实现该功能的步骤,我们将逐一介绍每个步骤的实现细节。步骤描述1.创建Vue
  • 2023-05-08vue+element输入框校验输入汉字再输入数字看似正常,实则有大问题,保存时数据不对
    在vue+elementUI项目中经常会使用到输入框限制为整数或者小数的需求,一般采用如下oninput="value=value.replace(/[^0-9.]/g,'')"解决,<el-input    :placeholder="请输入整数或者小数"    v-model="inputValue"   oninput="value=value.replace(/[^0-9
  • 2023-03-21php数组,输入一个值,并返回比他小的值
    functionfindClosestSmallerValue($array,$inputValue){$minDifference=PHP_INT_MAX;$closestValue=null;foreach($arraya
  • 2023-02-09P09:列表数据化、列表添加数据
    React16基础​​阐述​​​​让列表数据化​​​​增加服务选项​​​​解决key值错误​​​​预览​​阐述有了上节课的基础,这节课终于可以添加服务,为所欲为了,随意增加你
  • 2022-12-30vue 中图片上传
    <template><div><h1>展示的内容:{{meg}}</h1><inputtype="text"v-model="inputValue"@keyup.enter="fn"/><hr/><imgwidth="200":src="img
  • 2022-11-22C# .NET 操作Windows hosts
    C#.NET操作Windowshosts 工具类HostsUtil:usingSystem;usingSystem.IO;usingSystem.Text;namespaceCommonUtils{publicstaticclassHostsUtil
  • 2022-10-29vue3 基础-API-案例-ToDoList
    前面几篇我们介绍了compostionAPI的一些基础用法,如setup,ref,reactive,toRefs,toRef,context等.本篇呢找了一个经典的TodoList小案例来进行强化和巩固最
  • 2022-08-22vue3 学习-初识体验-常见指令v-for和v-model
    继续通过小案例来体验一些常用的指令,以经典的todolist进行展示.首先呢通过v-for指令进行dom循环.v-for通常是在循环dom的编写的同时遍历数据进行填充.<!DOCTYPEht