dieya9669-优快云博客

转载 [公告]这儿就停止了

以后所有在网上发表的技术文章全在http://w3er.com/ (是多人发表的blog)上发表。我也懒得维护多个blog。因为同时还要在公司UED内部写blog。请各位重新订阅下~谢谢支持~转载于:https://www.cnblogs.com/georgewing/archive/2011/05/27/2060189.html...

2019-10-04 20:57:57 273

转载折腾 JavaScript PC 模拟器

http://bellard.org/jslinux/ 这是满足JS程序员口味的linux模拟器。系统启动后，黑屏白字的命令行操作，让程序员的我们感觉就是舒服！习惯的，输入 ls 看看里面有什么东东： hello.c 输入vi hello.c 用 VIM 看看 hello.c 的源码。惊！还真的进入了VIM编辑器！输入 i 进行 VIM 的插入模式，来随便修改下源代码。把字符串 "...

2019-10-04 20:57:56 352

转载用 rake 合并多个 JS 文件，并且用 Google Closure Compiler 压缩代码

使用一款自动化的构建工具，已经成为专业的JS程序员的必备技能之一。在国内，每个前端团队都学会了用 Ant 来自动生成一系列构建的任务。但是由于 Ant 对 XML的依赖，这一大关键缺点，使得 Ant 脚本既难写又难读，也难进行重构，甚至难进行 diff。所以，rake(用Ruby编程的构建工具)越来越流行了。下面的代码是合并多个 JS 文件的 rake 任务：namespace :...

2019-10-04 20:57:55 308

转载 HTML 5 就是 Web Application

周末赶早与同事们一起参加了“拥抱HTML5”技术大会，为的是抢个好位置，8点半准时到了会场，抢了个第2排的位置(第1排是嘉宾的座位)。如果说上次的“HTML 5来敲门”技术沙龙被“洗脑”被“灌输”的理念是：今年是HTML 5的发展年，明年就是HTML 5的爆发年。那么这次的是：HTML 5 就是 Web Application。也就是说，HTML 5 不是简单的从HTML 4 升级...

2019-10-04 20:57:54 188

转载 JS程序员的一天

5:53，正睡得迷糊，突然门铃响了，室友 webIM 项目 team 的同事通宵加班回来了，我回房间继续睡觉。 8:17 自己煮了市值超过8元的炒码面条，成本估计不到2元。骑自行车上班，9:15 之前到了公司，然后打开自带的笔记本电脑，开始一天的工作。先喝瓶“日加满”。打开 Jasmine 网站上的文档，继续学习研究 BDD和 Jasmine。为以后前端 team 用 Jasmin...

2019-10-04 20:57:53 173

转载写入 cookie 的过期时间时在GMT或UTC时间格式上的兼容问题

用 JavaScript中的 Date 类，可以得到格式为“年/月/日时:分:秒”的当前本地时间。这种格式是合法的，可以用静态方法 Date.parse() 解析的,否则返回NaN的话，说明格式为非法，不能解析。从北京时间转换成GMT/UTC时间有8个小时的时间差。计算方法为： UTC时间 + 时间差(+8) = 本地时间兼容问题为：在 web 浏览器中写入cookie的过期时...

2019-10-04 20:57:52 601

转载 Google Map 类实例在类式继承中的实现

众所周知，程序的实现不可能会是完美的。下面是google Map类在继承实现的写法。首先是照抄《JavaScript设计模式》中的类式继承：function extend(subClass, superClass) { function F() {} F.prototype = superClass.prototype; subClass.prototype = ne...

2019-10-04 20:57:52 142

转载 “当 HTML 5 来敲门”专题沙龙(上海)活动

今天2月26日受邀一同参加了在盛大创新院举办的“当 HTML 5 来敲门”专题沙龙(上海)活动。首先由周裕波介绍“W3C、W3C中国和HTML 5”。接着是携程网的祝君：《HTML 5 开发成本》。呃，我们公司woyo的UED重构也进行了用 HTML 5 重构的工作，但是本人主要是研发JS框架，没有关注网站页面的重构。 Spilgames Asia CEO 陈琦：《HTML 5...

2019-10-04 20:57:51 138

转载 PHP 的 Smarty 模板页中分离JS并避开literal标签的解决方法

在 Smartry 模板中，如何分离而做到避开{literal}呢？本人的解决方法是：在<script>标签中先定义一部分用包含了{}符号的JS变量。示例如下： <script type="text/javascript">var __URL = "{$DOMAIN['LOCAL_DOMAIN']}", areaInfo = {$areaInfo},...

2019-10-04 20:57:50 190

转载 Google Maps(Google 地图) V3 在 IE7 浏览器中拖放其容器时图块被覆盖的 bug

在个人空间项目的开发中，布局在页面中的模块是可以自由拖放它的位置的，在名叫“人脉地图”的模块中，包含了 Google 地图对象的实例。我们使用了 Google Maps V3 提供的 API 服务。在对其容器进行鼠标拖放操作时，在IE7中，遇到了一个 bug：地图部分的图块会被父级的body的背景及背景图片覆盖掉。这是由于在拖放事件处理函数中，JS会操作页面渲染，被拖放的容器使用...

2019-10-04 20:57:49 123

转载 2010年我的个人总结

看了看去年的计划，基本上事情都执行了下来。我最大的一个变化是入职了上海我友网，到今天正好一年的时间。2010年是我非常关键的一年，在我友网工作与之前的公司工作有什么最大的不同？是拥有了大型互联网公司所有可以调动利用的跨部门资源，依靠团队开发集体智慧，已逐步建立起了国内一流的项目开发的流程和规范。刚离开上海柏盛的时候，有心如死灰的感觉。曾经技术氛围浓厚、小而精的技术团队已不再复现了。...

2019-10-04 20:57:48 103

转载使用 IronScheme 进入 Scheme 编程语言的世界

用 Scheme 程序说声：hello world。先打开你的编辑器，创建一个称为 hello.ss 的文件，然后将下面的文本内容保存进去：;hello.ss(import (rnrs))(begin;显示 hello 文字 (display "hello world.") (newline))第1行是注释。Scheme 会把分号(;)及在这行它...

2019-10-04 20:57:47 246

转载 [译]用 Closure Compiler 编写更好的 OO 的 JavaScript

原贴：Coding Better Object-Oriented JavaScript with Closure Compiler 作者：Hedger Wang 前面的话许多程序员觉得OO 的 JavaScript 是种不错的方法，但也明白由于语言自身的本质和它所运行的环境(主要是在 web 浏览器中)，编写 OO 风格的 JavaScript 是比较痛苦的。使用 Google C...

2019-10-04 20:57:47 162

转载 [译]在 Firebug 中的表格化日志

原贴：Tabular logs in Firebug 作者：Honza Firebug 1.6 加入了 console.table() 方法的实现，可以把表格化的数据(tabular data)输出到控制台的面板里面。下面我们来看如何使用这个方法。先上代码： var table1 = new Array(5);for (var i=0; i < table1.length;...

2019-10-04 20:57:45 90

转载《JS高级程序设计(第2版)》书评

身为一名 JS 程序员，本人可以负责任的说，这本书的第1版已过时了。这本书是第2版，作者结合了在 Yahoo 前端团队的工作中实际 JS 开发的需求，深入的分享了JS语言在实战中的知识，对 JS 编程开发的知识如数家珍，在阅读时对作者的技术精通水平程度赞叹不已。图灵公司极为重视翻译的质量。本人在年初参与了翻译的审校工作，译者李松峰是个极认真极负责的家伙。嘿嘿。虽然接触这本书较早...

2019-10-04 20:57:45 155

转载上海万体馆深圳卫视跨年演唱会晒图

上周日(2010.11.21)，公司组织员工参加了深圳卫视的跨年演唱会。本着学习拍摄技术，用好15倍长焦非单反数码相机的态度，第一次进行了夜间拍摄。由于看台与舞台间的距离实在是太远，只能感慨：与明星们第一次面对面接触，中间却隔着无法逾越的鸿沟。开场舞开场舞 (图2) 杨丞琳谭维维谭维维 (图2)转载于:https://www.cnblogs.com/geo...

2019-10-04 20:57:44 197

转载在 Notepad++ 运行 Closure Linter 来校验JS代码

在这篇blog之前写过同类的校验JS代码工具：JavaScript Lint 的在 Notepad++ 中如何使用，google 提供的 Closure Linter 给了我们更多的工具选择。 Closure Linter是在Python上运行的，所以先在系统中配置安装Python的运行环境：安装 Python。本人安装的版本为 Python 2.5.4 安装 Easy Inst...

2019-10-04 20:57:43 240

转载在 Notepad++ 运行 JsDoc toolkit 工具来自动生成文档

在 Notepad++ 中打开 NppExec，执行如下命令：cd D:\jsdoc_toolkit-2.3.2\jsdoc-toolkitjava -jar D:\jsdoc_toolkit-2.3.2\jsdoc-toolkit\jsrun.jar D:\jsdoc_toolkit-2.3.2\jsdoc-toolkit\app\run.js -a -t=D:\jsdoc_to...

2019-10-04 20:57:42 195

转载在 Notepad++ 运行 Closure Compiler 工具来解析并压缩JS

Google 的 Closure Compiler 工具是款JS的编译器，它可以使JS下载、运行更快。与同类压缩工具 YUI Compressor 相比，它不仅有最基本的压缩的功能，而且功能更强大！在 Notepad++ 中打开 NppExec，执行如下命令： cd D:\ClosureCompilerjava -jar D:\ClosureCompiler\compile...

2019-10-04 20:57:42 230

转载 JavaScript如何实现深拷贝

在项目实际开发中，常会遇到浅拷贝的问题。下面是对对象中的对象和数组进行了深拷贝的实现： function clone(o){ var k, ret= o, b; if(o && ((b = (o instanceof Array)) || o instanceof Object)) { ret = b ? [] : {}; ...

2019-10-04 20:57:40 115

转载在 Notepad++ 运行 JavaScript Lint 工具来校验JS代码

前端开发工具中编辑器从最初的 DreamWeaver，到后来的 Aptana，一直用到了现在的 Notepad++。在JavaScript代码校验工具中，JavaScript Lint 与 Douglas Crockford 的 JSLint 完全不是一款东东，据说比它检验代码更为严苛。而想要在 Notepad++ 中运行 JavaScript Lint 工具，先要装Notepad+...

2019-10-04 20:57:40 1568

转载 JavaScript原型(prototype)及原型链(prototype chaining)的问题

阅读《JavaScript高级程序设计(第2版)》第6章的学习笔记。原型在引用类型中会有问题： function SuperType(){}SuperType.prototype.color = ['red','blue','green'];var instance1 = new SuperType();instance1.color.push('black');...

2019-10-04 20:57:38 109

转载 [译] DOM 脚本编程中最常用的方法抄记

由 Christian Heilmann (http://wait-till-i.com)整理获取文档中的元素 document.getElementById('id')：通过所给的 id 来获取元素(作为对象) document.getElementsByTagName('tagname')：通过标签名 tagname 来获取所有的元素(保存在类似列表的数组中) 读写元素的属性、节...

2019-10-04 20:57:38 98

转载编程基础：随机且不重复的算法

问题描述：有A到L的一组字母，需要每次都随机排序输出，并且不能有重复。程序算法分析：首先解决数组 0 到 11(即该数组的长度-1)的随机且不重复的问题。接下来把数组的值按下标索引去取这一组字母。最后把结果输出出来。代码如下： var containerSet = function(count) { var tempArr = []; for (var i=...

2019-10-04 20:57:37 403

转载用JavaScript实现螺旋矩阵算法

在实际开发中需要用到螺旋矩阵算法，用JS代码实现了：var cal = function(len){ var helix = [[],[],[],[],[],[]]; var min = 0; var max = len - 1; var row = 0; var col = 0; for(var i=0; i < len * len; i++) { ...

2019-10-04 20:57:36 404

转载 Google Chrome 浏览器中 font-size < 12px 没有效果

原贴在：Font-size <12px doesn't have effect in Google Chrome Google Chrome 中对元素设置CSS的font-size属性值时发现，小于12px 没有效果。本人使用了 7.0 最新版本进行的测试(OS为：Windows XP)。请拷贝并粘贴如下代码： <!DOCTYPE HTML><htm...

2019-10-04 20:57:35 498

转载号外：又免费送书啦！

之前，本人已免费送出了一本《悟透JavaScript》。这次回老家湖南长沙整理清出几本前端技术书带到上海后又免费送：《CSS禅意花园》 (已送出) 《无懈可击的Web设计》 (已送出) 《Web标准实战》 (已送出) 《JavaScript基础教程(第6版)》 (已送出) 《精通CSS：高级Web标准解决方案》(已送出) 交易方式是：本人公司在上海市浦东新区张江高科园区的张...

2019-10-04 20:57:34 168

转载如何避免糟糕的用户体验--从视觉效果，反应速度，网站内容上浅析

本贴文是公司内部的分享。作者：徐忆华，我友网用户体验中心，高级用户体验研究员。正文内容如下：当我们在讨论一个网站的用户体验的时候，往往会从网页上的视觉效果，反应速度，网站内容等方面进行评价。下面，让我们就以上几个方面来简单列举一些互联网中经常遇到的影响用户体验的情况并且进行分析。视觉效果尽管视觉设计师在不同的产品领域和职业阶段会遇到不同的阻碍，但是对于“视觉设计”普遍存在三种...

2019-10-04 20:57:33 593

转载《精通CSS:高级Web标准解决方案(第2版)》笔记

《精通CSS：高级Web标准解决方案》的第1版是在2007年时精读的CSS应用层面的技术书，仅仅通过这一本书就进入了这个行业。三年来，这本书一直都放在办公桌上以备着随时翻阅。而 CSS 2.x 及 CSS 3 在兼容性上的麻烦不断增加，浏览器厂商在新版本搞的私有属性，对实现跨浏览器的 Web 设计的专业前端开发人员来说，却一直折腾得痛苦。第2版本人已快速阅读完了，这本书总结了三年来业...

2019-10-04 20:57:32 156

转载 JS树形递归实例

下面的代码是从实际项目中AJAX的回调部分 copy 出来的，使用了JS的递归，文本格式为JSON： var l=json.length;var arr = [];for(var i = 0; i < l; i++){ (function(){ var jsonArray =arguments[0]; for(var k in jsonArray){ ...

2019-10-04 20:57:31 212

转载江苏淀山湖拓展活动部分照片

4月24日，公司组织员工在淀山湖搞拓展活动。淀山湖位于江苏省吴江市与苏州市之间，上海市青浦区往西就是淀山湖。下面是部分活动照片，由本队的“娱记”(是 UED的一位同事)所拍。早上的“会师” 呃，白旗。。。右边穿一身红的是公司人事部总监。多部门的兄弟，融合起来。这位同事长得真是太像“可乐加糖”了。(见本 blog 相册中“曾经奋斗过的团队－鼎立”照片中的橙衣...

2019-10-04 20:57:30 135

转载修复IE 8 表单中的 button 元素点击时背景图像的CSS 问题

解决方法是参见：《Fixing the IE8 Form Button with Background Image On Click CSS Bug》中的第3种解决方法。CSS 源代码如下：/* @bugfix: used :hover:active class to fixing the IE8 form button with background image on-click...

2019-10-04 20:57:29 78

转载 JavaScript中的事件处理(一)

JavaScript事件处理的机制原理，是在阅读《JavaScript高级程序设计(第2版)》第12章事件时得到的思考。在事件处理程序中this指向的问题是本人比较纠结的。this 知识最初是从《PPK 谈 this 关键字》中学习到的。在我最开始接触 JavaScript 时，是传统事件注册(Traditional event registration)： var btn=docum...

2019-10-04 20:57:28 100

转载三月份博客园活动照

3月20日(周六)下午第一次参加了博客园的活动。主持人是坤坤。讨论的主题为：有关UI设计人员与程序员的沟通协作、Web前端与后端的配合、用户研究和社区产品设计。下面的照片是与博客园站长dudu、同是从事前端开发工作的阿一的合照。与阿一的合照：与dudu的合照： ps. 可惜本人从小一上台面就说话紧张心跳加速脑门缺血，要多参加这样的活动锻炼自己的胆量才行。因为沟通交流是成为优...

2019-10-04 20:57:27 94

转载 Web标准化交流会活动照

3月27日(周六)下午第一次参加了在上海携程网举办的 Web 标准化交流会。上海站的发起者是firhome。主持人是 along。讨论的主题是：“前端开发在研发流程中与其他岗位协作效率的提升”。下面是本人的活动照：这是根据本次主题在脑海中酝酿半天然后上台的讲解，第一次在同行中表达自己的想法和观点，心里说实话有些紧张。转载于:https://www.cnblogs.com/ge...

2019-10-04 20:57:27 82

转载 JavaScript 中 in 的简单实例两则

1.检测是否引用了 jQuery 库的简单方法原理是：jQuery 库是把字符串 $、jQuery作为全局变量 window 对象的属性。代码如下：if('jQuery' in window){ alert('jQuery is imported.');}else{ alert('jQuery is not imported.');}2.for in 出对...

2019-10-04 20:57:25 70

转载免费转让《悟透JavaScript》一本

全新！电工博文视点出的书纸张质量极好，而且是彩印。转让原因：可惜这本书不适合本人。交易方式是：本人公司在上海市浦东新区张江集电港，可以上门自取。寄送到外地的话，使用支付宝给我快递费。转让价格：0.00元(= 免费)。本人点评：对JavaScript编程思想的启蒙将会有所帮助。适合阅读国内原创技术书的读者。联系请 cnblogs 站内短消息留言。或发送email联系。 ...

2019-10-04 20:57:25 68

转载 Firefox 3.6 Web应用开发人员的扩展

注：下面所列项属个人偏爱。 firebug ColorZilla OpenWith firefocus firecookie Cache Status Library Detector (完)转载于:https://www.cnblogs.com/georgewing/archive/2010/02/21/1670201.html...

2019-10-04 20:57:23 128

转载 Ajax内存泄漏(memory leak)的学习笔记

在《Ajax实战》中第8.3.1章节讲内存泄漏。书中示例代码与在《JavaScript高级程序设计(第2版)》第4.3.4章节中那个简单的示例代码相比要复杂多了。其中第242页中 removePet 示例代码应该是：Person.prototype.removePet=function(petName){ var orphan=this.pets[petName]; this....

2019-10-04 20:57:23 208

转载 GC 策略及 IE 性能的学习笔记

阅读《JavaScript高级程序设计(第2版)》第4章学习到的，记下： JS的GC策略有两种：标记清除引用计数现在，主流浏览器都用的是第1种。IE不是全部采用第1种，它采用了两种GC策略，在BOM和DOM中的对象采用了第2种。在引用计数策略中有个称为“循环引用(circular reference)”的严重问题。下面是循环引用问题代码示例：var elm=documen...

2019-10-04 20:57:22 135

空空如也

空空如也