原生
success-ladder
这个作者很懒,什么都没留下…
展开
-
原生 - 名字将数组对象中名字相同的项组成一个相同的数组
getNew = () => { let beforeData = [ { parentId: "aaa", id: "0", age: "40" }, { parentId: "bbb", id: "1", age: "20" }, { parentId: "ccc", id: "2", a原创 2021-07-13 15:29:21 · 216 阅读 · 0 评论 -
原生 - 阻止冒泡
e.cancelBubble = truee.stopPropagation()// React里使用该方法点击组件不穿透e.nativeEvent.stopImmediatePropagation()原创 2021-01-11 11:05:01 · 224 阅读 · 0 评论 -
JS保留n位小数方法
// 参数1:数字, 参数2:保留几位小数(四舍五入)function f(num, n) { return parseInt(num * Math.pow(10, n) + 0.5, 10) / Math.pow(10, n) }f(17 / 7, 5) // 2.42857f(17 / 7, 4) // 2.4286f(17 / 7, 3) // 2.429原创 2020-09-04 16:57:34 · 320 阅读 · 0 评论 -
原生 - Dom对象常见属性
// 客户区大小 document.documentElement.clientWidth // 浏览器可视窗口的宽度(body有margin,无法获取真实的宽度) document.documentElement.clientHeight // 浏览器可视窗口的高度(body有margin,无法获取真实的高度) document.body.clientWidth document.body.clientHeight// 元素占有可见空间 clientWidth 获取元素的宽度 w原创 2020-06-24 21:51:45 · 344 阅读 · 0 评论 -
AJAX模拟Form表单上传
//当前端上传图片的时候,需要传递给后端的是一个file对象,而不是一个路径//而files就是包含了图片的所有设置,包括大小、类型、内容等等var xxx = this.container.find("#xxx")[0].files ;//将jquery转换成dom 在dom方法中,file提交时有一个files属性//所有的提交图片或文件都会增加1个length//1、创建Form...原创 2019-09-14 14:39:00 · 1315 阅读 · 0 评论 -
原生 - 数组排序(冒泡、选择、sort)
//冒泡排序 function newArr(arr) { var len = arr.length; while(len > 0){ for(var i = 0 ; i < len ; i++){ if(arr[i] > arr[i+1]){ [arr[i],arr[i+1]] ...原创 2019-09-08 17:15:10 · 123 阅读 · 0 评论 -
原生 - 深复制封装
function cloneObject(sourceObj,targetObj){ //如果目标对象没传参则进入 if(!targetObj){ //如果对象类型是事件正则类型 if(sourceObj.constructor === RegExp){ //创建一个类型为正则的目标对象 targetO...原创 2019-09-07 14:36:03 · 127 阅读 · 0 评论 -
原生-秒数转换为小时、分钟
function formatSeconds(value) { var secondTime = parseInt(value);// 秒 var minuteTime = 0;// 分 var hourTime = 0;// 小时 if(secondTime > 60) {//如果秒数大于60,将秒数转换成整数 //获取分钟,除以60取整数,得到整数分...转载 2019-08-28 13:03:54 · 514 阅读 · 1 评论 -
原生-数组去重方法
方法一:查找相同选项,利用continue跳出,push进新数组var arr = [1,2,3,6,8,9,1,2,3,6,7,4,0,1] ;var arr1 = [] ;for(var i = 0 ; i < arr.length ; i++){ if(arr1.indexOf(arr[i]) !== -1) continue ; //如果新数组中查找到了push进去的...原创 2019-07-30 23:47:53 · 270 阅读 · 0 评论 -
原生-商品详情放大镜
1、公共文件var Utils=(function () { return { //样式复制 ce:function(type , style){ var elem = document.createElement(type) ; if(style) Object.assign(elem.style , style) ; return elem ; } ,...原创 2019-07-30 23:28:38 · 96 阅读 · 0 评论 -
原生-事件节流
1、节流逻辑分解/* 设置在input输入时,间隔一定时间后再进行判断设置等内容,在间隔的时间内不再做任何处理 */2、代码实现var text = document.querySelector("input") , ids = 0 ; //用来设置延时定时的初始值text.addEventListener("input" , inputHandler) ; /...原创 2019-07-30 23:22:50 · 142 阅读 · 0 评论 -
原生-懒加载
1、公共文件var Utils=(function () { return { //样式复制 ce:function(type , style){ var elem = document.createElement(type) ; if(style) Object.assign(elem.style , style) ; return elem ; ...原创 2019-07-30 23:17:02 · 93 阅读 · 0 评论 -
原生-无缝轮播
1、公共样式 var Utils=(function () { return { //SSS预加载 loadImg:function (srcList,callBack) { var img=new Image(); img.num=0; img.imgList=[]; img.srcList=srcList; img.callBack=c...原创 2019-07-30 23:07:57 · 95 阅读 · 0 评论