js
北方的木
看了不是你的,看懂了才是你的!
展开
-
js将字符串转换为对象
字符串格式这样方法eval("(" + data + “)”);原创 2021-06-22 10:53:21 · 1349 阅读 · 0 评论 -
template的用法示例
需要引用template.min.jsjquery-1.9.1.min.js<form id="form1" runat="server"> <div id="Wizard_tpl"> <div class="demo1"> <p>这是一个顶部</p> </div> <div class="unionDEmo"> {原创 2021-06-21 17:46:51 · 304 阅读 · 0 评论 -
siblings的用法
siblings() 方法返回被选元素的所有同级元素。场景例子 //切换视图过滤 $(".stateArea-row>div").on("click", function () { if ($(this).is(".this_selected")) { $(".stateArea-row>div").removeClass("this_selected"); } else { $(".stateArea-原创 2021-06-18 11:11:58 · 2726 阅读 · 0 评论 -
js根据id进入全屏和退出全屏
// 进入全屏ns.enterFullScreen = function () { var element = document.getElementById("wrapper"); if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) {//火狐 element.mozRequestFullScre转载 2021-06-15 09:26:31 · 389 阅读 · 1 评论 -
echarts的关系图的demo
效果图如下demo代码<!DOCTYPE html><html><head> <meta charset="utf-8" /> <script type="text/javascript" src="/jquery/echarts.js"></script></head><body> <form id="form1" runat="server">原创 2021-04-15 15:25:20 · 1219 阅读 · 0 评论 -
js版本号_踩坑_修改js后需要ctrl+f5清空缓存才行的解决办法
可以在js后面加个参数,用于表示版本号<script src="/_base/js/login.js?ver=202104021427"></script>有什么用呢客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。...原创 2021-04-02 14:36:20 · 928 阅读 · 0 评论 -
flex响应式布局简单demo
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <style> .demo1 { width: 100%; height: 20vh;/*vh等同于%,又不同于%,vh是相对当前屏幕*/.原创 2021-03-17 14:19:22 · 273 阅读 · 0 评论 -
swiper实现图片轮播demo
效果展示代码CDN模式可以直接复制就能用,本地用的话还是下swiper.min.js和swiper.min.css<!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> <style>原创 2021-03-16 18:09:17 · 1221 阅读 · 0 评论 -
js多选图片上传预览
显示效果 <style type="text/css"> .div-a { float: left; padding-bottom: 10px; } .div-b { float: right; padding-bottom: 10px; } .uploader-pick { border原创 2021-03-10 10:48:17 · 401 阅读 · 0 评论 -
js单个图片上传预览
<input type="file" onchange="showImg(this,'img')" accept="image/*" /><img id="img" style="width:100%;height: 100%;padding:1px;" src="null"/><script type="text/javascript"> //上传图片后立即预览 file对象,图片容器id function showImg(fileObj, imgI原创 2021-03-10 09:49:48 · 156 阅读 · 0 评论 -
js中判断一个字符串能否转换成一个数字类型
用Number(字符串)如果不是就会返回NaN if (Number(字符串).toString() == "NaN") { }原创 2021-03-08 14:50:41 · 2436 阅读 · 0 评论 -
js对树结构做循环查询
实现效果根据查询条件查询出如果子级存在符合条件的带出对应父级,如果父级存在符合条件查询出对应的全部子级。循环定义 ///value:输入搜索框的值 ///arr:需要查询的树结构 ///field:需要查询的字段 function rebuildData(value, arr, field) { var newarr = []; // 函数成员单独混入 //_.each是封装后foreacher //要使用的话改成这种 fo原创 2021-02-02 09:49:03 · 895 阅读 · 0 评论 -
Js中的深浅拷贝
如何区分深拷贝与浅拷贝,简单点来说:就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝。浅拷贝:给对象拷贝一份新的对象。浅拷贝的定义 —— 只对值类型(或string)类型分配新的内存地址。深拷贝:给对象拷贝一份全新的对象。深拷贝的定义 —— 对值类型分配新的内存地址,引用类型、以及引用类型的内部字段分配的新的地址。简单说:浅拷贝,换汤不换药。js 中 浅拷贝var test1 = Object.assign({}, ‘对象’);原创 2021-02-02 09:20:58 · 83 阅读 · 0 评论 -
时间戳校验并发问题
使用场景:作用于并发校验前端js根据主键请求后台获取到数据的修改时间,跟js获取列表的时间进行对比 appService.GetModifiedTime(oid).then(function (result) {//后端请求得到的时间 var time = e.selected[0].ModifiedTime;//前端列表的时间这个时候可以调试得出时间格式不对 time = time.getFullYear() + '/' + (time.getMonth() + 1) + '/原创 2020-12-24 16:31:20 · 2027 阅读 · 1 评论 -
js常见变量命名示例
ch 表示单个字符,str 表示字符串, n 代表次数, reg 表示正则, expr 表示表达式,lens 表示数组长度, count 表示数量, p 表示数据的精度, q 表示查询(query),src 表示数据源(source),no 表示数字(number), rate 表示比率, status 表示状态, bool 表示布尔值,arr 表示数组值, obj 表示对象值, x 和 y 表示坐标两轴, func 表示函数, ua表示User Agent, size原创 2020-12-22 16:11:06 · 1748 阅读 · 0 评论 -
js获取时间后转换为指定格式字符串
实现效果"2020/5/13 下午5:10:56"转换为"202051351056"var oDate = new Date();var nowTime = oDate.toLocaleString(); //格式:"2020/5/13 下午5:10:56"var datetime = nowTime.substring(0,10)+nowTime.substring(12);//截取日期时分秒格式:"2020/5/13 5:10:56"//var localTime= oDate.getTi..原创 2020-05-13 17:14:38 · 1546 阅读 · 0 评论 -
js中元素的新增和移除
html按钮绑定事件<button onclick="addElenemt('test1')">添加元素</button><button onclick="removeAll()">删除全部</button>js先判断有没有id为testdiv的元素,没有就创建并新增,有就不创建div元素了,移除直接移除div,代码复制即用function...原创 2019-08-26 17:49:01 · 2059 阅读 · 0 评论