2013年09月_hsany330

转载 Javascript中的delete操作符

变量说到javascript中的delete操作符，还是首先要搞清楚javascript中的变量和属性之间的关系。javascript中，变量和对象属性关系非常微妙，甚至可以很多时候会被等同起来，因为 javascript 在执行脚本之前会创建一个Global对象，在浏览器中就是window对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activatio

2013-09-26 15:01:26 752

转载 javascript函数的throttle和debounce

throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如：鼠标移动，mousemove 事件DOM 元素动态定位，window对象的resize和scroll 事件有人形象的把上面说的事件形象的比喻成机关枪的扫射，throttle就是机关枪的扳机，你不放扳机，它就一直扫射。我们开发时用

2013-09-26 11:28:20 779

转载 JavaScript 中的陷阱

由于 JavaScript “弱语言”的性质，使得其在使用过程中异常的宽松灵活，但也极为容易“掉进陷阱”。这些陷进往往隐藏的很深，所以要多加小心。全局变量JavaScript 通过函数管理作用域。在函数内部声明的变量只在这个函数内部，函数外面不可用。另一方面，全局变量就是在任何函数外面声明的或是未声明直接简单使用的。“未声明直接简单使用”，指的是不用 var 关键字来声明变

2013-09-26 11:06:56 524

转载 CSS背景色镂空技术实际应用及进阶

一、背景色镂空？什么玩意？今天我翻墙逛twitter的时候，见到了这种技术更为实际的应用。看下图所示的效果截图：问题：这些小图标是如何实现的呢？当下，我们一般的做法是，打开photoshop，把这些图标抠出来，然后周边透明，以用在各种背景上。然而，twitter的上图效果是相反的做法，图标形状区域是透明镂空的，而周边是实色的。点击来个随机背景色看

2013-09-12 16:30:06 887

转载 JavaScript 开发者经常忽略或误用的 7 个基础知识点

JavaScript 本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中，今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来，但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你呈献其中7个基础知识点。 1. 在 String.pr

2013-09-12 16:06:27 564

转载深入理解CSS3 gradient斜向线性渐变

一、问题没有想得那么简单提问，使用CSS3 gradient渐变，在一个400*300的div层上实现一个(100px, 100px)到(200px, 200px)由红到黄的斜向线性渐变，该如何实现？//zxx: 这里的讨论CSS3渐变都是基于新式规范写法，且忽略私有前缀我们可能知道水平渐变的实现，类似这样：{background-image:linear-gr

2013-09-12 14:56:49 952

转载 HTML5终极备忘大全（图片版+文字版）

一、前言兼图片备忘下图是我从testking网站上的Ultimate HTML5 Cheatsheat这篇文章中备忘图片（已大小优化，因为图片较高，故滚动显示）。但是，上面毕竟是图片格式（原图上兆），而且还是英文的，所以自己觉得有必要将上面的内容文字化，同时做下简单的中文翻译。整理一番，于是就有下面的些内容。二、文字备忘之标签HTML5中新增的标签

2013-09-11 22:26:02 889

转载纯CSS实现各类气球泡泡对话框效果(推荐阅读)

一、关于纯CSS实现气泡对话框首先，来张大图：上边这张黄黄的，大大的，圆圆的，有个小尾巴，文字内容有些YY的图片，就是使用纯CSS实现的气泡对话框效果，一点图片都没有哦。看到这里，你是不是跟我一样，有些惊叹CSS的潜力呢。关于这张图片，暂时先放到一边，下面我要讲一些与主旨相关的比较重要的，同时又很实用的一些技术。我们首先看下面这一张图片（截自人人网）：可能颜

2013-09-11 22:16:04 812

转载常用插件的使用—grunt入门指南之三

先来看个图：上图是这二年前端炙手可热的项目，这么项目多多少少都需要构建工具支持，grunt是不二之选。前面二篇教程，大量使用grunt-contrib-uglify插件进行演示，一方面是uglify（压缩js文件）任务，基本上是代码发布前必须执行的，另一方面grunt-contrib-uglify非常典型，堪称grunt的插件的代码。接下来明河再拎出一些常用的插件，

2013-09-11 16:01:37 1491

转载任务配置详解—grunt入门之二

任务配置指的是grunt.initConfig({})中的任务配置，上一篇文章我们配置了uglify（这里指任务名，而不是插件名）任务，用于压缩js文件，接单演示了任务配置的功能。这一篇教程将深入讲解任务配置的细节。多任务目标构建中有二个关键字：任务（task）和目标（target），一个任务可以包含多个任务目标。grunt.initCo

2013-09-11 16:00:28 1067

转载 grunt入门指南系列一

什么是grunt？grunt是javascript项目构建工具，在grunt流行之前，前端项目的构建打包大多数使用ant。（详细请看明河写的《ant与前端》），但ant对于前端而言，存在不友好，执行效率低，学习成本高的问题。“人活一世，有的成了面子，有的成了里子都是时势使然”—《一代宗师》grunt成为面子，ant成为里子，也是时势使然（只是说前端项目构建中），js模块化和

2013-09-11 15:41:52 894

转载 Node.js 的安装和控制台命令——Node.js摸石头系列

一、Node.js简介为了说服您阅读这份简单的说明，我想先给Node.js做点广告还是有必要的。先看看都有谁在用Node.js吧，跟着业界老大混，总是大差不差的。首先，微软的云服务Azure已经开始支持Node.js、还有就是Ebay、Yahoo、Linkedin，是不是有点精神了？嗯，我们继续。下面是官网的自我介绍： Node.js is a pla

2013-09-11 15:01:33 1713

转载 Github上传代码图文教程

第一步：创建Github新账户第二步：新建仓库第三部：填写名称，简介（可选），勾选Initialize this repository with a README选项，这是自动创建REAMDE.md文件，省的你再创建。第四步：安装Github shell程序，地址：http://windows.github.com/第五步：打开Git Shell，输

2013-09-11 14:37:48 1044

转载 grunt前端任务管理工具

Gruntjs是前端项目构建工具，基于node的命令行工具。很多公司或者js项目都是用gruntjs来搭建，例如jQuery，twitter，Qunit等。主要功能有：合并文件压缩html/js/css/图片文件语法检测单元测试（基于Qunit）watch功能相对于Ant的打包工具，grunt更加灵活，语法采用json，比xml语法更加简洁，作为前端工程师可能更喜欢写json。

2013-09-10 11:13:39 800

转载 JS的正则表达式常用方法test exec match search replace split

一 javascript正则表达式的基本知识1 Javascript 正则对象创建和用法声明javascript 正则表达式var reCat = new RegExp(”cat”);你也可以var reCat = /cat/; //Perl 风格（推荐）2 学习最常用的 test exec match search replace split

2013-09-08 16:38:10 632

hsany330的专栏