Snandy

摘要： 以win7 Safari5示例1、偏好设置2、隐私 阅读全文

摘要： 前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。大概有如下步骤新建项目Bejs新建文件package.json新建文件Gruntfile.js命令行执行grunt任务一、新建项目Bejs源码放在src下，该目录有两个js文件，selector.js和ajax.js。编译后代码放在dest，这个grunt会自动生成。二、新建package.jsonpackage.json放在根目录下，它包含了该项目的一些元信息，如项目名称、描述、版本号，依赖包等。它应该和源码一样被提交到svn或git。 现在的项目结构如下package.j 阅读全文

摘要： Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用合并JS文件压缩JS文件单元测试（基于QUnit）一句话：完全自动化（automation）以下是它的安装过程。一、安装node... 阅读全文

摘要： ES3中，delete在8.6.2.5及11.4.1有介绍，如下有一些信息，1、实现上delete操作符会调用引擎内部的[[Delete]]方法2、[[Delete]]在8.6.2里定义3、删除的属性有个DontDelete的特性，如果有，delete时直接返回false搜索“DontDelete”，会发现有很多，如下都不能delete1， 激活对象的arguments对象 (10.1.6)function func() { delete arguments; alert(arguments);}func(1);2，变量声明 (10.2.1)var a = 10;delete a;alert( 阅读全文

摘要： 做编辑器开发时碰到的重现步骤： 1.将光标点到文本“some text”的末尾（想在“some text”后插入内容） 2. 将光标点到“输入域”的文本框 3.点击“插入HTML”按钮结果： 1.IE6-10中每次都在编辑器最前面插入内容 2.Firefox/Chrome/Safari中每次都在编辑器后面插入内容原因：应该是IE bug， 即光标离开编辑器，移入本窗口的另一个输入域后。IE不能记忆编辑器上一次的光标位置，这时插入内容时每次都在最前面插入。 其它浏览器则能记忆上一次光标位置，能满足用户需求。解决方案所有的编辑器如UEditor、KindEditor、... 阅读全文

摘要： queue模块在jQuery中分在Effects中，搜索整个库会发现queue也仅在特效模块effects.js中被使用。jQuery抽取出独立的命名空间给queue，说明除了内部Effects模块使用外，客户端程序员可以充分发挥聪明才智使用queue来构建非动画API。 queue模块向外开放的A 阅读全文

摘要： 最近我的电脑C盘空间满了，在清理磁盘空间时发现C盘2个大文件，分别有4G和3G大。一个是pagefile.sys，一个是hiberfil.sys。如下　“hiberfil.sys”是系统休眠文件，其大小和物理内存一样大，它可以删除（但不能手动删除），只要在“控制面板”中打开“电源选项”，之后在电源管理对话框的“休眠”标签下，去掉“启用休眠”前的勾，休眠文件就会自动删除。 “pagefile.sys”是页面交换文件（即虚拟内存），这个文件不能删除，不过可以改变其大小和存放位置：右击“我的电脑/属性”，然后在对话框的“高级”标签下单击“性能”下的“设置”按钮，在”性能选项”对话框中切换到“高级”. 阅读全文

摘要： 我们知道 instanceof 运算符用来检查对象是否为某构造器的实例。下面列举它返回true的各种情景。1、对象obj是通过new Constructor创建的，那么obj instanceof Constructor 为truefunction Person(n, a) { this.name = n; this.age = a;}var p = new Person('John Backus', 82);console.log(p instanceof Person); // true2、如果存在继承关系，那么子类实例 instanceof 父类也会返回truefunct 阅读全文

摘要： 大多数程序设计语言都有数据类型的概念，数据类型指定义一组数据值以及在这些数据值上相关的一组操作。我们知道计算机通过操作数据来产生结果，决定计算机程序执行认为难易程度的一个重要原因是可提供的数据类型与真实世界问题空间的匹配程度。因此，一种语言能支持多样化的类型与结构就成为关键。数据类型的概念是从过去50年间发展过来的最早的语言仅支持少量的数据结构，如Fortran 90之前通常用数组来模拟链表及二叉树。COBOL允许程序员指定小数的精度，并通过记录提供一种结构化的数据类型，跨出了Fortran I模式的第一步。PL/I更是将精度说明的功能扩展到整数及浮点类型，该功能从此也被引进到了Ada和For 阅读全文

摘要： 有几种方式，但都不完美其一，不断循环，直到达到指定时间function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; }}其实代码并没有让脚本sleep下来，相反让CPU迅速上到高负荷的附作用。多数现代浏览器会在该段时间内处于假死状态其二，用xhr同步请求后台程序，比如传2000过去，后台就sleep 2秒后再返回，这 阅读全文

摘要： jQuery的serialize模块中有个r20正则var r20 = /%20/g,jQuery.param方法中会将所有的"%20"转成"+"，即提交数据前，数据中如果包含空格，那经过encodeURIComponent后，空格会转成"%20"encodeURIComponent(' ') === '%20'; // true最后需要将"%20"转换成"="再Post提交。这样后台程序接受到的才是真正的空格。关于 encodeURIComponent，见MDC 阅读全文

摘要： Mac OSX 自带了telnet模块，打开终端就可以直接使用了。Win7中也自带了，但默认不开启。以下步骤开启telnet1. 打开控制面板2.程序和功能3.打开或关闭Windows功能4.找到telnet客户端，把这2项都勾选上，然后确定就可以了注意，如果只要telnet别人的话，就选telnet客户端 阅读全文

摘要： 前端面试中常被问到的问题之一就是“JavaScript的基本类型有几种？”。 有的回答“数字、字符串、布尔”，有的可能会再加上“Null、Undefined”。而有人可能认为“object”也是基本类型。到底是什么样呢？ 所谓“基本类型（primitive types）”的概念ECMAScript（ 阅读全文

摘要： 公司用的是Win7，家里用的Mac OSX，又有iPad，iPhone。通过iClond可实现Safari的书签同步。这样在任何一个设备上添加了一个网址到书签里，其它设备都能保持更新。首先需要做的是注册一个apple id。Win7下需要安装一个iClond控制面板，这里提供下载。虽然一直下一步就哦了。如图安装完，使用apple id登陆的界面如下Mac OSX下的Safari目前版本是6，打开系统偏好设置，选择iCloud项有时，书签没有同步（猜测可能是bug，或者有个定时时间），可以手动将safari选项前面的勾选去掉，然后在勾上。这时会触发同步操作。iPad和iPhone的情况和Mac 阅读全文

摘要： Deferred对象是由 jQuery.Deferred 构造的，jQuery.Deferred 被实现为简单工厂模式。 它用来解决JS中的异步编程，它遵循 Common Promise/A 规范。实现此规范的还有 when.js 和 dojo。 $.Deferred作为新特性首次出现在版本1.5中 阅读全文

摘要： Facade Pattern 国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。这里使用名词“外观模式”。外观模式属于接口型模式，它提供一个更方便，高层接口，使用一致性的界面使得API更加容易使用。它有两个作用：简化复杂接口解耦和，屏蔽客户端对子系统的直接访问外观模式在JavaScript中被众多类库频繁使用。由于早期各浏览器提供的API差异性较大，类库的基本作用之一是扫平这些凹凸不平，提供统一接口供前端工程师使用。使用外观模式，我们可以间接地与一个复杂子系统打交道，与直接访问相比 阅读全文

摘要： 两种方式实现URLFileReader html5 图片上传预览 URL.revokeObjectURL方法Opera不支持，FileReader除IE9及以下不支持，其它浏览器都支持。相关：https://developer.mozilla.org/en-US/docs/DOM/window.URL.createObjectURLhttps://developer.mozilla.org/en-US/docs/DOM/window.URL.revokeObjectURL 阅读全文

摘要： 从cmc那看到的，分享给园友。以下是一个怪异的代码，谁放在面试题会很坑爹的，如下a = { m: function() { this.n = function(x) { alert(x+2) } return 1 }, n: function(x) { alert(x+1) }}a.n(a.m())定义一个对象a，有个方法m，n。n很简单参数x加1后打印。重点在m，它执行时会修改方法n，把x加2后打印。当执行a.n(a.m())是结果是什么呢，2还是3？测... 阅读全文

摘要： $.Callbacks 是在版本 1.7 中新加入的。它是一个多用途的回调函数列表对象，提供了一种强大的方法来管理回调函数队列。 整个 $.Callbacks 的源码不到 200 行，它是一个工厂函数，使用函数调用方式（非new，它不是一个类）创建对象，它有一个可选参数flags用来设置回调函数的行 阅读全文

摘要： 工厂模式也是对象创建模式之一，它通常在类或类的静态方法中去实现。构造对象的一种方式是使用new操作符，但使用new时正是针对实现编程，会造成“耦合”问题，与具体的类关系紧密。导致代码更脆弱，缺乏弹性，在复杂逻辑的项目中建议是面向接口编程。先看简单工厂模式Person(name, age) { var obj = {} obj.name = name obj.age = age return obj}var p1 = Person('jack', 25)var p2 = Person('lily', 22)与构造函数方式写一个类的区别在于没有使用this，而是每次 阅读全文

摘要： 方式一： 利用margin<!DOCTYPE html><html> <head> <title>块级元素水平，垂直居中</title> <meta charset="utf-8"> <style> .wrapper { height: 600px; border: 1px solid gray; } .box { width: 100px; height: 100px; background: gold; ... 阅读全文

摘要： 正则里“g”表示全局(global)的意思，比如当替换字符串时，如果正则不加g，则只替换一次。str = 'hello, jack, hello, lily';reg = /hello/;res = str.replace(reg, 'hi');console.log(res); // 'hi, jack, hello, lily'第二个hello未被替换，正则reg换成“/hello/g”后则全部替换。“g”还有一个作用是它会记录上次匹配时的位置(lastIndex)。这道题如下var reg = /abc/g;var str = 'a 阅读全文

摘要： 我使用的Mac OS X版本是10.8.2，Mac自带了Apache环境。启动Apache设置虚拟主机启动Apache打开“终端(terminal)”，输入 sudo apachectl -v，（可能需要输入机器秘密）。如下显示Apache的版本接着输入 sudo apachectl start，这样Apache就启动了。打开Safari浏览器地址栏输入 “http://localhost”，可以看到内容为“It works!”的页面。其位于“/Library（资源库）/WebServer/Documents/”下，这就是Apache的默认根目录。Apache的安装目录在：/etc/apach 阅读全文

摘要： 子程序在不同的语言里有多种叫法，如过程、函数、方法。一、子程序定义及调用Perl定义使用关键字sub，调用子程序使用&。JS使用function定义，调用使用小括号()。sub sayHi { print 'Hi, everybody!';}&sayHiJSfunction sayHi() { alert('Hi, everybody!')}sayHi()二、返回值两者不显示使用return时都具有默认返回值，Perl是undef，JS是undefined。除此之外，Perl在返回确切的数据时可以省略return。其它情形和JS一样，比如在分支中 阅读全文

摘要： 上一篇列出了Perl中定义数组，对象的方式与JS的异同。这里继续补充数组，哈希的相关操作。一、数组可以对数组进行增删，插入。与JS不同的是这些函数都是全局的，JS则是挂在Array.prototype上。1，对数组尾部的操作pop（删除最后的元素）、push（在尾部添加）@goods = qw/pen pencil/;pop(@goods); # @goods 变成 (pen)push(@goods, 'brush'); # @goods 变为 (pen, brush)在Perl中，函数调用时小括号是可选的（视上下文而定），就象前面使用的print。以下是等价的pop @goo 阅读全文