![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
火火火火_Shy
这个作者很懒,什么都没留下…
展开
-
js实现页面打印部分内容功能
<div class="scanCodeDiv" id="forPrint"> <img src="../../../assets/image/scanCodeDivBg.png"> <div class="scanCodeDivDes"> <h2>请下载车企智链APP</h2> <h2>扫码接单</h2> <div class="scanCo.原创 2021-01-27 17:45:55 · 287 阅读 · 0 评论 -
Object.assign()不兼容的解决方法
解决方案: 将上面代码复制到公共方法里直接调用if(typeof Object.assign != 'function') { (function() { Object.assign = function(target) { 'use strict'; if(target === undefined || target === null) { throw new TypeError('Canno..原创 2020-09-27 15:42:26 · 910 阅读 · 0 评论 -
vue实现星级评估价(app)
html:<div class="evaStar"> <ul class="star"> <li v-for="(itemClass,index) in itemClasses" :class="itemClass" class="evaluateIcon" @click="stars(index)" track-by="index"></li><!--性能优化 track-by 数据不改变时不会重新渲染-->原创 2020-08-31 11:01:11 · 213 阅读 · 0 评论 -
适配当前浏览器,js判断当前浏览器
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf("Opera") > -1;//判断是否Opera浏览器if (isOpera) { alert("Opera");};//判断是否Firefox浏览器if (userAgent.indexOf("Firefox") > -1) { alert("FF");} //判断是否Chrome浏.原创 2020-07-13 11:16:00 · 345 阅读 · 0 评论 -
js String对象基础方法的用处
1.replace()方法replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。orgStr.replace(findStr, replaceStr) orgStr.replace(new RegExp(findStr, 'g'), replaceStr)string str =“12333”string end =str.replace(3,"2") //替换其中一个数 结果:12233string end =str.r...原创 2020-07-10 17:11:11 · 148 阅读 · 0 评论 -
HTML页面加载loading
开源地址:https://github.com/joaopereirawd/fakeLoader.js使用教程:1.引入css和js备注:fakeLoader.min.js必须放在jq之后2.body结束标签之前加入<script> $(document).ready(function(){ $.fakeLoader({ timeToHide:1200, //关闭的时间 zIndex:999, // De原创 2020-07-10 11:17:36 · 882 阅读 · 0 评论 -
单选框、复选框点击添加相应样式(自定义背景图片)
图片是雪碧图(未选中,选中,鼠标移上去的样式)css:.billSelectIpt { font-size:14px; color:rgba(51,51,51,1);}.billSelectIpt input[type='radio']+label { margin: 4px 5px -2px 0; background: url(../images/billRadioIcons.png) 0 0 no-repeat; cursor: pointer;原创 2020-06-10 10:58:37 · 805 阅读 · 0 评论 -
Js实现将html页面自动截图下载
css:<style> * { margin: 0; } .test { width: 300px; height: 100px; text-align: center; line-height: 100px; background-color: #87CEEB; display: inline-block; vertical-alig原创 2020-05-29 10:25:00 · 1094 阅读 · 0 评论 -
自定义select 并修改默认颜色
css:.subLblSelect { position: relative; display: inline-block;}.subLblSelect select { padding-left: 16px; width: 372px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #E1E4E9; he原创 2020-05-21 11:26:45 · 1341 阅读 · 0 评论 -
重复点击,重复触发前端处理
1> 定义标志位: 点击触发请求后,标志位为false量;请求(或者包括请求后具体的业务流程处理)后,标志位为true量。通过标志位来判断用户点击是否具备应有的响应。2> 卸载及重载绑定事件: 点击触发请求后,卸载点击事件;请求(或者包括请求后具体的业务流程处理)后,重新载入绑定事件。3> 替换(移除)按钮DOM 点击触发请求后,将按钮DOM对象替换掉...原创 2020-04-27 14:19:53 · 661 阅读 · 0 评论 -
js校验字段的大集合
//笔数验证(包括0跟正整数)function checkParseInt(num) { var reg = /^([0]|[1-9][0-9]*)$/; if(reg.test(num)){ return true; }else { return false; }}//金额验证(包括0跟小数点后两位) function c...原创 2020-01-09 18:07:23 · 608 阅读 · 0 评论 -
js实现时间日期的相比较
function tab(date1,date2){ var oDate1 = new Date(date1); var oDate2 = new Date(date2); if(oDate1.getTime() > oDate2.getTime()){ console.log('第一个大'); } else { console...转载 2019-12-03 17:23:06 · 363 阅读 · 0 评论 -
js脱敏处理
/*** 关键信息隐藏* @param str 字符串* @param frontLen 字符串前面保留位数* @param endLen 字符串后面保留位数* @returns {string}*/function hideCode(str, frontLen, endLen) { var len = str.length - frontLen - endLen...转载 2019-12-03 15:49:00 · 1055 阅读 · 0 评论 -
操作数组(基础篇)
1.给数组中所有对象加一个属性新数组:array;原数组:list;给原数组list的对象加一个名为indexNum的属性,属性值为strlet array = [];let list = [{name:'aa',age:11},{name:'bb',age:22},{name:'cc',age:33},];list.map((item,index)=>{...转载 2019-07-19 16:17:15 · 181 阅读 · 0 评论 -
静态页面给静态页面传参
A页面://跳转到认证页面window.location.href="authen_one.html?certId="+certId;B页面:var LocString = String(window.document.location.href);function getQueryStr(str) { var rs = new RegExp("(^|)" + s...转载 2019-04-26 16:47:03 · 628 阅读 · 0 评论 -
JS实现图片的不间断连续滚动的简单实例
先了解一下下面这几个属性:innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth: 获取对象的滚动宽度offsetHeight...原创 2019-04-23 16:29:09 · 782 阅读 · 0 评论 -
js---5s自动跳转
html:<div id="demo"></div>js:<script type="text/javascript"> window.onload=function(){ var demo=document.getElementById("demo"); var count=5; //倒计时5秒; ...转载 2019-04-29 08:50:02 · 549 阅读 · 0 评论 -
bootstrap-datepicker
相应的文件(css/js)https://www.bootcdn.cn/bootstrap-datepicker/原创 2019-04-19 16:40:23 · 109 阅读 · 0 评论 -
js-清空array数组
两种实现方式:1.splice:删除元素并添加新元素,直接对数组进行修改,返回含有被删除元素的数组。arrayObject.splice(index,howmany,element1,.....,elementX)index:必选,规定从何处添加/删除元素。howmany:必选,规定应该删除多少元素。未规定此参数,则删除从 index 开始到原数组结尾的所有元素。elemen...转载 2019-05-14 15:18:45 · 162 阅读 · 0 评论 -
Time时间格式化当前时间
dateFormat:function() { var date=new Date(); var year=date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05 * */ var month= date.getMonth()+1&...原创 2019-05-21 17:53:31 · 1107 阅读 · 0 评论 -
js实现时间日期的相加
<script>functionDateAdd(interval,number,date){/**---------------DateAdd(interval,number,date)-----------------*DateAdd(interval,number,date)*功能:实现VBScript的DateAdd功能.*参数:interva...转载 2019-06-10 15:43:06 · 4529 阅读 · 0 评论 -
js 数组,字符串,json互相转换
数组转字符串:var arr = [1,2,3,4,'巴德','merge'];var str = arr.join(',');console.log(str); // 1,2,3,4,巴德,merge字符串转数组:var str = '1,2,3,4,巴德,merge';var arr = str.split(',');console.log(arr); /...转载 2019-06-11 15:49:52 · 433 阅读 · 0 评论 -
前端移动框架
前端移动框架:1.SUI Mobile (基于 Framework7 开发的UI库) ======= 不考虑 url: http://m.sui.taobao.org/getting-started/ 优点:兼容性好,能兼到 iOS 6.0+ 和 Android 4.0+ 缺点:sui mobile会和jquery冲突2.MUI (最接近原生APP体验的高性能前端框架) u...原创 2019-07-05 17:36:31 · 2189 阅读 · 0 评论 -
JS点击事件的重叠处理(多个点击事件出现冲突)
最近开发遇见了一个这个样的情况,一个button在一个div中,点击buton是一个事件,点击大的div也是一个事件,但是由于button在div中,点击button会把两个事件都执行了,但是我们想点击button的时候不去执行大div的事件。层次如图解决方法 : 在button的点击事件执行的时候调使用 event.stopPropagation() 方法...转载 2019-07-29 09:41:34 · 2534 阅读 · 0 评论 -
js 数字千分位格式化
functionformat(num){return(num.toFixed(2)+'').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,');}转载 2019-04-04 17:45:16 · 442 阅读 · 0 评论