摘要：
这是一个用javascript 在canvas 上实现的简单的画图应用，用支持html5 的浏览器便可在下面的区域进行绘画：您的浏览器不支持canvas!功能很简单，原理其实和拖放是类似的，主要是三个事件：1. 在canvas 上绑定mousedown 事件以标志绘画的开始（调用moveTo 移动画笔）2. 在document 上绑定mousemove 事件来处理绘画时的行为（调用lineTo 以及stroke 进行绘画）3. 在document 上绑定mouseup 事件以标志绘画的结束（解绑document 上的两个事件）实现时需特别注意的一点是调用moveTo 以及lineTo 方法时如 阅读全文
摘要：
很多人都对今天google 首页的动态logo 感兴趣，我也照着实现了一下，但是刚刚发现园子里已经有人捷足先登了（请看这里）。。。毕竟是自己的劳动成果，我想就还是发了吧，其实胡尐睿丶同学的实现还是有点投机取巧的，他把动画执行完成后生成的html 全部复制下来了，先全部隐藏然后再逐个显现。。。我的方法则是和google 一样，不断的插入带有背景的div 来实现的，先是建立一个这些div 样式信息[l... 阅读全文
摘要：
之前本人的工作和学习多以原生js 为主，对jQuery 一直都不是很了解，但jQuery 作为当今最优秀的js 类库之一，必须是要花时间好好学习下的，今天正好蛋疼，读了里面一些代码，小结一下：整个类库定义在一匿名函数中，杜绝了全局变量的产生；将undefined 作为缺失的参数传递，防止了undefined 变量的污染；可以看出$(...) 实际上返回的是jQuery.fn.init 对象的实例，随后将该对象的prototype 指向了jQuery.prototype (语句jQuery.fn.init.prototype = jQuery.fn)，因此产生的实例共享着jQuery.proto 阅读全文
摘要：
一个简单的loading效果，用四个符号(-、\、|、/) 来模拟一个不断旋转的小东东，以提示用户当前正在载入中，ArcLive 上为玩家建立连线时便是这样显示的，呵呵。效果如下：载入中... function easy_loading(id) { var symbol = ['-', '\\', '|', '/'], elem = document.getElementById(id), i = 0; (function __func() { elem.innerHTML = symbol[i++ % 4]; setTimeou 阅读全文
摘要：
JavaScript 中把一个字符串转换成数字类型的方法有多种，比如说对于变量a，常见的转换书写方式有Number(a)、+a、~~a、parseInt(a)、parseFloat(a)，各自都有自己的适用场合，对这几种转换方式在这里稍微小结下：Number 和 + 的效果等价；当转换失败时 ~~ 返回0，其他的返回NaN；~~ 和 parseInt 不会返回浮点数；Number、+、~~ 将字符串看作一整体做转换，而parseInt、parseFloat 允许局部转换；对于八进制表示，parseInt 可进行正确的转换，其他方式则会忽略前导0；parseFloat 不识别十六进制整数，其他方 阅读全文
摘要：
【背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚 阅读全文
摘要：
女朋友手机上的一个游戏，尝试着用JavaScript 把它实现了，UI 粗糙了点。。。自己玩了很多遍，终于破百了，这证明了什么？哈哈，你懂的。大家也试试啊~ 分数：0 开始! 颜色识别小游戏 游戏开始后，下面的线框中会相继出现一些表示颜色的英文单词，当其意思与字体颜色一致时，请按向“左”方向键，否则请按向“右”方向键，答对一个加1分，答错一个减1分。有时间限制的哦。 还是那句话:"是男人就玩到100分!" here is 源码>> 阅读全文
摘要：
今天终于是把这本书看完了，每一章都有不小的收获，之后有时间的话会陆续整理出每一章的笔记，^_^言归正传，这一章讲到的是如何从数据访问层面上提高JS 代码的执行效率。总的来讲有以下几条原则：函数中读写局部变量总是最快的，而全局变量的读取则是最慢的；尽可能地少用with 语句，因为它会增加with 语句以外的数据的访问代价；闭包尽管强大，但不可滥用，否则会影响到执行速度以及内存；嵌套的对象成员会明显影响性能，尽量少用；避免多次访问对象成员或函数中的全局变量，尽量将它们赋值给局部变量以缓存。这么几句话看似简单，但要深刻理解其中的道理则需涉及到JS的标识符解析、作用域链、运行期上下文(又称为执行环境) 阅读全文
摘要：
《高性能JavaScript》，一本不可多得的好书，打算这个月把它看完。每章做个笔记，免得以后忘了~阻塞特性：JS 有个很无语的阻塞特性，就是当浏览器在执行JS 代码时，不能同时做其他任何事情，无论其代码是内嵌的还是外部的。脚本位置：浏览器在碰到一个引入外部JS 文件的<script>标签时会停下所有工作来下载并解析执行它，在这个过程中，页面渲染和用户交互完全被阻塞了，为了避免页面加载时的停顿甚至空白页的出现，JS 脚本应尽量放置在页面底部，这点很重要：<html><head><title>无标题文档</title><link 阅读全文
摘要：
坚持写博客是一个很好的习惯，特别对于我们做技术的来讲，好处多多。之前一直在CSDN 上写些文章，可写来写去总感觉像是在写日记一样，没人看也没人回复，虽然本人水平很有限，但有些确实是很用心去写的，感觉那里的技术学习氛围比这儿差多了。。。所以就这样过来啦，希望能结识更多志同道合的朋友，本人之前一直在做PHP，可目前的兴趣已转向前端，请多多指教 ^_^之前在CSDN 上的博客地址：http://blog.csdn.net/eric6 阅读全文