![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生
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 · 228 阅读 · 0 评论 -
原生 - 阻止冒泡
e.cancelBubble = true e.stopPropagation() // React里使用该方法点击组件不穿透 e.nativeEvent.stopImmediatePropagation()原创 2021-01-11 11:05:01 · 229 阅读 · 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.42857 f(17 / 7, 4) // 2.4286 f(17 / 7, 3) // 2.429原创 2020-09-04 16:57:34 · 328 阅读 · 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 · 356 阅读 · 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 · 1322 阅读 · 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 · 128 阅读 · 0 评论 -
原生 - 深复制封装
function cloneObject(sourceObj,targetObj){ //如果目标对象没传参则进入 if(!targetObj){ //如果对象类型是事件正则类型 if(sourceObj.constructor === RegExp){ //创建一个类型为正则的目标对象 targetO...原创 2019-09-07 14:36:03 · 133 阅读 · 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 · 538 阅读 · 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 · 275 阅读 · 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 · 102 阅读 · 0 评论 -
原生-事件节流
1、节流逻辑分解 /* 设置在input输入时,间隔一定时间后再进行判断设置等内容,在间隔的时间内不再做任何处理 */ 2、代码实现 var text = document.querySelector("input") , ids = 0 ; //用来设置延时定时的初始值 text.addEventListener("input" , inputHandler) ; /...原创 2019-07-30 23:22:50 · 147 阅读 · 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 · 98 阅读 · 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 · 102 阅读 · 0 评论