随笔分类 -  JavaScript

JavaScript
摘要:screenX,screenY clientX,clientY screen 相对于屏幕左上角的坐标,单位为像素。 client 相对于浏览器窗口左上角的坐标,单位为像素。 举例: 浏览器缩放或者放大时,screen 会发送变化,client 不会,当然除非你通过媒体查询或者其他方式更改了元素的宽高 阅读全文
posted @ 2019-07-24 19:20 李鹏飞ONLINE 阅读(399) 评论(0) 推荐(0) 编辑
摘要:同源策略: 举个例子,你在访问 某个网页的时候比如 www.xxxx.com ,返回的html页面中存在的js在执行的时候只会在 xxxxx 这里执行,如果同时存在另一个tab 是 www.yyyyy.com 其中的js 在执行的时候只在 yyyyy 返回的这个首页网页中执行。 浏览器加载js的时候 阅读全文
posted @ 2019-07-24 18:47 李鹏飞ONLINE 阅读(388) 评论(0) 推荐(0) 编辑
摘要:1.自定义事件: js 一般事件像是click、blur、focus等等。除了这些之外还可以自己定义事件,但是自定义事件同样需要自己定义触发机制,此要注意,个人任务可以在某个view自带的事件处理机制中插入个人事件处理。 CustomEvent对象有2个参数 detail:配置项,默认值为null。 阅读全文
posted @ 2019-07-22 13:04 李鹏飞ONLINE 阅读(12091) 评论(0) 推荐(1) 编辑
摘要:原型与原型链很晕,在此个人试着去了解一下: 第一个问题:__proto__ 原型是什么? 首先,创建一个对象a和对象b,设置b的原型(__proto__)指向a 由结果看出,b的原型指向a,如果b对象查找属性a,如果a自身并不存在,会通过原型链向上查找(一直找到跟这里是Object) 另外:因为__ 阅读全文
posted @ 2019-06-05 20:13 李鹏飞ONLINE 阅读(204) 评论(0) 推荐(0) 编辑
摘要:ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。(所以其实不要和面向对象的class 混为一谈,因为并不是真正意义上的类) ES5:(之前的博文中有记录过this,优先级new 是最高的,并 阅读全文
posted @ 2019-06-05 18:00 李鹏飞ONLINE 阅读(235) 评论(0) 推荐(0) 编辑
摘要:异步编程方案:(很实用滴) Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态(yield在英语里的意思就是“产出”)。 每次调用next方法,内部指针就从函数头部或上一次停下来的地方开 阅读全文
posted @ 2019-06-04 12:57 李鹏飞ONLINE 阅读(181) 评论(0) 推荐(0) 编辑
摘要:遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。 作用: 一是为各种数据结构,提供一个统一的、简便的访问接口; 二是使得数据结构的成员能够按某种次序排 阅读全文
posted @ 2019-06-03 17:44 李鹏飞ONLINE 阅读(356) 评论(0) 推荐(0) 编辑
摘要:Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 有了 阅读全文
posted @ 2019-06-03 16:32 李鹏飞ONLINE 阅读(180) 评论(0) 推荐(0) 编辑
摘要:Reflect 配合proxy 使对象的操作更加函数化。 大部分Reflect 的全局方法或者说静态方法与proxy一致。 相比Object 返回值更合理:修改某些Object方法的返回结果,让其变得更合理。比如,Object.defineProperty(obj, name, desc)在无法定义 阅读全文
posted @ 2019-06-03 15:14 李鹏飞ONLINE 阅读(265) 评论(0) 推荐(0) 编辑
摘要:Proxy:代理(在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截) var proxy = new Proxy(target, handler); Proxy 对象的所有用法,都是上面这种形式,不同的只是handler参数的写法。其中,new Proxy()表示生成一个Pr 阅读全文
posted @ 2019-06-03 12:47 李鹏飞ONLINE 阅读(356) 评论(0) 推荐(0) 编辑
摘要:Set: 类似数组,但是成员值是唯一的。 Set 函数可以接收一个数组(具有iterable接口的其他数据结构) 去除数组重复: 去除字符串重复字符 向 Set 加入值的时候,不会发生类型转换,所以5和"5"是两个不同的值。Set 内部判断两个值是否不同,使用的算法叫做“Same-value-zer 阅读全文
posted @ 2019-05-31 17:51 李鹏飞ONLINE 阅读(223) 评论(0) 推荐(0) 编辑
摘要:ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。 Symbol 值通过Symbol函数生成。这就是 阅读全文
posted @ 2019-05-30 21:00 李鹏飞ONLINE 阅读(342) 评论(0) 推荐(0) 编辑
摘要:一、字符串 模版字符串:反引号(`)标识。 变量嵌入(定义变量,使用$ 获取): 使用任意表达式、调用函数 标签模块: 在函数名后,该函数会处理此模块字符串 如果模版字符串含有变量,则会先执行模版字符串,在执行函数。 上面代码中,tag函数的第一个参数strings,有一个raw属性,也指向一个数组 阅读全文
posted @ 2019-05-27 23:02 李鹏飞ONLINE 阅读(450) 评论(0) 推荐(0) 编辑
摘要:对于解构赋值个人感觉需要理解左查询与右查询的区别,然后对解构赋值的理解才会更深一些。 解构赋值:对数组和对象中的值提取,赋值到声明的变量中。 模式匹配:模式相同,或者说样子一样 如果不成功,变量值为undefined,等号右边不是数组(不是可遍历,因为模式是数组)会报错。 允许指定默认值: 左右匹配 阅读全文
posted @ 2019-05-27 15:37 李鹏飞ONLINE 阅读(484) 评论(0) 推荐(1) 编辑
摘要:关于ES6 可以到阮一峰大神那学习~ http://es6.ruanyifeng.com/#docs/let 再次个人记录学习的理解,章节就按照阮大神书的顺序一篇篇的记录与练习 历史: ECMASCRIPT :标准(规格) JAVASCRIPT:实现 ES5 之后的版本统称为 ES6(ESMASCR 阅读全文
posted @ 2019-05-27 14:14 李鹏飞ONLINE 阅读(192) 评论(0) 推荐(0) 编辑
摘要:上代码,不多说了,这个没啥说的,记录一下: 哦,有个地方要注意: new Date('')会输出是无效的时间 new Date(null) 会输出最开始的时间 也就是 //Date 1970-01-01T00:00:00.000Z 阅读全文
posted @ 2019-03-05 21:49 李鹏飞ONLINE 阅读(5300) 评论(0) 推荐(0) 编辑
摘要:可以参考这位博主的文章 https://www.cnblogs.com/zhenwoo/p/4993780.html 不想看直接想看怎么解决的看这: 简单说一下Number.parseFloat(string):(方法可以把一个字符串解析成浮点数,给定值被解析成浮点数,如果无法被解析成浮点数,则返回 阅读全文
posted @ 2019-03-05 21:42 李鹏飞ONLINE 阅读(2060) 评论(0) 推荐(0) 编辑
摘要:1. window.scrollTo window.scrollTo 有2种语法,比较常见的时候 window.scrollTo(x-coord,y-coord ),其中 x轴坐标与y坐标 第二种为 window.scrollTo(options) (自带动画效果哦) 2.JSON: 首先声明一点: 阅读全文
posted @ 2019-03-05 21:23 李鹏飞ONLINE 阅读(360) 评论(0) 推荐(0) 编辑
摘要:关于this这个货,常常让我感到头疼,也很难说清这货到底是什么机制,今天就详细记录一下this,了解他就跟理解闭包差不多,不理解的时候我们会感到很难受总想着避开他,当我们真正理解之后,会有种茅塞顿开的感觉,但是也不要掉以轻心,说不定哪天又给来一脚~ 先看一个例子,之前的博客中也提过到的this使用: 阅读全文
posted @ 2019-01-31 22:54 李鹏飞ONLINE 阅读(395) 评论(0) 推荐(0) 编辑
摘要:关于这3个货,网上有很多文章介绍,我这边还是记录下并加上自己的理解,还有arguments函数内置对象顺便也记录下: 简单的说apply和call 会绑定第一个参数的作用域给调用函数对象实例,并会执行调用函数,还可以传参数 apply 第二个参数是数组,call 是可变长度参数 apply、call 阅读全文
posted @ 2019-01-30 14:45 李鹏飞ONLINE 阅读(368) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示