随笔分类 -  javaScript

js
摘要:一、浅拷贝 (1) Object.assign() Object.assign我们经常会用到合并对象,当然利用Object.assign性质我们也可以实现对象的拷贝。 var obj1 = {a: 1, b: 2} var obj2 = Object.assign({}, obj1) obj2.a 阅读全文
posted @ 2020-02-26 17:21 simple-love 阅读(3721) 评论(1) 推荐(0)
摘要:单例模式 在执行当前 Single 只获得唯一一个对象单例模式,是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中,应用该模式的一个类只有一个实例。即一个类只有一个对象实例。 var Single = (function(){ var instance 阅读全文
posted @ 2020-02-26 10:04 simple-love 阅读(362) 评论(0) 推荐(0)
摘要:在网上找了不少入门实例,依旧认为还是张容铭小哥给的情景最为适合,他的情境是这样的: 项目经理过来说,咱马上要过圣诞节啦,得打折清仓呀,有的商品5折,有的7折,有的9折~ 作为菜鸟的我🤔: 就这么尴尬的一个一个function垒起来~(在下刚入行的时候还真是这么写的😅~)。这时项目经理又来了,圣诞 阅读全文
posted @ 2020-02-26 09:57 simple-love 阅读(672) 评论(0) 推荐(0)
摘要:第一次看到柯里化这个词的时候,还是在看一篇算法相关的博客提到把函数柯里化,那时一看这个词就感觉很高端,实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。 果然是不管作用怎么样都要有个高端的名字才有用。 首先看看柯里化到底是什么? 维基百科上说道:柯里化,英语:Currying(果然是满满的英译 阅读全文
posted @ 2020-02-24 11:07 simple-love 阅读(2584) 评论(0) 推荐(0)
摘要:var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' },{ key: '01', value: '乐乐' }]; 阅读全文
posted @ 2019-12-27 17:23 simple-love 阅读(1399) 评论(0) 推荐(0)
摘要:一、构造函数: 构造函数:通过new关键字可以用来创建特定类型的对象的函数。比如像Object和Array,两者属于内置的原生的构造函数,在运行时会自动的出现在执行环境中,可以直接使用。如下: var arr = new Array();//使用Array构造函数创建了一个array实例arr ar 阅读全文
posted @ 2019-12-09 16:25 simple-love 阅读(1079) 评论(0) 推荐(0)
摘要:JS中,可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 1,内部对象 js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象,包括Error、EvalError、Ra 阅读全文
posted @ 2019-12-07 17:07 simple-love 阅读(355) 评论(0) 推荐(0)
摘要:一、MVC MVC模式的意思是,软件可以分成三个部分。 视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Mo 阅读全文
posted @ 2019-12-04 16:45 simple-love 阅读(2007) 评论(0) 推荐(0)
摘要:冒泡排序 var arr = [1, 9, 4, 50, 49, 6, 3, 2]; function test(){ for (var i = 0; i < arr.length - 1; i++){ for (var j = i + 1; j < arr.length; j++){ var te 阅读全文
posted @ 2019-12-04 12:21 simple-love 阅读(737) 评论(0) 推荐(0)
摘要:For... in 及 For… of let arr = ["a","b"]; for (let a in arr) { console.log(a) // 打印出来的是索引值} for (let a of arr) { console.log(a) // 打印出来的是键值} 简单说,区别 for 阅读全文
posted @ 2019-12-04 12:11 simple-love 阅读(1774) 评论(0) 推荐(0)
摘要:数组原型方法:破坏性。会改变数组。 shift().unshift()。pop().push().splice();resver(),sort().在对数字排序的时候不能用原来的方法了,那样会导致值溢出。 非破坏性的(直接改造成一个新的数组):concat(),slice()变成新数组,运原来的还在 阅读全文
posted @ 2019-12-04 11:59 simple-love 阅读(928) 评论(0) 推荐(0)
摘要:想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承 重点:让新实例的原型等于父类的实例。 特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!) 缺点:1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新 阅读全文
posted @ 2019-11-25 15:34 simple-love 阅读(348) 评论(0) 推荐(0)
摘要:天猫将商品加入购物车会有一个抛物线动画,告诉用户操作成功以及购物车的位置,业务中需要用到类似的效果,记录一下实现过程备忘,先上demo https://codepen.io/wangmeijian/pen/NQrdpR 一开始没有想到用抛物线函数去做,也已经忘记还有这么个函数了,想着抛物线本质上就是 阅读全文
posted @ 2019-11-07 20:38 simple-love 阅读(1272) 评论(0) 推荐(0)
摘要:闭包是什么? ·了解闭包首先了解js的‘链式作用域’结构,对象可以一级一级的向上查找父对象的变量,所以父对象的变量对子对象可见,反之不成立;所以都可以访问全局变量 ·为了解决函数外部无法访问函数内局部变量的问题,就在父函数中定义一个子函数并让它访问了父函数的局部变量,再通过父函数返回该子函数就实现了 阅读全文
posted @ 2019-11-07 20:20 simple-love 阅读(778) 评论(1) 推荐(0)
摘要:代码 参数: pageSize:一页的总数 currentPage:当前的页数 skipNum:跳过的数量 arr:数组 返回值: newArr分页后的数组 var pagination = function(pageSize, currentPage, arr) { var skipNum = ( 阅读全文
posted @ 2019-11-07 20:17 simple-love 阅读(2047) 评论(2) 推荐(0)
摘要:js 笛卡尔积算法的实现代码,据对象或者数组生成笛卡尔积,并介绍了一个javascript多重数组笛卡尔积的例子,以及java实现笛卡尔积的算法与实例代码。 一、javascript笛卡尔积算法代码 例子,根据对象或者数组生成笛卡尔积。 //笛卡儿积组合 function descartes(lis 阅读全文
posted @ 2019-11-01 09:37 simple-love 阅读(2861) 评论(0) 推荐(0)
摘要:版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/qq_33237207/article/details/82109352 在项目中计算商品价格的时候再次遇到js浮点数计算出现误差的问题,以前 阅读全文
posted @ 2019-10-14 17:17 simple-love 阅读(4329) 评论(0) 推荐(0)
摘要:经常做用js数据运算的同学应该了解,在js中,0.1+0.2不会等于0.3,而是等于: 我一开始发现这个bug的时候也觉得很奇怪,那怎么去解决这个bug,让0.1+0.2 最后能得到0.3呢? 方法一最简单的就是先把0.1和0.2换成别的数字(因为在js中只有这两个数相加有bug,例如:1.1+1. 阅读全文
posted @ 2019-10-11 19:27 simple-love 阅读(5189) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>pl封 阅读全文
posted @ 2019-09-25 12:30 simple-love 阅读(539) 评论(0) 推荐(0)
摘要:在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata 这三个h5的api。逻辑并不难。整个过程就是: (1)用户使用input file上传图片的时候,用filereader读取用户上传的图片数据(base64格式) (2)把图片数据传入img对象,然后将img 阅读全文
posted @ 2019-09-23 15:35 simple-love 阅读(4278) 评论(0) 推荐(0)