logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端H5页面在真机调试查看请求接口的插件

安装:npm i vconsolenpm i vconsole然后在main.js文件添加代码:import Vconsole from 'vconsole';const VConsole = new Vconsole();// console.log(VConsole);然后运行页面就可以看到调试的小窗口了打开之后是这样的成功!...

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

这个是因为node-sass没安装好,所以要重新安装运行命令:npm install node-sass --registry=https://registry.npm.taobao.org

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

这个是因为node-sass没安装好,所以要重新安装运行命令:npm install node-sass --registry=https://registry.npm.taobao.org

修改input的光标颜色

caret-color: #333333;

正则表达式限制input输入框只能输入两个小数

<input type="number" oninput="value=value.match(/^\d+(?:\.\d{0,2})?/)"/>这样就只能输入数字,并且小数点只能输入2位

input的type为number时,maxlength失效的解决办法

<input type="number" oninput="if(value.length>30)value=value.slice(0,30)" placeholder="请输入设备编号" />利用oninput事件,这样可以限制长度

input change事件获取文件名和文件类型

<input type="file" onchange="changeMethod(this)">function changeMethod(e) {let file = e.files[0]console.log(file)let type = file.type// 获取到文件类型let name = file.name// 获取到文件...

input type=‘file’设置可以多选文件

很简单,加上multiple属性即可<input type="file" multiple >

input防止输入负数

使用replace处理一下就可以了<input type="number" oninput="value=value.replace('-', '')" />

input为file类型时,限制可选的文件类型

设置accept属性,如:<input type="file" accept=".jpg,.png,.gif" >这样设置并不能绝对的限制用户选择文件类型,只能为用户过滤掉不符合规则内的类型的文件。但是为了用户用户体验,还是设置了比较好。...

    共 59 条
  • 1
  • 2
  • 3
  • 6
  • 请选择