随笔分类 - Javascript
摘要：引子 浏览器URl地址，上网一定会用到，但是浏览器地址有中文或者浏览器url参数操作的时候，经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作，请看文章http://www.haorooms.com/post
阅读全文
摘要：操作符~， 是按位取反的意思，表面上~~（取反再取反）没有意义，实际上在JS中可以将浮点数变成整数。 <html> <script> var myArray = new Array(); myArray.push("a"); myArray.push("b"); myArray.push("c");
阅读全文
摘要：1. 事件的创建 JS中，最简单的创建事件方法，是使用Event构造器： var myEvent = new Event('event_name'); 但是为了能够传递数据，就需要使用 CustomEvent 构造器： var myEvent = new CustomEvent('event_nam
阅读全文
摘要：目录 概述 module对象 module.exports属性 exports变量 AMD规范与CommonJS规范的兼容性 require命令 基本用法 加载规则 目录的加载规则 模块的缓存 环境变量NODE_PATH 模块的循环加载 require.main 模块的加载机制 require的内部
阅读全文
摘要：首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成，采用CommonJS模块规范。 根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 Commo
阅读全文
摘要：JS和canvas的合成方式 function drawAndShareImage(){ var canvas = document.createElement("canvas"); canvas.width = 700; canvas.height = 700; var context = can
阅读全文
摘要：全景图的基本原理 全景图是一种广角图。通过全景播放器可以让观看者身临其境地进入到全景图所记录的场景中去。比如像是这个。这种看起来很高大上的效果其实背后的原理并不复杂。 通常标准的全景图是一张2：1的图像，其背后的实质就是等距圆柱投影。等距圆柱投影是一种将球体上的各个点投影到圆柱体的侧面上的一种投影方
阅读全文
摘要：针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。 因此针对这类事件要进行防抖动或者节流处理 防抖动 它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成
阅读全文
摘要：HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w
阅读全文
摘要：requestAnimationFrame 方法让我们可以在下一帧开始时调用指定函数。但是很多人可能不知道，不管三七二十一直接在 requestAnimationFrame 的回调函数里绘制动画会有一个问题。是什么问题呢？要理解这个问题，我们先要了解 requestAnimationFrame 的一
阅读全文
摘要：JavaScript Puzzlers原文 1. ["1", "2", "3"].map(parseInt) 答案：[1, NaN, NaN] 解析：parseInt (val, radix) ：两个参数，val值，radix基数（就是多少进制转换） map 能传进回调函数 3参数 (element
阅读全文
摘要：最近做了做一些js面试25 Essential JavaScript Interview Questions*，其中第一道是：使用typeof bar "object"检测”bar”是否为对象有什么缺点？如何避免？ 这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，
阅读全文
摘要：1. instance of 2、constructor 3、 isArray 1、var a=new Array(); a instanceof Array; //true 2、var a=new Array(); a.constructor==Array; //true 3、对支持isArray
阅读全文
摘要：先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的
阅读全文
摘要：我们来看当我们在浏览器输入http://www.mycompany.com:8080/mydir/index.html,幕后所发生的一切。 首先http是一个应用层的协议，在这个层的协议，只是一种通讯规范，也就是因为双方要进行通讯，大家要事先约定一个规范。 1.连接 当我们输入这样一个请求时，首先要
阅读全文
摘要：由于工作中有很多时候需要用到window.external，以前一直稀里糊涂的，今天又被人问到，于是突击学习了一下，记下备忘。 我们在js中可以通过window.external.myfunc()来调用浏览器提供的外部方法myfunc。可以让网页内的js脚本中能调用C++代码。IE的已默认实现了一些
阅读全文
摘要：定义和用法 <embed> 标签定义嵌入的内容，比如插件。 实例 <embed src="helloworld.swf" /> 提示和注释 注释：<embed> 标签必须有 src 属性。 提示：您无法在开始标签和结束标签之间写文本，来说明旧式的浏览器不支持该标签，就像 <audio> 和 <vid
阅读全文
摘要：AOP(面向切面的编程)主要是将一些与核心业务逻辑模块无关的功能抽离出来，这些功能通常包括日志统计，安全控制，或者是异常处理等等。 我们要做的就是拓展Function.prototype来“动态植入”到业务的逻辑模块儿中，保持业务逻辑的纯净和高内聚。 现在我们有一个函数 var myFunc = f
阅读全文
摘要：JavaScript 提供本地化文字排序，比如对中文按照拼音排序，不需要程序显示比较字符串拼音。 String.prototype.localeCompare 在不考虑多音字的前提下，基本可以完美实现按照拼音排序。 在没有出现意外的情况下，各个支持 localeCompare 的浏览器都很正常。最近
阅读全文
摘要：Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，他们可以使用XMLHttpRequest执行 I/O (尽管responseXML和通道属性总是为空)。一旦创建， 一个worker 可以将消息发送到创建它的JavaScript代码,
阅读全文
浙公网安备 33010602011771号