Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript版的TwoQueues缓存模型

JavaScript版的TwoQueues缓存模型

2017年02月06日 12 阅读
本文所指TwoQueues缓存模型，是说数据在内存中的缓存模型。 无论何种语言，都可能需要把一部分数据放在内存中，避免重复运算、读取。最常见的场景就是JQuery选择器，有些Dom元素的选取是非常耗时的，我们希望能把这些数据缓存起来，不必每次调用都去重新遍历Dom树。 存就存吧，但总得有个量吧！总不能把所有的历史数据都放在内存中，毕竟目前内存的容量还是相当可怜的，就算内存够大，理论上每个线程分配的内存也是有限制的。 那么问题来了，如何才能高效的把真正有用的...
JavaScript前端图片加载管理器imagepool使用详解

JavaScript前端图片加载管理器imagepool使用详解

2017年02月06日 12 阅读
前言 imagepool是一款管理图片加载的JS工具，通过imagepool可以控制图片并发加载个数。 对于图片加载，最原始的方式就是直接写个img标签，比如：<img src="图片url" />。 经过不断优化，出现了图片延迟加载方案，这回图片的URL不直接写在src属性中，而是写在某个属性中，比如：<img src="" data-src="图片url" />。这样浏览器就不会自动加载图片，等到一个恰当的时机需要加载了，则用j...
jQuery中element选择器用法实例

jQuery中element选择器用法实例

2017年02月06日 12 阅读
本文实例讲述了jQuery中element选择器用法。分享给大家供大家参考。具体分析如下：此选择器能够匹配具有指定标签名的元素。例如:复制代码 代码如下:$（"div"）以上代码能够选取所有的div元素。语法结构:复制代码 代码如下:$（element）参数列表:参数描述element一个用于搜索的元素。指向DOM节点的标签名。实例代码:复制代码 代码如下:<！DOCTYPE HTML><html><head><m...
JavaScript中的console.profile（）函数详细介绍

JavaScript中的console.profile（）函数详细介绍

2017年02月06日 12 阅读
编写JavaScript程序时，如果需要知道某段代码的执行时间，可以使用console.time（）。不过，在分析逻辑较为复杂的JavaScript程序，试图从中找出性能瓶颈的时候，console.time（）就不适用了 — 深入分析逻辑较为复杂的JavaScript程序的运行就意味着插入大量的console.time（）语句，而这无疑是不可接受的。对于复杂逻辑的JavaScript程序调优，正确的方法是使用console.profile（）。浏览器支持安...
谷歌浏览器调试JavaScript小技巧

谷歌浏览器调试JavaScript小技巧

2017年02月06日 13 阅读
谷歌浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。工欲善其事必先利其器，接下来笔者给大家分享一些Chrome的使用方法。假如读者了解如何在Chrome中添加JavaScript断点，那请继续阅读；否则，自行脑补。假如有这样一段代码：复制代码 代码如下:var a = 1;function test（）{ var a, b, c, d, e; a = 2; b = a - 1; b = 9; c = 3; d = 4; e = ...
JavaScript中的console.group（）函数详细介绍

JavaScript中的console.group（）函数详细介绍

2017年02月06日 12 阅读
在使用console.log（）或者其它日志级别的控制台输出功能时，日志输出是没有层级关系的。当程序中日志输出较多时，这一局限性将带来不小的麻烦。为了解决这一问题，可以使用console.group（）。以下面代码为例：复制代码 代码如下:function doTask（）{ doSubTaskA（1000）; doSubTaskA（100000）; console.log（"Task Stage 1 is completed"）; doSubTaskB（...
JavaScript中的console.dir（）函数介绍

JavaScript中的console.dir（）函数介绍

2017年02月06日 13 阅读
在调试JavaScript程序时，有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作：针对对象的属性进行循环，将循环到的每一个属性值打印出来；可见，这一过程是比较繁琐的。在具备调试工具的浏览器上，这一工作可以通过console.dir（）语句来方便的完成。console.dir（）的使用console.dir（）的使用非常简单，直接将需要dump的对象传入该语句即可。比如以下的例子：复制代码 代码如下:function...
jQuery中:eq（）选择器用法实例

jQuery中:eq（）选择器用法实例

2017年02月06日 12 阅读
本文实例讲述了jQuery中:eq（）选择器用法。分享给大家供大家参考。具体分析如下：此选择器匹配一个给定索引值的元素。元素的位置索引从0算起。语法结构:复制代码 代码如下:$（":eq（index）"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（"li:eq（1）"）.css（"color","green"）以上代码是将li元素集合中索引为1（也就是第二个li）的li中的字体颜色设置为绿色。如果不和其...
JavaScript中的console.assert（）函数介绍

JavaScript中的console.assert（）函数介绍

2017年02月06日 12 阅读
在JavaScript程序的开发和维护过程中，Assert（断言）是一个很好的用于保证程序正确性的特性。在具备调试工具的浏览器上，这一特性可以通过调用console.assert（）来实现。比如在以下代码中，console.assert（）语句保证cat对象的score变量值长度为3:复制代码 代码如下:function cat（name, age, score）{ this.name = name; this.age = age; this.score ...
JavaScript不使用prototype和new实现继承机制

JavaScript不使用prototype和new实现继承机制

2017年02月06日 12 阅读
此方法并非笔者原创，笔者只是在前辈的基础上，加以总结，得出一种简洁实用的JavaScript继承方法。 传统的JavaScript继承基于prototype原型链，并且需要使用大量的new操作，代码不够简洁，可读性也不是很强，貌似还容易受到原型链污染。 笔者总结的继承方式，简洁明了，虽然不是最好的方式，但希望能给读者带来启发。 好了，废话不多说，直接看代码，注释详尽，一看就懂~~~复制代码 代码如下:/** * Created by 杨元 on 14-11...
JavaScript中的值类型详细介绍

JavaScript中的值类型详细介绍

2017年02月06日 12 阅读
计算机程序的实质很大程度上可以说是机器对各种信息（值）的操作与读写。在JavaScript中，存在多种类型的值，这些值分成两大类：Primitive（基本类型）和Object（对象）。PrimitiveJavaScript中Primitive有5种类型：1.Number。所有的数字，无论是整数还是小数，均为Number类型。2.String。字符串类型。3.Boolean。布尔类型，true或者false。4.null。此类型只有null一个值。5.und...
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南

在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南

2017年02月06日 12 阅读
pasteimg是一款可以在浏览器中实现图片粘贴的jQuery插件，兼容Chrome、Firefox、IE11以及其他使用这些内核的浏览器，比如，国内著名的360浏览器。 pasteimg可以识别浏览器中直接复制的图片，也可以识别复制的富文本中的图片。仅仅可以识别在浏览器中复制的内容，操作系统中复制的图片是不能识别的。 pasteimg依赖jQuery，简单易用，引入jQuery和paste.image.js后，调用方式如下：复制代码 代码如下://在需要...
jQuery中:gt选择器用法实例

jQuery中:gt选择器用法实例

2017年02月06日 12 阅读
本文实例讲述了jQuery中:gt选择器用法。分享给大家供大家参考。具体分析如下：此选择器匹配所有索引值大于给定索引值的元素。索引值最小是从0开始的。语法结构:复制代码 代码如下:$（":gt（index）"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（"li:gt（0）"）.css（"color","blue"）以上代码能够将索引大于0的li元素中的字体颜色设置为绿色。如果不和其他选择器配合使用，则默...
JavaScript常用小技巧小结

JavaScript常用小技巧小结

2017年02月06日 12 阅读
前言 总结一下最近接触到的JavaScript语法糖，与大家共享。 每块糖都有详细的说明和示例，就不多说了。准确的类型检查复制代码 代码如下:/** @function:* 类型检查示例* 通过此方法，可以检查某个变量是否为期望的数据类型* @params:* obj 需要检查的变量，必选* config 数据类型白名单，可选，默认为全部类型* @return:* true 表示检查通过，false 未通过* @examples:* typeCheck（"...
JavaScript中的数值范围介绍

JavaScript中的数值范围介绍

2017年02月06日 12 阅读
JavaScript中所有的数字，无论是整数还是小数，其类型均为Number。在程序内部，Number类型的实质是一个64位的浮点数，这与Java中double类型的浮点数是一致的；因此，JavaScript中所有的数都是浮点数。遵循IEEE 754标准（浮点数算术标准），JavaScript所能表示的数值范围为正负1.7976931348623157乘以10的308次方，其最小所能表示的小数为正负5乘以10的负324次方，这两个边界值可以分别通过访问Nu...
jQuery中:lt选择器用法实例

jQuery中:lt选择器用法实例

2017年02月06日 12 阅读
本文实例讲述了jQuery中:lt选择器用法。分享给大家供大家参考。具体分析如下：此选择器匹配所有小于给定索引值的元素。索引值最小是从0开始的。语法结构:复制代码 代码如下:$（":lt（index）"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:复制代码 代码如下:$（"li:lt（3）"）.css（"color","blue"）以上代码能够将索引小于3的li元素中的字体颜色设置为蓝色。如果不和其他选择器配合使用，则默认状态...
<< 971 972 973 974 975 976 977 978 979 980 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图