
JS
cdShow小太阳
前端佬chen
展开
-
utils工具 常见函数
utils工具 常见函数原创 2022-08-18 11:46:10 · 455 阅读 · 0 评论 -
moment 时间获取的方法
moment 时间处理原创 2022-08-18 11:42:28 · 3305 阅读 · 0 评论 -
封装axiso请求防抖
封装axiso请求防抖原创 2022-06-27 16:46:54 · 405 阅读 · 0 评论 -
获取浏览器(名称、内核,版本号)
js获取浏览器原创 2022-01-25 15:34:10 · 1716 阅读 · 0 评论 -
函数节流情景应用
function throttle(fn, delay) { let first = true, timestamp, ctx = this; return function() { if (first) { timestamp = Date.now(); fn.apply(ctx, arguments); first = false; } else { let t = Date.now(); if ...原创 2022-01-14 16:04:02 · 245 阅读 · 0 评论 -
排列组合
计算组合数/*e:数组长度t:组合数组的长度*/nCr(e, t) { if (t > e) return 0; var n = 1; ~~(e / 2) + 1 > t && (t = e - t); for (var a = t + 1; a <= e; a++) n *= a; for (var r = 1; r <= e - t; r++) n /= r; return n原创 2021-08-31 11:46:17 · 120 阅读 · 0 评论 -
分秒计时器(倒计时和顺计时)
倒计时function countDown (date){ let dateArr =date.split(':') // console.log(dateArr) dateArr.forEach((element,index) =>{ let OOOI = dateArr[1],OOII=dateArr[0],time; if(index===1){ let set_interval = setInterval(() => { ..原创 2021-04-14 16:30:33 · 501 阅读 · 0 评论 -
获取地址栏参数
//获取地址栏参数,name:参数名称function getUrlParms(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURIComponent(r[2]); return null;}...原创 2021-03-31 14:50:21 · 342 阅读 · 0 评论 -
数字格式化保留两位小数(10000.00=>100 、00.00)
function fmoney(s, n) { n = n > 0 && n <= 20 ? n : 2;s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";let l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];let t = "";for (let i = 0; i < l.length; i++) .原创 2021-03-20 09:04:24 · 490 阅读 · 0 评论 -
js继承的6种方式
继承和闭包一直是前端开发的一个重点难点,特别是继承。平时开发过程中如果用的不算很多,就更难以去理解透彻了。要把继承理解透彻,还是需要花点时间的。【原型链继承】【借用构造函数继承】【组合继承(原型链+构造函数)】【原型式继承】【寄生式继承】【寄生组合式继承】想要继承,就必须要提供个父类(继承谁,提供继承的属性) // 父类 function Preson(name){ // 给构造函数添加参数 this.name = name; this.sun = functi原创 2020-10-21 16:35:47 · 150 阅读 · 0 评论 -
数组{对象}去重 [ {},{},{}]
先看实例的原数组;//原数组对象[ {name: "NBA美国职业篮球联赛", matchScreen: true}, {name: "NBA美国职业篮球联赛", matchScreen: true}, {name: "美国职业大联盟", matchScreen: true}, {name: "阿根廷超级联赛", matchScreen: true}, ...原创 2020-03-02 10:32:38 · 400 阅读 · 0 评论 -
二级菜单点击显示当前内容
案例描述 最近做了一个二级菜单点击事件的效果,一级菜单有3个,二级菜单是固定的,而且html布局并不是父子级关系,具体请看效果图如下 html结构入下<div> <ul> <li>您好!日期</li> <li class="li_list checked grounder">滚球</li> <li class="li_list">今日赛原创 2017-12-09 12:19:54 · 1414 阅读 · 0 评论 -
Vue js实时显示当前时间
当前实例在vue项目中export default { data(){ return{ nowTimes:{ yy:0, dd:"00", hou:"00", min:"00", sec...原创 2018-09-08 15:02:52 · 34823 阅读 · 9 评论 -
时间戳转化成时间格式
timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + "-"; var M = (date.getMonth() + 1 < 10 ...原创 2018-09-03 15:43:34 · 354 阅读 · 0 评论 -
新增和关闭(新)浏览器页面
从新打开一个浏览器窗口页面(不是在原来的页面窗口上新建一个页面)window.location.origin + '/#/help',链接路由地址window.open(window.location.origin + '/#/help',"History","width=800,height=900,top=0,left=0,status=no,toolbar=no,scrollbar...转载 2018-09-12 10:45:44 · 517 阅读 · 0 评论 -
vue 封装键盘组建
本案例是根据实战需求写的,所以功能也是根据项目需求来写的,但是主体思路是大同小异的。先看效果图 <template>部分html代码<template> <div class="keyboard" v-show="showKeyboard" v-clickoutside="closeModal"> <p class="s原创 2018-09-19 18:07:35 · 1359 阅读 · 0 评论 -
原生JS --360度全景展示
介绍:本案是鼠标任意在桌面上(左右)滑动,展示360度各个角度的展示图。实现方法:要各个角度的图片(n张),图片名序号排列(0,1,2,3……n),通过鼠标点击事件(document.onmousedown),鼠标滑动事件(document.onmousemove)和鼠标离开事件(document.onmouseup)进行控制。首先准备img文件 完整的html文件<...原创 2018-09-26 14:37:08 · 3612 阅读 · 0 评论 -
JS常见的面试题
面试须知原创 2017-08-02 08:52:33 · 432 阅读 · 0 评论