![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生js
weixin_43939111
这个作者很懒,什么都没留下…
展开
-
vue实现html内容下载为pdf文件
html2canvas:通过获取HTML的某个元素,然后生成Canvas,能让用户保存为图片。jspdf:基于HTML5的客户端解决方案,用于生成各种用途的 PDF 文档。转载 2023-03-10 10:34:05 · 688 阅读 · 0 评论 -
vue简单侧边栏封装+模拟侧边栏标签淡入淡出
点击标签跳转到对应页面,当然用router-link和router-view可以实现。这里用其他方法来模拟侧边导航栏点击后淡入淡出。原创 2023-01-09 15:49:56 · 374 阅读 · 0 评论 -
bootstrap校验laydate起止日期联动失效
项目中用到bootstrapValidator,以及laydate(by:贤心,插件效果美观)。项目表单中,有两处需要联动校验:开始日期,结束日期。规则:两项必填,开始日期不能晚于结束日期。原创 2023-01-05 15:18:09 · 440 阅读 · 4 评论 -
el-select下拉选择缓存
el-select下拉多选原创 2022-06-28 13:55:04 · 996 阅读 · 0 评论 -
js对以下结构数组处理时遇到的问题(arr:[{class:“a“,team:“hero“,member:[{name:“Tom“,hobby:[“读书“,“看报“]}]}],...])
记录一次处理合并数据原创 2022-06-24 11:49:51 · 67 阅读 · 0 评论 -
vue中click防抖
初学自己写的小案例,未封装!!!介意的请看别人封装好的<template> <div class="count"> <span>{{pageIndex}}</span> <span class="add" @click="add">+</span> </div></template><script>export default { name:"Count", d原创 2022-02-22 09:19:40 · 1208 阅读 · 0 评论 -
vue在data中定义变量后依旧报undefined
之前跑的好好项目突然data中报undefined,在mounted打印也出不来。最后排查,还是个人粗心问题:变量太多,自己多加变量时忘了赋值,导致整个运行报错。data(){ return { a:"信息1", b:"信息2", c }},mounted(){ console.log(this.a)//undefined}如上代码,虽然我在末尾加变量,es6语法会默认c为c:c,在编译器里认通过。但是,c没有初始值卡住之后会影响其他data变量的获取,打印a、b的值都是un原创 2022-02-17 10:44:41 · 3205 阅读 · 0 评论 -
better-scroll
快捷入口demodocument转载 2022-01-11 11:00:50 · 52 阅读 · 0 评论 -
a标签判断后确定是否跳转
举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <a id="a1" href="http://www.baidu.com">点击跳转</a> <script> let flag原创 2021-12-01 10:50:18 · 2651 阅读 · 0 评论 -
jquery弹窗组件修改(踩坑记录)
目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录 事情是这样se儿的,之前用vue打包好的项目被嫌弃占内存偏大,要求用原生js重新编写页面,然后就开启了与jq斗智斗勇的过程。其中,用到与el-ui中this.$confirm与this.$notify相似的弹框组件,下面放两张图感受一原创 2021-11-10 09:11:37 · 1589 阅读 · 0 评论 -
递归、迭代示例
一、迭代 let iterVal = 0; function iterSum(n){ for(let i=n;i>0;i--){ iterVal = iterVal + i; } return iterVal } console.log(iterSum(5)) //15二、递归 let sumVal2 = 0; function mySum2(n){//递归 if(n<0)retu原创 2021-11-09 11:29:55 · 997 阅读 · 0 评论 -
一篇文章阐述Http、Socket、WebSocket之间联系与区别(转载)
我觉得这篇文章写的很好,收藏一下。作者是博客园的aspirantHttp、Socket、WebSocket之间联系与区别转载 2021-11-03 15:08:16 · 51 阅读 · 0 评论 -
ajax使用getJSON时错误抛出方法
function name() { $.getJSON("",function(d) { alert("success"); }).done(function(d) { alert("done"); }).fail(function(d) { alert("error"); }).always(function(d)转载 2021-09-22 14:42:27 · 478 阅读 · 0 评论 -
使用multitabs.js实现只点击侧边菜单项刷新,点击顶部页面标签不刷新修改方法
v3版本:1、如果你没有动过multitabs.js源码,找到342行、350行、357行即可。//342行源码: self._fillTabPane($tabPane, navTabParam);原基础上多加参数,改成如下:self._fillTabPane($tabPane, navTabParam, navTab);//350行源码: _fillTabPane: function (tabPane, param) {原基础上多加参数,改成如下:_fillTabPane: function (原创 2021-08-26 10:57:41 · 1116 阅读 · 0 评论 -
bootstrap-editable表格编辑弹框无效
根据大牛的博客,使用editable插件实现bootstrapTable单元格现场修改数据的功能,然后报了个很奇怪的错误。先步骤回顾,解决方法在最后:一、引入的关键文件:jquery.jsbootstrap.cssbootstrap.jsbootstrap-table.css(绘制表格使用)bootstrap-table.js(绘制表格使用)bootstrap-editable.css(单元格编辑使用)bootstrap-editable.js(单元格编辑使用)bootstrap-tab原创 2021-08-17 15:18:29 · 1371 阅读 · 0 评论 -
利用a标签实现多文件下载
html部分<button id="dow_log" type="button" class="btn btn-primary btn-md btn2-style">下载</button>js部分javascript var urls = ['http://127.0.0.2/link_json/0.json','http://127.0.0.2/link_json/1.json','http://127.0.0.2/link_json/2.json'] var b原创 2021-07-07 14:03:33 · 1283 阅读 · 1 评论 -
对json数据使用多次转化
灵感来源于设计要求前端在页面展示一段json串,要求显示效果和在编译器里写json数据一样美观(有换行和对齐),可后台发过来的json字符串和对象不定,偶然发现还有这样子的转换结果: var str='{"a":"1","b":"2"}' console.log(JSON.stringify(str)) console.log(JSON.stringify(str,null,4)) console.log(JSON.parse(JSON.stringify(str,null,4))) c原创 2021-05-17 14:59:26 · 888 阅读 · 0 评论 -
(js)小端存储情况下日期转化为字符串
小端存储是低位在前高位在后,以下是一个小端存储案例比如后台接口传过这样一组字符串:let devTime = "e5 07 00 00 03 00 00 00 10 00 00 00 09 00 00 00 22 00 00 00 0f 00 00 00"小端存储方式,数据低位存放在内存低位,每4个为一组,倒着读:e5 07 00 00 //年:小端读7E5 转换为十进制是202103 00 00 00 //月:小端读03 转换为十进制是310 00 00 00 //日:小端读10原创 2021-04-27 16:29:32 · 88 阅读 · 0 评论 -
关于label和input嵌套问题
label有一个辅助功能,那就是for属性绑定对应的值可以快速定位到对应的input。首先来看一下label的for绑定的值:<label for="agree1">合同1</label><input type="checkbox" value="合同1" id="agree1">以上效果是:点击“合同1”三个字,可以实现复选框的选中与取消,而不是特意点击到复选方框才能切换选中状态。可以看出for绑定的值是input的id。其实,如果dom元素的id名称不和原创 2021-04-26 17:23:15 · 1546 阅读 · 0 评论 -
正则校验1-65535整数
正则校验1-65535的表达式:/^([1-9](\d{0,3}))$|^([1-5]\d{4})$|^(6[0-4]\d{3})$|^(65[0-4]\d{2})$|^(655[0-2]\d)$|^(6553[0-5])$/复制测试:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width原创 2021-04-07 16:34:42 · 2369 阅读 · 0 评论 -
js对文件操作
纯js实现zip打包文件并下载转载 2021-03-26 14:24:29 · 87 阅读 · 0 评论 -
前端获取后台json数据丢失
使用ajax获取接口数据,在控制台response处看到的和我用代码在完成接口调用后打印出的数据不一样。如下图:很奇怪接口传的Device数组有值,但代码打印出来Device却是一个空数组,除Device外其他数据都正常。受一位大神启发对复杂数据接收应用深拷贝,不能直接“=”赋值,于是我尝试了Object.assign还有JSON.parse(JSON.stringify()),但是,转之后打印的仍然是空数组!将第二种方法直接放入console.log(…)却可以看到Device里有数据let re原创 2021-03-17 15:38:57 · 923 阅读 · 0 评论 -
函数柯里化
https://www.jianshu.com/p/2975c25e4d71转载 2021-03-16 16:58:45 · 46 阅读 · 0 评论 -
js将字符转化二进制十六进制
一、普通字符转二进制:var code = "a"var rs = code.charCodeAt() //获得"a"在ASCII表中对应的十进制整数,console.log(rs)//97二、二进制转十六进制var code = 97var rs1 = code.toString(16) //获得97对应的十六进制整数console.log(rs1)//61补充:普通字符转十六进制连写consle.log("a".charCodeAt().toString(16))三、十六进制转二进原创 2021-03-15 15:16:39 · 1458 阅读 · 0 评论 -
PC端窗口缩放时处理方法
pc端web页面开发时windows系统经常推荐用户使用125%、150%比例的缩放窗口,解决方法https://my.oschina.net/huashijun/blog/4672587转载 2021-03-10 17:17:15 · 653 阅读 · 0 评论 -
jq根据数据选中指定项
$('#alarm_dn_action option').each(function(){$(this).attr("selected",false);}) $('#alarm_dn_action').find("option[value="+formStr.lower_limit_action+"]").prop("selected",true);原创 2021-03-04 09:49:23 · 94 阅读 · 1 评论 -
踩坑,jq获取下拉框值做关联
设计的要求总是在变,今天又告诉我加了好几个关联,其中用到两个下拉框中的值相互影响。需求:在所有表单项空白的前提下,选择一个输入框,另一个输入框自动选中对应的值,比如中国—北京,美国—纽约,jq获取select选中值与input一样,都是$(元素).val(),坑就出现在这里。<input type="text" id="myInfo"><select id="mySele"> <option value="1">第一</option> <op原创 2021-02-07 14:39:31 · 112 阅读 · 0 评论 -
正则匹配-100到100(纯整数或至多两位小数校验)
-100到100纯整数校验:/^([-]?([1-9][0-9]?)|0|100)$/-100到100至多保留两位小数校验:/^(([-]?[1-9][0-9]?(\.\d{1,2})?)|([-]0(\.\d{1,2}))|^(0(\.\d{1,2})?)|100(\.[0]{1,2})?|([-]100(\.[0]{1,2})?))$/以下代码可直接复制到编辑器测试:<!DOCTYPE html><html lang="en"><head>.原创 2021-02-04 16:25:49 · 2484 阅读 · 0 评论 -
for...in与for...of
for…in可遍历对象和数组,for…of遍历数组 var obj = {"name":"Amy","age":"18"} var arr = [11,22,33] for(obItem in obj){ console.log(obItem+":"+obj[obItem]) } console.log("========") for(index in arr){原创 2021-02-03 14:59:05 · 36 阅读 · 0 评论 -
原生js获取单选、输入框信息
一、表单输入框与单选值获取直接通过form中属性name值获取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty原创 2021-02-02 14:52:06 · 665 阅读 · 0 评论 -
ES6之Array.from()方法
转载于https://www.cnblogs.com/jf-67/p/8440758.htmlArray.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4}let arr = Array转载 2021-01-25 15:36:58 · 128 阅读 · 0 评论 -
前端一个实用的库
https://www.bootcdn.cn/转载 2021-01-25 14:51:54 · 39 阅读 · 0 评论 -
jq监听select值踩坑
$("#wNoSelect").change(()=>{ console.log($(this).get(0))//指向window console.log($(this).val())//报错jquery-3.2.0.min.js:4 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined }) $("#wNoSelect").change(function(){ cons...原创 2021-01-20 11:43:48 · 424 阅读 · 1 评论 -
for in遍历对象和数组,for of只能遍历数组
var aa = [5,6,7]for(item in aa){ console.log(item) //输出三个索引0,1,2}console.log("==========")var bb = {a:'11',b:'22',c:'33'}for(item in bb){ console.log(item) //输出bb中的三个属性名a,b,c console.log(bb[item])//输出bb中三个属性的值:11,22,33}...原创 2021-01-20 09:23:48 · 343 阅读 · 0 评论 -
前端将时间戳转化为日期格式
function (data) { var date = new Date(data) var Y = date.getFullYear() + '-' var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-' var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) +.转载 2021-01-14 16:42:07 · 688 阅读 · 0 评论 -
bootstrap输入框取消之前输入消息提示
在input里添加属性autocomplete=“off”注意:①是off不是false!!!②如果autocomplete的值为on,在下拉提示中选择内容填入后,输入框背景色会变成淡蓝色,直接键盘输入则还是白色原创 2021-01-08 15:29:31 · 603 阅读 · 0 评论 -
循环函数return可以缺省
最近在学习es6写法的时候,发现教程使用类似map,findIndex等**有返回值的循环函数**时没有给条件语句加return var arr = [11,22,33,44] //var ob = arr.some(item=>{return item>25})//正确 var ob = arr.some(item=>{item>25})//也正确 //检查数组是否有大于25的数 console...原创 2020-12-10 14:18:18 · 250 阅读 · 0 评论 -
JS全局
JavaScript 全局属性和方法可用于创建Javascript对象。JavaScript 全局属性属性 描述Infinity 代表正的无穷大的数值。NaN 指示某个值是不是数字值。undefined 指示未定义的值。JavaScript 全局函数函数 描述decodeURI() 解码某个编码的 URI。decodeURIComponen() 解码一个编码的 URI 组件。encodeURI() 把字符串编码为 URI。encodeURIComponen() 把字符串编码为 URI转载 2020-12-02 09:42:46 · 460 阅读 · 0 评论 -
ES6解构
ES6解构 var obj = {a:"1",b:"2"} const {a,b}=obj console.log(a)//1 console.log(b)//2 var obj = {a:"1",b:"2"} const {c,b}=obj console.log(c)//undef原创 2020-12-01 15:13:28 · 99 阅读 · 0 评论 -
前端编写ip地址输入框
前端编写ip地址输入框项目需要临时写的,没有用到兼容性方面的知识,代码已整理好,可直接运行看效果。本人小白一枚,有不足的地方请指正<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2020-10-21 14:40:26 · 1226 阅读 · 1 评论