代码改变世界

Canvas 2D绘制抗锯齿的1px线条

2015-03-18 17:42 by fangzhao.lee, 1329 阅读, 0 推荐, 收藏, 编辑
摘要:当绘制1像素的线条时,发现多条线明显存在着粗细不均的问题,线条带有明显的锯齿.事实上,Canvas的绘制线条指令都存在这个状况,如lineTo,arcTo,strokeRect.解决方案是将Canvas平移半个像素即可:var ctx = document.getElementById("canva... 阅读全文

回调函数与DOM事件

2014-05-09 17:53 by fangzhao.lee, 971 阅读, 0 推荐, 收藏, 编辑
摘要:原文:http://dean.edwards.name/weblog/2009/03/callbacks-vs-events/先看如下代码:1 document.addEventListener("DOMContentLoaded", function() {2 console.log("Ini... 阅读全文

int型长度

2013-10-24 11:19 by fangzhao.lee, 2102 阅读, 0 推荐, 收藏, 编辑
摘要:Ø 基本数据类型C语言中只有4中基本数据类型——整型、浮点型、指针和聚合类型(如数组和结构等);所有其他类型都是从这4种基本类型的某种变化或组合派生而来。一、整型家族整型家族包括char、short int、int和long int,并且都分为signed和unsigned型。int型字长问题:long int型至少应该和int型一样长,而int型至少应该和short int一样长。① C/C++规定int字长和机器字长相同;② 操作系统字长和机器字长未必一致;③ 编译器根据操作系统字长来定义int字长;http://www.programfan.com/club/showbbs.a 阅读全文

[转]32位和64位系统区别及int字节数

2013-10-24 11:11 by fangzhao.lee, 395 阅读, 0 推荐, 收藏, 编辑
摘要:一)64位系统和32位有什么区别?1、64bit CPU拥有更大的寻址能力,最大支持到16GB内存,而32bit只支持4G内存2、64位CPU一次可提取64位数据,比32位提高了一倍,理论上性能会提升1倍。但这是建立在64bit操作系统,64bit软件的基础上的。什么是64位处理器?之所以叫做“64位处理器”,是因为电脑内部都是实行2进制运算,处理器(CPU)一次处理数据的能力也是2的倍数。8位处理器、16位处理器、 32位处理器和64位处理器,其计数都是2的倍数。一次处理的数据越大,该电脑处理信息的能力越来越大;因此64位处理在先天就比32位处理器具有快速的 能力。那为什么不用更高级的128 阅读全文

[转] 編程風格要素-The Elements of Programming Style 中文英文中英對照

2013-08-27 10:41 by fangzhao.lee, 376 阅读, 0 推荐, 收藏, 编辑
摘要:转自:http://www.loliman3000.com/tech/2fe33ce32906f0302412881.php下面的程序風格規則提煉自Brian Kernighan和P. J. Plauger的經典著作《The Elements of Programming Style》(由McGraw Hill出版)。由於原書出版較早並主要針對Fortran語言,本文僅提煉適用於當今主流編程語言的風格要素。——Clive Studio1.Write clearly - don‘‘t be too clever.要寫清楚,不要自作聰明2.Say what you mean, simply and 阅读全文

[转] Web前端优化之 Flash篇

2013-08-23 15:13 by fangzhao.lee, 430 阅读, 0 推荐, 收藏, 编辑
摘要:转载了Fenng的Web前端优化系列(当然,有一部分是从Lunax.info拷贝过来的),内容短小精悍且颇实用.他在Javascript篇的结尾提到,缺少Flash的优化实践,于是我准备写一篇自己的心得,但鉴于网上资源丰富,高手如云,所以未动手之前google了一把,发现果真有许多好的实践.由于Jingle Guo有金玉在前,我就不再啰嗦,贴下链接吧:flash性能优化方案整理(最全)另外,Adobe的官方文档是必读的. 阅读全文

[转] Web 前端优化最佳实践之 Mobile(iPhone) 篇

2013-08-23 14:47 by fangzhao.lee, 234 阅读, 0 推荐, 收藏, 编辑
摘要:原文链接:http://dbanotes.net/web/best_practices_for_speeding_up_your_web_site_server_mobile.htmlWeb 前端优化最佳实践最后一部分是针对移动应用的,其实只是针对 iPhone 的,目前只有两条规则。1. 单个数据对象小于 25K (Keep Components under 25K)这个似乎只是针对 iPhone 研究的。建议保持单个 Web 数据对象在 25 K 以下。为什么是 25K? Apple 官方信息指出可缓存到内存中的 Web 对象最大支持到 10M,但经过测试,发现也就是 25K 左右。iPh 阅读全文

[转] Web前端优化之 图片篇

2013-08-23 14:44 by fangzhao.lee, 238 阅读, 0 推荐, 收藏, 编辑
摘要:原文链接:http://lunax.info/archives/3101.htmlWeb 前端优化最佳实践第六部分面向 图片(Image),这部分目前有 4 条规则。在最近的 Velocity 2008 技术大会上,Yahoo! 的 Stoyan Stefanov 做的Image Optimization: How Many of These 7 Mistakes Are You Making也非常有参考价值。结合一起说一下。1. 优化图片 (Optimize Images)使用GIF、JPG还是PNG格式的图片? 尽可能的使用PNG格式的图片,更多的功能,更小的尺寸(与GIF相比)。对于PN 阅读全文

[转] Web前端优化之 Javascript篇

2013-08-23 14:43 by fangzhao.lee, 218 阅读, 0 推荐, 收藏, 编辑
摘要:原文链接:http://lunax.info/archives/3099.htmlWeb 前端优化最佳实践之 JavaScript 篇,这部分有 6 条规则,和CSS篇 重复的有几条。前端优化最佳实践,最重要的还是”实践”,要理解这东西容易得很,关键是要去”实践”,去”执行”,去”反馈”,去获取受益。1. 脚本放到HTML代码页底部 (Put Scripts at the Bottom)当一个脚本在下载的时候,浏览器干不了其它的事儿(串行了)。所以,把它扔到最后面去处理。对于一些功能性的脚本,可能实现起来有些两难。不过对于国内网站来说,有很多使用 Google Analytics 服务进行网站 阅读全文

[转] Web前端优化之 CSS篇

2013-08-23 14:41 by fangzhao.lee, 234 阅读, 0 推荐, 收藏, 编辑
摘要:原文链接:http://lunax.info/archives/3097.htmlWeb 前端优化最佳实践第四部分面向CSS。目前共计有 6 条实践规则。另请参见 Mozilla 开发者中心的文章:Writing EfficientCSS1. 把CSS放到代码页上端 (Put Stylesheets at the Top)官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS放到最顶部,浏览器能够有针对性的对HTML页面从顶到下进行解析和渲染。没有人喜欢等待,而浏览器已经考虑到了这一点。2. 避免CSS表达式 (AvoidCSSExpressions)个人认为通过CSS表达式能 阅读全文