本文由伯乐在线-陈 鑫伟翻译自flippinawesome。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。如你所知,JavaScript是世界上第一的编程语言,它是Web的语言,是移动混合应用(mobile hybrid apps)的语言(比如PhoneGap或者Appcelerator),是服... Read More
posted @ 2014-06-20 23:03 think_fish Views (401) Comments (1) Edit
编写更好的jQuery代码的建议2013/12/05 | 分类:WEB前端,开发|15 条评论| 标签:JQUERY分享到:125本文由伯乐在线-yanhaijing翻译自Mathew Carella。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。讨论jQuery和javascript性能的文章... Read More
posted @ 2014-06-20 22:55 think_fish Views (316) Comments (3) Edit
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充... Read More
posted @ 2014-06-20 22:48 think_fish Views (10422) Comments (15) Edit
好像是feedly订阅里看到的文章,读完后觉得非常不错,译之备用,多看受益。加载jQuery1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址。2.安全起见,最好还是提供一个本地备份以便在无法从远... Read More
posted @ 2014-06-20 22:43 think_fish Views (380) Comments (0) Edit
众所周知chrome的各类插件,扩展很丰富,也有很多经典的应用。但是谷歌经常被墙,无法访问,想要通过访问谷歌的应用市场来直接安装浏览器扩展会比较让人抓狂,好不容易无数次刷新后打开了页面,找到了想要的应用,点击安装结果等半天告诉你网络错误是否重新加载……现在有不少雷锋同志将谷歌的应用下载,重新打开放在... Read More
posted @ 2014-06-14 22:34 think_fish Views (880) Comments (0) Edit
/*@@decription mongodbHelper@@version 1.0@@author think_fish&&dachie@@copyright think_fish@@dachie*/var mongodb=require('./db.js');function Helper(){};module.exports=Helper;/*@@新增方法@@tbName:表名 :string@@obj:新增对象 :{}@@callback:回调 :function@@ensure:唯一索引 :{}*/Helper.execInsert=function(t Read More
posted @ 2014-03-21 14:01 think_fish Views (342) Comments (0) Edit
四、图片、Coockie与移动应用篇除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括:Coockie:减小Cookie体积对于页面内容使用无coockie域名图片:优化图像优化CSS Spirite不要在HTML中缩放图像favicon.ico要小而且可缓存移动应用:保持单个内容小于25K打包组件成复合文本27、减小Cookie体积 HTTP coockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小 Read More
posted @ 2014-03-13 21:15 think_fish Views (294) Comments (0) Edit
三、JavaScript和CSS篇JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:CSS:把样式表置于顶部避免使用CSS表达式(Expression)使用外部JavaScript和CSS削减JavaScript和CSS用代替@import避免使用滤镜JavaScript把脚本置于页面底部使用外部JavaScript和CSS削减JavaScript和CSS剔除重复脚本减少DOM访问开发智能事件处理程序17、把样式表置于顶部 在研究Yahoo!的性能表现时,我们发现把样式表放到文档的内部似乎会加快页面的下载速度。这是因为把样式表放到内会使页面有步骤的 Read More
posted @ 2014-03-13 21:11 think_fish Views (374) Comments (0) Edit
二、网站Server 篇:使用内容分发网络为文件头指定Expires或Cache-ControlGzip压缩文件内容配置ETag尽早刷新输出缓冲使用GET来完成AJAX请求11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做些什么呢? 按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们在分发服务器上正常运行。根据应用的需求来改变网站结构,这可能会包括一些比较复杂的任 务,如在服务器间同步Session状态和合并数据库更新等。要想缩短用户和内容服务器的距离,这些架构步骤... Read More
posted @ 2014-03-13 21:08 think_fish Views (298) Comments (0) Edit
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。一、内容篇尽量减少HTTP请求减少DNS查找避免跳转缓存Ajxa推迟加载提前加载减少DOM元素数量用域名划分页面内容减小iframe的大小避免404错误1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计 Read More
posted @ 2014-03-13 21:03 think_fish Views (1443) Comments (1) Edit