随笔分类 -  Javascript

1 2 3 下一页
闭包会造成内存泄漏吗？
摘要：闭包会造成内存泄漏吗？ 不会！！！ 发现网上一堆闭包的教程都说闭包会造成内存泄漏，特意去查了下书，发现这一直是一个误解。 js高程原文这样说的：由于IE9 之前的版本对JScript 对象和COM 对象使用不同的垃圾收集。因此闭包在IE 的这些版本中会导致一些特殊的问题。具体来说，如果闭包的作用域链 阅读全文
posted @ 2017-09-24 22:04 gq_orange 阅读(3101) 评论(0) 推荐(0)
WEB前端性能优化常见方法
摘要：web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。 1. 内容优化 2. 服务器优化 3. Cookie优化 4. CSS优化 5. javascript优化 6. 图像优化 参考：WEB前端性能优化常见 阅读全文
posted @ 2017-08-27 14:41 gq_orange 阅读(1846) 评论(0) 推荐(0)
script标签中defer和async属性的区别
摘要：向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染，对于存在大量js代码的页面来说会导致浏览器出现长时间的空 阅读全文
posted @ 2017-08-27 14:17 gq_orange 阅读(574) 评论(0) 推荐(0)
表单序列化通用函数
摘要：表单序列化 在javascript中，可以利用表单字段的type属性，连同name和value属性一起实现对表单的序列化。 规则： （1）对表单字段的name和value进行URL编码，使用&号分割 （2）不发送禁用的表单字段 （3）只发送勾选的复选框checkbox和单选按钮radio （4）不发 阅读全文
posted @ 2017-08-09 20:59 gq_orange 阅读(235) 评论(0) 推荐(0)
【转】写一个通用的事件侦听器函数
摘要：参考来源：https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Question 阅读全文
posted @ 2017-08-06 21:54 gq_orange 阅读(318) 评论(0) 推荐(0)
HTML5中的数据集dataset和自定义属性data-*
摘要：在html5中可为所有元素添加一种自定义的属性，这种属性的前缀以data-开头，比如：data-name,目的是为元素提供与页面渲染无关，但与dom元素强相关的属性。添加完自定义属性后我们可以通过元素的dataset属性来访问其值。 dataset与getAttribute/setAttribute 阅读全文
posted @ 2017-08-04 14:00 gq_orange 阅读(2296) 评论(0) 推荐(0)
Javascript 中的 && 和 || 使用小结
摘要：&&操作符 在 javascript 中，对于 && 不仅仅可以用于 boolean 类型，也不仅仅返回 Boolean 类型的结果。 如果第一个操作数是 Boolean 类型，而且值为 false ，那么直接返回 false。 如果第一个操作数是 Boolean 类型，而且值为 true，另外一个 阅读全文
posted @ 2017-07-31 11:14 gq_orange 阅读(319) 评论(0) 推荐(0)
JavaScript 实例、构造函数、原型对象关系图
摘要：详细介绍：深入理解javascript原型和闭包（5）——instanceof 图片来源：https://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/figure1.jpg 阅读全文
posted @ 2017-07-23 18:53 gq_orange 阅读(577) 评论(0) 推荐(0)
JavaScript创建对象的几种方式总结
摘要：ECMA把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。 1. 使用Object构造函数创建对象 创建自定义对象的最简单的方式就是创建一个Object的实例，然后再为它添加属性和方法。 2. 使用对象字面量创建一个对象 3.工厂模式 虽然Object构造函数或者对象字面量都可以用来 阅读全文
posted @ 2017-07-23 16:56 gq_orange 阅读(263) 评论(0) 推荐(0)
JavaScript实现继承的方式和各自的优缺点
摘要：ECMAscript只支持实现继承，主要是依靠原型链来实现的。 JavaScript实现继承的方式： 类式继承 构造函数继承 组合继承 寄生组合式继承 类式继承 构造函数继承 组合继承 寄生组合式继承 1.类式继承 原理说明：在实例化一个类时，新创建的对象复制了父类的构造函数内的属性与方法并且将原型 阅读全文
posted @ 2017-07-23 11:37 gq_orange 阅读(362) 评论(0) 推荐(0)
访问树中的所有元素（DOM）
摘要：创建一个函数，给定页面上的DOM元素，将访问元素本身及其所有后代（而不仅仅是它的直接子代）。对于访问的每个元素，函数应将该元素传递给提供的回调函数。 函数的参数应该是： 一个DOM元素 一个回调函数（以DOM元素为参数） 访问树中的所有元素（DOM）是一种经典的深度优先搜索算法应用程序。以下是一个示 阅读全文
posted @ 2017-07-21 19:36 gq_orange 阅读(258) 评论(0) 推荐(0)
return语句必须要注意的地方
摘要：先看下面程序： 可以看到，foo1和foo2函数返回对象的开始的大括号一个和return在同一行，foo2不在同一行。 于是，foo2()返回未定义，没有任何错误被抛出。 原因：当foo2()的一行语句中只包含return时，会在return语句后面自动的加上一个分号。后面的语句也是合法的，不会抛出 阅读全文
posted @ 2017-07-21 16:52 gq_orange 阅读(271) 评论(0) 推荐(0)
js作用域的销毁、不立即销毁、不销毁
摘要：JavaScript中的函数执行会形成私有的作用域。 （1）作用域的销毁 一般情况下，函数执行形成一个私有的作用域，当执行完成后就销毁了->节省内存空间 （2）作用域的不立即销毁 （3）作用域的立即销毁 面试题： 几种不销毁常用到的形式: （1）函数执行,返回一个引用数据类型的值,并且在函数的外面被 阅读全文
posted @ 2017-07-20 12:41 gq_orange 阅读(2604) 评论(0) 推荐(0)
Javascript实现多行字符串
摘要：打开百度首页，进入控制台的时候，我们在console控制台总可以看到一段文字： 这些文字是如何显示在控制台的呢？？ Javascript中的函数被看作是一个对象拥有自己的方法，其中一个小方法fn.toString()可以帮助我们实现多行字符串的效果。 fn.toString()关键是利用他可以返回注 阅读全文
posted @ 2017-07-19 10:46 gq_orange 阅读(316) 评论(0) 推荐(0)
谈谈浏览器的兼容性
摘要：（一）html部分1.　H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <![endif]--> <!--[if lt IE 9]> <script 阅读全文
posted @ 2017-07-12 19:58 gq_orange 阅读(315) 评论(0) 推荐(0)
页面优化有哪些方法？
摘要：一、减少操作量 二、提前做加载操作 三、提升并行加载 切分组件到多个域 ，提升服务器的响应能力 四、JavaScript和CSS优化 五、异步加载 使用Ajax实现异步加载，例如，滚动页面加载后面的内容，这种也比较常见。 参考：页面优化有哪些方法 阅读全文
posted @ 2017-07-12 19:47 gq_orange 阅读(494) 评论(0) 推荐(0)
cookies，sessionStorage 和 localStorage 的区别
摘要：HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 阅读全文
posted @ 2017-07-12 14:33 gq_orange 阅读(363) 评论(0) 推荐(0)
如何在页面上实现一个圆形的可点击区域？
摘要：三种解决方案： html标签、css实现、 纯js实现 方案一： 定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。 方案二： 方案三： 阅读全文
posted @ 2017-07-12 14:09 gq_orange 阅读(3743) 评论(0) 推荐(0)
json解析与序列化
摘要：JSON是什么 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于javascript的一个子集。数据格式简单, 易于读写, 占用带宽小。是前后台数据交互最常见的一种数据格式。 存储和交换文本信息的语法。 数据格式：简单值 、 对象 、数组 JSO 阅读全文
posted @ 2017-07-12 10:22 gq_orange 阅读(351) 评论(0) 推荐(0)
map.(parseInt)方法详解
摘要：偶然间碰到这样一个问题： 运行结果 [ 1, NaN, NaN ] ，而不是[ 1, 2, 3 ]. 但是单独拿出来转换又可以。 下面我们从parseInt()方法和map()方法进行分析找出原因。 parseInt()方法分析 parseInt(s,radix)解析一个字符串，并返回一个整数。 s 阅读全文
posted @ 2017-07-11 16:34 gq_orange 阅读(3219) 评论(0) 推荐(2)

1 2 3 下一页