![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
招来红月
这个作者很懒,什么都没留下…
展开
-
输入框限制输入两位小数 输入金额限制 双向绑定输入框能继续输入但是变量的数据不变解决方案 input 保留两位小数
移动端项目 需求是 输入框只能输入1000以内的数字保留两位小数 开发中发现 用vue开发双向绑定 不管是用value还是v-model 在输入时用@input监听输入框变化 校验是否匹配 当不匹配是修改绑定的变量 inputValue时 打印inputValue符合预期 但是input输入框中还是原来输入的值 没有随inputValue这个变量进行修改。关于保留两位小数的方法也找了很多 正则验证 值了的 测试时都不是很符合预期 就自己写了一些判断 并且加上延迟赋值时不执行方法。原创 2024-01-25 21:48:07 · 306 阅读 · 0 评论 -
css计时器 animation实现计时器延时器
css计时器 animation实现计时器延时器原创 2024-01-04 22:26:55 · 662 阅读 · 0 评论 -
多级数据递归递归
js递归原创 2023-08-25 11:20:57 · 130 阅读 · 0 评论 -
获取未来时间 一年或N年
获取未来时间 一年或N年的每日时间 并可选中效果原创 2023-01-13 11:45:03 · 587 阅读 · 0 评论 -
记录 uni-app多图片(视频)上传组件封装
uni-app 多图(视频)上传原创 2022-08-06 16:52:57 · 489 阅读 · 0 评论 -
前端瀑布流 css实现 js实现
瀑布流布局 代码可当做参考 根据自己的实际状况做下修改<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg.原创 2021-11-18 15:49:06 · 195 阅读 · 0 评论 -
iframe及跨域通信postMessage()
一、window.postMessage() window.postMessage(info,origin)方法可以接受两个参数1.info:要传递的数据,可以为json格式(因为我比较喜欢json格式的)部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化2.origin:字符串参数,指明目标窗口的源,协议+主机+端...原创 2018-05-03 13:29:48 · 2965 阅读 · 0 评论 -
html,js,jq转盘抽奖
直接粘贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,i...原创 2018-03-30 14:55:09 · 467 阅读 · 0 评论 -
JQuery-ui拖拽排序思路 自定义拖拽装扮
JQuery-ui拖拽排序思路 自定义拖拽装扮原创 2020-08-04 18:00:35 · 317 阅读 · 0 评论 -
正则验证
1.验证正负小数(监听input事件及保留几位小数)if(value){ //正则验证是否为正负数 是否带小数点 let reg = /^(-){1}$|[1-9]+(.\d+)?$|^-?0(\d+)?$|^-?[1-9]+[.0-9]*(.\d+)?$/; if (!reg.test(e.target.value)) { console.log("请输入数字") }...原创 2020-03-03 12:16:46 · 113 阅读 · 0 评论 -
webpack4+react 多页面打包
此篇是看别人的博客大部分都是粘贴复制 然后自己尝试着跑一下 然后修改了部分代码 测试后运行的还不错 特此记录下目录结构(先创建好)简单说明一下 下面有代码的直接粘贴复制 有些没有代码的 这里先解释一下1.node_modules 这个文件夹没什么好说的2.src 这个文件夹里面就是我们需要写的 (1).src/component 这里一般都是方组件的 我没有写组件 所以...原创 2020-02-25 16:16:14 · 756 阅读 · 0 评论 -
webpack4搭建react环境(单页面路由)记录
一、新建文件夹 初始化项目 创建package.json文件npm init -y二、安装webpack,webpack4后需要安装webpack-cli 会生成package-lock.json文件和node_modules文件夹npm i webpack --save-devnpm i webpack-cli --save-dev安装完成后打开package.json...原创 2020-01-09 12:39:21 · 194 阅读 · 0 评论 -
纯js链式动画和同时运动
一、链式动画(下方有完整demo)/** * 链式动画 * @param{element} obj 需要动画的元素 * @param{number} target 属性值 * @param{string} attr 属性 * @param{function} fn 回调函数 */function chainAnimation(obj, target, attr, fn) {...原创 2019-11-07 17:52:17 · 173 阅读 · 0 评论 -
JS 获取屏幕,浏览器,网页高度宽度
注:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:docume...原创 2019-10-28 16:18:57 · 155 阅读 · 0 评论 -
js判断PC端或移动端
方法一:function is_Mobile() { var Arry = ["iPhone", "iPad", "Android", "Windows Phone", "BB10; Touch", "BB10; Touch", "PlayBook", "Nokia"]; var ua = navigator.userAgent; var re...原创 2019-10-28 15:11:07 · 183 阅读 · 0 评论 -
H5 pc端,移动端自定义弹窗模块思路
再一次项目中要求 在提交时 要让客户核对下信息 并且要去输入密码 然而再用模块时发现没有合适的 安卓的我们可以写 可是没人写ios 最后只有走H5 JS这条路线 因为这个不论是安卓还是ios都可用 当时我就想如果我弄一个模块 以后想用时直接引入文件就行了 不用每次都去写弹窗 那么就模块化 而且这个应该很简单 用不到什么高科技 咱们就用js就能写吧编写前先想一想 自己需要什么 需要怎么做 首...原创 2018-05-12 18:23:10 · 5999 阅读 · 3 评论 -
js 加密
此篇只是自己记录使用一、Base64 加密(源码在底部)//调用 加密 var pwd=Base64.encode('value');//解密var pwd=Base64.decode(pwd);二、md5 加密(源码在底部)//加密 var pwd=md5('value');console.log(pwd)三、sha1 加密(源码在底部)//加密va...原创 2019-04-23 09:30:07 · 840 阅读 · 0 评论 -
js常用方法
我在项目中常用的一些技js方法(因为是我自己用的所以某些方法不是很严谨 见谅 另外就是提供个参考)1.阻止事件//阻止事件冒泡function stopBubble(e) { var evt = e ? e : window.event;//如果提供了事件对象,则这是一个非IE浏览器 if (evt.stopPropagation) //因此它支...原创 2019-04-19 16:53:39 · 241 阅读 · 0 评论 -
html 页面禁止某些事件
以下方法直接写行内即可:oncontextmenu="return false;" //禁止鼠标右键点击ondragstart="return false;" //禁止鼠标拖动事件onselectstart="return <br>false;"//禁止鼠标选中文字onselect="document.selection.empty();"//禁止复制文本onmouse...原创 2019-06-26 18:31:11 · 1894 阅读 · 0 评论 -
js,jq单行文字上下滚动
js,jq单行文字上下滚动,方法记录页面布局什么没什么新奇 只要保证只显示一行文字就好 如果需要显示多行 自行设置高度,这都不重要<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta charset="UTF-8"> <meta name="...原创 2019-08-06 11:26:44 · 592 阅读 · 0 评论 -
js判断数据类型最全的5种方法
一、js数据类型number //数字 类型包含整数和浮点数string //字符串 字符串有length属性boolean //布尔值 该类型只有两个值,true和falsefunction //函数 通常是使用函数声明语法定义的object //对象 一组属性与方法的集合null //该类型被看做空对象指针,也是空的对象引用undefined //只有一个...原创 2019-08-30 17:37:17 · 1214 阅读 · 1 评论 -
js 时间操作
一、时间转换成时间戳/** * 13位时间戳 * @param{str} date不传默认获取当前时间戳 * getTimeStamp('2019/4/22 11:43:30')*/function getTimeStamp(date) { var timeStamp = date ? (new Date(date)).getTime() : (new Date()).getT...原创 2019-04-22 12:06:31 · 109 阅读 · 0 评论