Javascript中的delete操作符

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

2013-09-26 15:01:26

阅读数:544

评论数:0

javascript函数的throttle和debounce

throttle 我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器,是连续执行时间间隔控制。主要应用的场景比如: 鼠标移动,mousemove 事件DOM 元素动态定位,window对象的resize和scroll 事件 有人形象的把上面说的事件形象的比...

2013-09-26 11:28:20

阅读数:597

评论数:0

JavaScript 中的陷阱

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

2013-09-26 11:06:56

阅读数:429

评论数:0

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

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

2013-09-12 16:30:06

阅读数:523

评论数:0

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

JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来,但他们却忽略了框架身后浩如星海的 J...

2013-09-12 16:06:27

阅读数:470

评论数:0

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

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

2013-09-12 14:56:49

阅读数:566

评论数:0

HTML5终极备忘大全(图片版+文字版)

一、前言兼图片备忘 下图是我从testking网站上的Ultimate HTML5 Cheatsheat这篇文章中备忘图片(已大小优化,因为图片较高,故滚动显示)。 但是,上面毕竟是图片格式(原图上兆),而且还是英文的,所以自己觉得有必要将上面的内容文字化,同时做下简单的中...

2013-09-11 22:26:02

阅读数:773

评论数:0

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

一、关于纯CSS实现气泡对话框 首先,来张大图: 上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦。看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢。关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的...

2013-09-11 22:16:04

阅读数:538

评论数:0

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

先来看个图: 上图是这二年前端炙手可热的项目,这么项目多多少少都需要构建工具支持,grunt是不二之选。 前面二篇教程,大量使用grunt-contrib-uglify插件进行演示,一方面是uglify(压缩js文件)任务,基本上是代码发布前必须执行的,另一方面grunt-contrib-...

2013-09-11 16:01:37

阅读数:1272

评论数:0

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

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

2013-09-11 16:00:28

阅读数:827

评论数:0

grunt入门指南系列一

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

2013-09-11 15:41:52

阅读数:737

评论数:0

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

一、Node.js简介     为了说服您阅读这份简单的说明,我想先给Node.js做点广告还是有必要的。先看看都有谁在用Node.js吧,跟着业界老大混,总是大差不差的。首先,微软的云服务Azure已经开始支持Node.js、还有就是Ebay、Yahoo、Linkedin,是不是有点精神了...

2013-09-11 15:01:33

阅读数:1376

评论数:0

Github上传代码图文教程

第一步:创建Github新账户 第二步:新建仓库 第三部:填写名称,简介(可选),勾选Initialize this repository with a README选项,这是自动创建REAMDE.md文件,省的你再创建。 第四步:安装Github shell程序...

2013-09-11 14:37:48

阅读数:893

评论数:0

grunt前端任务管理工具

Gruntjs是前端项目构建工具,基于node的命令行工具。很多公司或者js项目都是用gruntjs来搭建,例如jQuery,twitter,Qunit等。主要功能有: 合并文件压缩html/js/css/图片文件语法检测单元测试(基于Qunit)watch功能 相对于Ant的打包工具,gru...

2013-09-10 11:13:39

阅读数:677

评论数:0

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

一 javascript正则表达式的基本知识 1     Javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp(”cat”); 你也可以 var reCat = /cat/;      //Perl 风格   (推荐) 2 ...

2013-09-08 16:38:10

阅读数:467

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭