随笔分类 -  3.JS基础

摘要:git地址: https://github.com/rainnaZR/es6-study/tree/master/src/destructuring 变量的解构赋值 变量的解构赋值: 数组, 对象, 字符串的解构赋值。 解构特点 允许指定的默认值。(等号左边的值) 只有赋值(等号右边的值)严格等于 阅读全文
posted @ 2017-05-04 10:09 ZRainna 阅读(178) 评论(0) 推荐(0) 编辑
摘要:es6系列所有文章都是阅读阮一峰老师的《ES6标准入门》(第2版)所做的读书笔记。方便日后查阅相关基础知识。 git地址: https://github.com/rainnaZR/es6-study 变量声明方法 es6的变量声明方面包括: let, const, var, function, im 阅读全文
posted @ 2017-04-28 09:59 ZRainna 阅读(888) 评论(0) 推荐(0) 编辑
摘要:问题描述 最近在做项目时,遇到一个问题,当js生成一个组件后,会注入到页面的某个节点里显示。在组件内部进行了一次注入操作,在调用组件的外部js文件中也进行了一次注入操作,结果发现页面里只生成了一份组件的代码,而并不是两份。 原因 后来通过浏览器的调试工具,打断点发现所谓的注入操作其实就是append 阅读全文
posted @ 2016-11-03 20:10 ZRainna 阅读(826) 评论(0) 推荐(0) 编辑
摘要:问题描述 近期做任务时,跟后端联调时遇到一个问题,前端发送get请求,当参数值有中文时,请求失败,请求参数变为乱码。(ps:一般当参数有中文时,很少使用get请求,而是使用post请求来传输数据,请求数据放在消息主体里,服务端根据请求头里的content-type里定义的编码格式解码数据) 后端起本 阅读全文
posted @ 2016-10-11 15:55 ZRainna 阅读(1874) 评论(0) 推荐(0) 编辑
摘要:一般我们可以通过浏览器的调试工具-网络面板,或者代理工具查看网页加载过程中的各个阶段的耗时。而利用window.performance属性则可以获得更为精确的原始数据,以毫秒为单位,精确到微秒。 performance.timing属性介绍 图片说明如下: 属性说明: navigationStart 阅读全文
posted @ 2016-07-07 13:49 ZRainna 阅读(7242) 评论(1) 推荐(3) 编辑
摘要:之所以介绍这个还在草案中的方法,是源于最近新做的一个活动。该活动有个需求,就是用户离开该页面的某个时间段之后,发个请求给该用户送券。后来是通过setTimeout来做的,用户离开该页面,该页面进入后台。这时在页面中设置的定时器依然是有效的,但是不同手机对这个有效时间的兼容性不一样,有长有短。safa 阅读全文
posted @ 2016-04-26 20:21 ZRainna 阅读(903) 评论(0) 推荐(0) 编辑
摘要:对于开发人员来说,编写高质量的代码是有很重要的意义的,特别是在团队协作里。本篇博文从前端开发的角度,总结出编写高质量前端代码的一些经验。前端开发涉及的主要语言包括html,css,js等。这里主要针对JS来介绍。编码思维1. 逻辑思维当接到某个任务的时候,不要急于开始动手,而是先静下心来思考,理清这... 阅读全文
posted @ 2016-01-12 16:43 ZRainna 阅读(2323) 评论(0) 推荐(9) 编辑
摘要:继续上一篇的JS性能优化之后,下面接着讲关于前端性能优化的内容。如果有不对的地方欢迎纠正。1.避免过多的重排与重绘操作。尽量将DOM中的多个读操作放一起,中间不要插入写的操作,因为写操作会导致浏览器迅速的重排,从而影响性能。将DOM中的多个写操作放一起,不要插入读的操作,如果插入读操作会导致浏览器多... 阅读全文
posted @ 2015-10-20 20:37 ZRainna 阅读(1074) 评论(0) 推荐(1) 编辑
摘要:为了加深对基础知识的理解,今天再复习下js中的apply,call,bind的区别和用法。整理笔记的过程也是一个再次学习的过程。apply和calljs中的调用apply和call方法可以改变某个函数执行的上下文环境,也就是可以改变函数内this的指向值。例子:var person={ nam... 阅读全文
posted @ 2015-10-14 14:20 ZRainna 阅读(427) 评论(0) 推荐(0) 编辑
摘要:了解JS性能优化是学习前端必备的一项技能。下面就简单的列出几点:1.注意作用域,避免全局查找。访问全局变量比访问局部变量慢,是因为需要遍历作用域链,查找作用域链需要额外的时间。所以在一个函数中,将访问多次的全局对象或者域外变量存储为局部变量来使用。如某个方法需引用全局变量的值,则在该方法所在的对象的... 阅读全文
posted @ 2015-09-19 11:41 ZRainna 阅读(1277) 评论(0) 推荐(2) 编辑
摘要:作用域安全的构造函数当使用new调用构造函数时,构造函数内部this对象会指向新创建的对象实例。如果不使用new,直接调用的话,则this对象会映射到window对象上。所以需要判断下。eg:function Person(name,age,job){ if(this instanceof Per... 阅读全文
posted @ 2015-09-18 14:01 ZRainna 阅读(382) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/zourong/p/4792394.html 这篇文件介绍了DOM1中的一些属性和方法,下面的内容主要介绍DOM2和DOM3中新增的内容。框架的变化框架和内嵌框架分别用HTMLFrameElment和HTMLIFrameElement,DOM2中新定义了... 阅读全文
posted @ 2015-09-11 14:52 ZRainna 阅读(260) 评论(0) 推荐(0) 编辑
摘要:DOM范围DOM中的range对象是DOM2中新定义的接口。通过这个对象可以选择文档中的某个区域,而不必考虑节点的界限。创建范围document.createRange()创建一个范围,这个范围是range类型的实例。包含下面这些属性和方法。startContainer:包含范围起点的节点(选区中第... 阅读全文
posted @ 2015-09-11 14:48 ZRainna 阅读(14320) 评论(0) 推荐(1) 编辑
摘要:介绍DOM1中底层的一些属性和方法。节点操作appendChild() parentNode.appendChild(newNode) 在parentNode节点的最后插入newNodeinsertBefore() parentNode.insertBefore(newNode,someNode... 阅读全文
posted @ 2015-09-10 16:25 ZRainna 阅读(262) 评论(0) 推荐(0) 编辑
摘要:BOM的核心对象是window,表示浏览器的一个实例。使用框架时,window.top对象指顶层框架,也就是浏览器窗口。window.parent对象指包含当前窗口的框架,也就是父框架。window.self指的是当前window窗口。窗口位置用来确定和修改window对象位置的属性。如下面代码:v... 阅读全文
posted @ 2015-09-08 14:27 ZRainna 阅读(262) 评论(0) 推荐(0) 编辑
摘要:匿名函数以及闭包匿名函数就是没有名字的函数。闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式是在一个函数的内部创建另一个函数。闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存,因此尽量少用闭包。闭包只能取得包含函数中任何变量的最后一个值。闭包的作用域包括它自己的作用域... 阅读全文
posted @ 2015-09-07 16:29 ZRainna 阅读(198) 评论(0) 推荐(0) 编辑
摘要:ECMAScript继承是通过原型链来继承的。基本思想是利用原型来让一个引用类型继承另一个引用类型的属性和方法,使原型变为另一个对象的实例。通过原型链实现继承时,不能使用对象字面量创建原型方法,避免重写原型链。原型链继承的问题1.原型中的引用类型的值都会被共享。2.在创建子类型的实例时,无法在不影响... 阅读全文
posted @ 2015-09-07 14:26 ZRainna 阅读(386) 评论(0) 推荐(1) 编辑
摘要:几个相关的知识点:客户端发送请求时,请求类型为GET与POST的主要差别是什么?1.请求类型不同,一个为GET,一个为POST2.当请求类型为GET时,请求的数据以参数的形式添加到url的后面,比如请求的url变为:www.aabb.com/reg?username=aa&password=11,因... 阅读全文
posted @ 2015-09-06 15:40 ZRainna 阅读(188) 评论(0) 推荐(0) 编辑
摘要:JS是面向对象的语言,函数也是对象。下面大致介绍下实例,原型与构造函数之间的关系。构造函数模式function Person(name,age){ this.name = name; this.age = age; this.sayname = function(){ alert(thi... 阅读全文
posted @ 2015-09-06 15:34 ZRainna 阅读(2605) 评论(0) 推荐(0) 编辑
摘要:概念HTTP协议:超文本传输协议,用于服务端传输超文本到客户端的传输协议。是一个应用层协议。工作流程一次http请求就是一个事务。过程可分为四步:1.客户端与服务器建立链接。页面上单击某个链接,http开始建立链接。2.建立链接后,客户端向服务器发送请求,请求的内容有:统一资源定位符(url),协议... 阅读全文
posted @ 2015-09-02 16:03 ZRainna 阅读(1055) 评论(2) 推荐(1) 编辑

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