js
关于js
空&白
这个作者很懒,什么都没留下…
展开
-
倒计时demo
/ 如果活动未结束,对时间进行处理。// 活动已结束,全部设置为'00'// 对结束时间进行处理渲染到页面。// 获取天、时、分、秒。原创 2024-10-30 14:29:33 · 676 阅读 · 0 评论 -
input输入整数不超过n位数
input设置了maxlength=7,那么整数位+小数位是可以;但是如果全都是整数,那么就是9999999,超过了需求。因为maxlength的长度包括了小数点和小数后的2位小数。思路:把整个数字拆成整数部分和小数部分,小数部分不做处理,处理整数部分,整数长度超过4的话,就切割掉只保留前4个数字。需求:input最多可以输入9999.99,整数不能超过万,小数保留2位。原创 2024-06-26 16:14:07 · 274 阅读 · 0 评论 -
input正则只能输入小数点后2位
【代码】input正则只能输入小数点后2位。原创 2024-06-06 16:33:14 · 429 阅读 · 0 评论 -
canvas解决字体默认是系统设置字体
如果手机设置了非默认字体,例如行体宋体钢笔等等字体,在用canvas的时候会把系统的字体默认到里面去,这个时候为了做统一,统一成初始系统字体。不知道为啥,设置成Arial和sans-serif都不行。原创 2024-05-21 15:18:44 · 569 阅读 · 0 评论 -
用try...catch进行判断
在写一些提交数据的判断上,有时候会写下面的ifelse的判断方法,少一点还好,多的话就很难受也不好看。上面只是一些简单的判空,要加其他条件比如字符串长度不能超过x位啥的,emm,后面有遇到在加上去。原创 2024-03-15 18:44:59 · 407 阅读 · 0 评论 -
解决canvas裁剪图片iphone不能裁剪问题
上面的代码在开发者和安卓手机上可以实现,但是在iphone上,图片没有被裁剪成圆形。canvas绘制一个圆,并且在圆上绘制一个图片,裁剪该图片(就是把图片裁剪成圆)。原创 2024-02-23 13:32:52 · 503 阅读 · 0 评论 -
js判断数组中对象是否存在某个值
js判断数组中对象是否存在某个值原创 2024-02-21 17:48:31 · 500 阅读 · 0 评论 -
js数组针对某个对象做去重
数组针对某个对象做去重原创 2024-02-21 15:28:06 · 359 阅读 · 0 评论 -
js对象合并
【代码】js对象合并。原创 2023-11-15 15:50:02 · 73 阅读 · 0 评论 -
其他时区的时间转换成当前时区的时间
项目用的是uview,所以在接收到时间戳还要在转换成年月日格式,这个就在外面去操作,写在convertTureTime里还要好多判断。例子:项目获取到的时间在东二区,用户在东八区,那么要把东二区的时间转换成东八区的时间。原创 2023-08-04 14:17:55 · 245 阅读 · 0 评论 -
使用html2canvas将html生成canvas图片
使用html2canvas将html生成canvas图片原创 2020-05-08 11:21:53 · 974 阅读 · 1 评论 -
记录用户上次看视频的进度,并且从记录的时间继续观看
记录用户上次看视频的进度,并且从记录的时间继续观看原创 2023-03-13 17:22:04 · 6628 阅读 · 1 评论 -
vue图片上传到oss
vue图片上传到oss原创 2023-03-06 17:05:08 · 616 阅读 · 0 评论 -
生成随机uuid
生成随机uuid原创 2023-03-06 16:51:01 · 281 阅读 · 0 评论 -
日期格式化.js
日期格式化.js原创 2023-03-06 16:18:50 · 64 阅读 · 0 评论 -
ant、element-ui表单数组里每一个item进行验证
ant、element-ui表单数组里每一个item进行验证原创 2023-03-03 17:49:40 · 173 阅读 · 0 评论 -
根据时间整合数据
根据时间整合数据原创 2023-03-03 17:09:08 · 58 阅读 · 0 评论 -
处理手机号隔开
处理手机号隔开 例如12345678900 => 123 4567 8900原创 2023-03-03 16:58:34 · 112 阅读 · 0 评论 -
手机号隐藏中间4位数
手机号隐藏中间4位数原创 2023-03-03 16:57:31 · 367 阅读 · 0 评论 -
js数值过长替换单位
数值过长替换单位原创 2023-02-01 10:43:27 · 194 阅读 · 0 评论 -
http请求封装
http请求封装原创 2023-02-01 10:38:55 · 197 阅读 · 0 评论 -
js精度3.0
js精度3.0原创 2023-02-01 10:13:05 · 108 阅读 · 0 评论 -
css制作序列帧动画
css制作序列帧动画原创 2022-09-08 10:49:34 · 1540 阅读 · 1 评论 -
js精度2.0
文章链接先贴出来:https://www.jianshu.com/p/c3374517b976?tdsourcetag=s_pcqq_aiomsgjs版(function(){ function mathService(){ this.add=function(a,b){ var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0转载 2022-03-01 11:28:04 · 127 阅读 · 0 评论 -
js精度问题
前端项目运用到运算,有时候会出现精度丢失问题,在网上找到一位大佬的解决办法(https://www.npmjs.com/package/number-precision/v/1.0.0),然后稍微的翻译下(小声bb)。特别说明:如果有侵权,请联系删除,谢谢!有2个不懂的,查了下,带网址:Number.MAX_SAFE_INTEGER:常量表示在 JavaScript 中最大的安全整数Number.MIN_SAFE_INTEGER:代表在 JavaScript中最小的安全的integer型数字fun原创 2021-08-04 15:24:58 · 294 阅读 · 0 评论 -
一些用过的方法
首先说明下,这些是在“web开发前端”公众号里看到的,(是一个很优质的公众号,大家可以去关注学习一下)并且根据自身的项目经历整理出来的。/*1.如果数组所有元素满足函数条件,则返回true。调用时,如果省略第二个参数,则默认传递布尔值*//*1.1 js版*/const all = (arr, fn = Boolean) => arr.every(fn);let all1=all([4, 2, 3], x => x > 10); let all2=all([1, 2, 3]);原创 2021-03-01 17:29:07 · 79 阅读 · 0 评论 -
js排序集合
arr1(arr) { const len = arr.length; for (let i = 0; i < len - 1; i++) { for (let j = i + 1; j < len; j++) { if (arr[j] < arr[i]) { [arr[j], arr[i]] = [arr[i], arr[j]]; } } } return arr;},arr2(arr) { const le原创 2021-02-26 16:10:36 · 1012 阅读 · 0 评论 -
js 点击按钮复制、粘贴文本
先上大佬链接使用select()可以将文本复制到剪切板,但是只能在input和textarea有用,其他标签就不好用,先放在input和textarea上的使用方法<input type="text" name="" value="123" id="input"><script>//jq写法$("#input").select() document.execCo...原创 2019-12-16 14:18:38 · 653 阅读 · 0 评论 -
监听input输入框键盘输入的方法
html<div class="div1"> <input type="text" placeholder="输入姓名" maxlength="5" class="inputName"></div>js$(".div1").bind('input propertychange', function () { //js操作});input每输入...翻译 2019-07-22 14:42:33 · 1726 阅读 · 0 评论 -
点击遮罩层内容区域以外的区域,关闭遮罩层
html<div class="div1"> <dl class="div2"> 内容... </dl></div>css.div1{ position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.3); z-index: ...翻译 2019-07-22 14:36:37 · 1929 阅读 · 0 评论 -
输入框输入验证码
html<div class="inputYZM"> <input type="tel" class="inputPhone" maxlength="1" name="code" pattern="[0-9]*" onkeyup="value=value.replace(/[^\d]/g,'')"> <input type="tel" class="input...翻译 2019-07-22 14:29:32 · 1553 阅读 · 0 评论 -
js判断手机号码是否正确格式
function phone(TEL) { var strTemp = /^1[3|4|5|6|7|8|9][0-9]{9}$/; if (strTemp.test(TEL)) { return true; } return false; } if (fucCheckTEL(inputPho)...原创 2019-07-22 11:49:54 · 9932 阅读 · 0 评论 -
webpack4的学习笔记
1、 node.js的安装搭建(这个自行百度),查看node是否安装成功命令:node -v2、 安装webpack(这里是淘宝镜像命令)npm install -g cnpm --registry=https://registry.npm.taobao.org 查看webpack是否安装成功命令:webpack -v打包过程:1、 用命令切换到要打包的项目下,打包命令 npx web...原创 2019-05-09 17:57:59 · 205 阅读 · 0 评论 -
快速留言
点击右侧快速留言内容即添加到富文本中,也可自己留言// 一个快速留言框,右侧有快速留言的内容,判断不重复var arrs=[];$(".quick_message ul li").click(function(){ var textarea=document.getElementById("textarea"); //留言的富文本 var tt=$(this).html(...原创 2019-10-17 11:39:02 · 106 阅读 · 0 评论 -
vue-i18n.js在h5中的使用
说明:该文章描述的是vue-i18n.min.js(多语言切换)在apicloud中的使用,基于vue.js第一步 引入js需要引入的js有<script type="text/javascript" src="./script/vue.js"></script><script type="text/javascript" src="./script/vue...原创 2020-01-11 14:07:02 · 1533 阅读 · 1 评论 -
pc链接在移动端上访问,跳转为移动端链接;反之
pc的链接在移动端上访问,让该链接转换为移动端的链接(非响应式布局)<script type="text/javascript"> if (/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Do...原创 2019-04-16 11:23:21 · 2955 阅读 · 1 评论 -
工作上的一些js内容
//修改input的placeholder内容document.getElementById("J_wkitTextarea").setAttribute("placeholder","您的聊天次数不够")//禁用inputdocument.getElementById("J_wkitTextarea").disabled="true"//取消的话disabled=“”空 取消禁用in.原创 2019-04-16 11:38:57 · 168 阅读 · 0 评论 -
工作上使用过的一些正则
.replace(/[^0-9]/ig,""); //把不是数字类型的给删除,在拼接成数字.replace(/(^\s*)|(\s*$)/g, ''); //去除空格;onkeyup="value=value.replace(/[^\d]/g,'')" // input输入框只能输入数字onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|...原创 2019-04-16 11:27:09 · 116 阅读 · 0 评论 -
ES6学习笔记
//es6 字符串的开头、末尾查找,重复输出,向前、后添加字符串str.endsWith(&amp;quot;xxx&amp;quot;)//在str的末尾查找xxxstr.startsWith(&amp;quot;xxx&amp;quot;)//在str的开头查找xxxstr.includes(&amp;quot;xxx&amp;quot;) //在str中查找xxx,有就返回true,没有就返回原创 2019-04-16 11:40:48 · 87 阅读 · 0 评论 -
个人整理的原生js图片轮播
个人整理的原生js图片轮播翻译 2019-02-20 22:16:47 · 245 阅读 · 0 评论