从事软件研发十余年,入行前端开发六年有余,对前端工程化有一定认识。 现就职于客如云科技有限公司,任前端技术经理一职。
原文地址:http://blog.csdn.net/hfahe/article/details/7730944 前言:像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及,在百度或者Google上搜索CORS,搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍,让我等前端同学情何以堪(对比起来,用Google搜到的国外文章,基本都是跨域资源共享的介绍,说明了前端技术在国内外环境和发展的巨大差距)。
原文地址:http://blog.csdn.net/hfahe/article/details/7727460 前言:HTML5出现后,网络安全更加受到广泛的关注。Web对于网络安全有哪些改进?我们如何来面对越来越危险的网络欺诈和攻击?下面的文章谈到了W3C对于这个问题的最新解决方案。
原文地址:http://blog.csdn.net/hfahe/article/details/8049414 一、WebSQL安全风险简介 数据库安全一直是后端人员广泛关注和需要预防的问题。
原文地址:http://blog.csdn.net/hfahe/article/details/7961618 一、WebStorage简介 HTML5支持WebStorage,开发者可以为应用创建本地存储,存储一些有用的信息。
原文地址:http://blog.csdn.net/hfahe/article/details/7961566 一、从SOP到CORS SOP就是Same Origin Policy同源策略,指一个域的文档或脚本,不能获取或修改另一个域的文档的属性。
原文地址:http://blog.csdn.net/hfahe/article/details/7960705 在今天的2012中国软件开发者大会上,我做了名为《关注HTML5安全》的主题演讲。
原文地址:http://www.csdn.net/article/2012-08-07/2808306 摘要:时时关注同一领域中技术牛人的动态和思想,有助于开发者未来的职业发展。本文列出了你在Twitter上必须关注的知名JS程序员列表。
原文地址:http://www.csdn.net/article/2012-10-11/2810660-NoSQL-MongoDB-HBase 摘要:随着大数据的不断发展,非关系型的数据库现在成了一个极其热门的新领域,非关系数据库产品的发展非常迅速。
原文地址:http://www.csdn.net/article/2012-07-26/2807740-JavaScript 摘要:JavaScript是一种灵活的语言,这有时使它名声较差,但是往好的一面看,它也向您提供了快速、创造性地编写代码的能力。
今天要介绍的两个模块分别是assert和vm,下面我们就分别介绍。 使用assert做测试 node中,我们可以使用assert模块来测试代码。equal()和notEqual()分别作相等性和不等性的判断,第一个参数是期望值,第二个参数是真实值,第三个参数是异常信息,例子如下: var assert = require('assert'); assert.
虽然node对操作系统做了很多抽象的工作,但是你还是可以直接和他交互,比如和系统中已经存在的进程进行交互,创建工作子进程。node是一个用于事件循环的线程,但是你可以在这个事件循环之外创建其他的进程(线程)参与工作。
今天介绍的是DNS和加密相关的api。 DNS dns包括两个主要的方法:resolve(),把域名转换成dns记录;reverse(),把ip地址转换成域名。 dns.resolve()包括三个参数:域名,记录类型和回调函数。
I/O是使node与其他框架与众不同的很重要的一个部分,本章将解释它是如何实现node非堵塞I/O的。 Streams stream api是一个抽象接口,他帮助node中很多部分实现不间断输入和输出的操作。
node一个重要任务是用来创建web服务,接下来我们就学习与此相关的一个重要的api -- http。我们使用http.createServer()创建一个http服务的实例,用来处理来自客户的请求。
从今天开始,我们将介绍node的一些重要的api,首先向大家介绍的是events。他是node中相当重要的一个api,也是实现其他一些api的基础,对他有好的理解,会帮助你使用好其他的api。 如果你用javascript开发过浏览器的应用,那你一定很熟悉事件。
今天要介绍的是node的事件循环机制,他是一些交互系统的基本概念,他更是javascript语言核心的一部分。因为对于使用浏览器的用户,javascript就是通过处理用户的click,mouse等相关的事件来处理用户的请求的。
今天我们来完善twitter应用。首先回到昨天的例子。 var express = require('express') var app = express() app.get('/', function(req, res) { res.send('Welcome to Node Twitter') }) app.listen(8000) 这里我们使用express模块来代替第一讲中使用的http模块,但其实express底层仍然使用到了http模块,它会帮我们完成服务器的创建和监听。
今天带来的例子是如何创建一个类似于twitter的应用程序。 准备工作: 首先我们需要安装express模块,他是node开发web应用的mvc框架。安装express很简单,是使用npm命令(Node Package Manager)。
这篇文章将通过开发一个简单聊天室的方式,介绍node.js的net模块。 一、第一版,只向客户端发送信息 我们先实现一个简单的版本,代码如下: var net=require('net'); var chatServer=net.
从今天开始,我将开始一个关于node.js的专题,是我读《node:up and running》的总结。第一课是关于node.js的安装,开发工具的介绍,以及如何创建我们的第一个服务:hello word。
demo地址:http://www.mycookingroom.com/geo.html 今天我们将把html5的geolocation结合google maps开发一个小的应用。google maps的api地址:https://developers.google.com/maps/documentation/javascript/?hl=zh-CN。
原文地址:http://www.ibm.com/developerworks/cn/web/1207_wangqf_jsthis/index.html 简介: JavaScript 是一种脚本语言,因此被很多人认为是简单易学的。
今天我们的内容是关于如何创建离线web应用,他的好处是可以让浏览器下载我们指定的web资源,这样用户在离线状态下也能正常使用我们的站点。 1.定义Manifest 我们使用manifest列举出需要离线时访问的资源,他本身是一个文本类型的文件,第一行经常是CACHE MANIFEST,然后列举我们需要的资源,每行一个。
本节课的内容是介绍web storage,使用它在浏览器里存储键值对的数据,功能上像以前的cookie一样,不过他更好,存储的数据可以更大。有两种类型的web storage:local storage和session storage,他们使用相同的实现机制,只是可见性和生命周期不同。
今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象,他提供了下列方法: getCurrentPosition(callback,errorCallback,options):获取当前位置; watchPosition(callback,error,options):开始监控当前位置; clearWatch(id):停止监控当前位置。
本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。
今天的内容是关于如何操作document对象。 1.操作Document Metadata 首先我们来看看相关的属性: characterSet:获取当前document的编码方式,该属性为只读; charset:获取或者设置当前document的编码方式; compatMod...
今天我们要用canvas制作一个猜字母的小游戏,先来张效果图。 游戏设计很简单,系统会随机从a-z的26个字母中选择一个保存起来,你键盘输入一个字母,系统会提示你正确字符比你当前输入字母小还是大,直到你输入正确的字母游戏才结束。
今天开始一个全新的关于html5系列课程,是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章节,或者有意义的内容进行整理,以供大家学习。 一个元素可以定义自己的属性,比如a标签定义href属性,这种叫局部属性(local attribute)。
原文地址: http://www.ibm.com/developerworks/cn/web/wa-lo-dojoajax1/?S_TACT=105AGX52&S_CMP=tec-csdn#code5 文章内容: null 与 undefined if ("" || 0) == 与...
原文地址:http://www.cn-cuckoo.com/2007/08/01/understand-javascript-closures-72.html 要成为高级 JavaScript 程序员,就必须理解闭包。
从今天开始,我们将开始一个关于html5 canvas的系列课程。这个系列是我读《HTML5 Canvas:Native Interactivity and Animation for the Web》后的总结,有兴趣的朋友可以去下载英文原版书籍阅读。
今天要介绍的是走马灯效果的制作,效果图如下,页面中‘Recent Posts’就是走马灯部分。 现在我们介绍如何制作走马灯,首先定义html页面结构。 ...
今天课程介绍的是移动的背景,顺便讲解下div+css动画的原理。首先还是先介绍如何制作移动的背景效果。 html代码比较简单,我就全贴出来了,稍后介绍js的实现。 DOCTYPE html> header { ...
今天我们要介绍的jquery动画效果是,当移动鼠标或者按键盘的左右键时,图片走廊中的图片向相应方向转动。 先来看张效果图,教程最后附有demo,大家可以下载。 首先要做的工作是创建html文本。
我们本章要介绍的是单页导航动画效果的实现,感觉有点拗口,其实我也不知道这个效果动画到底叫什么名字合适。 其实他实现的功能还是好理解的,就是有一个母页面,母页面会加载一定数目的子页面,母页面上有各个子页面的link。
我将上一章中了插件做了个小小的升级,实现了自动运行效果,完整代码大家见demo。 主要的变化点有:把‘下一条’、‘上一条’的click事件抽象到一个函数showNext中。添加setInterval,添加selector元素的hover事件。
今天我们要完成的是一个带有遮罩效果(补间动画)的图片走廊jquery插件:jquery.tranzify.js。我们先看下效果: 好了,现在我们开始讲解这个jquery动画插件如何制作,大家可以再文章最后下载demo,查看详细代码。
今天文章的内容是关于使用jquery的animate方法,修改html元素的position属性,创建一个图片走廊。效果预览图片: 大家可以下载demo看完整效果,下面介绍制作过程。 1.
webstorm是开发node.js最好的工具,大家可以去网上下载最新版本。他是付费软件,有30天的试用时期,大家可以找破解版来用,我下载的是4.0版本,网上找了破解密钥。 密钥内容: username:solq 35758-12042010 00001cIW59IBVHRPp019pvqMI0zUcw RqOCGkr4xcLxYJaUE6RgIfTVRv43kV 80GauemJf4PvNrFQdFYdjTGBTmZZXQ 软件安装完毕就需要为其配置node,方法如下: 点击圈中的icon,会有对话框弹出。
我们今天要做的是手风琴panel,jquery.ui里面有个叫做accordtion的插件,我们要实现的效果和他一样。 首先我们还是创建一个html文件,里面包含如下的html结构。 first pane this script should allow only one pane to be visible at a time.
今天我们介绍的是提示框插件tooltip的制作,其中还会介绍到自定义选择器插件的开发。 我们首先来介绍自定义选择器的开发,他的代码结构如下: (function ($) { $.expr[':'].customselector = function (object,index,properties,list) { //code }; })(jQuery); 调用时候的写法: $(a:customselector) 现在我们先解释下函数中所使用到的各个参数。
本章我们将创建一个自增长的输入框插件,jquery.aotogrow.js。首先还是看html代码: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结,有兴趣的朋友可以去看原版书籍。 动画效果对于丰富网站的交互体验起到了不可或缺的作用,他可以让你的站点更酷,更吸引人。
今天的内容是关于表单验证插件的制作。表单验证控件实现的主要功能是,当表单提交的时候检查必填项是否正确填写,同时根据需要验证输入信息是否符合规范。 先下页面代码: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
本文主要内容是讲解图片走廊-gallery的实现。 首先创建jquery.gallery.js的插件文件,构建程序骨架。 (function ($) { $.fn.gallery = function () { return this.
该系列文章是我阅读
本章的主题是继承,在javascript中要实现继承比其他面相对象语言要复杂的多,他主要使用原型实现继承。下面就介绍几种常用的实现继承的方式。 1.经典继承(Classical Inheritance) 我们首先创建一个Person类。
http://www.cnblogs.com/TomXu/archive/2012/02/06/2330609.html 介绍 本章是关于ECMAScript面向对象实现的第2篇,第1篇我们讨论的是概论和CEMAScript的比较,如果你还没有读第1篇,在进行本章之前,我强烈建议你先读一下第1篇,因为本篇实在太长了(35页)。
http://www.cnblogs.com/TomXu/archive/2012/01/18/2312463.html 前言 在第12章关于变量对象的描述中,我们已经知道一个执行上下文 的数据(变量、函数声明和函数的形参)作为属性存储在变量对象中。