web前端技术事宜
文章平均质量分 65
乐哉乐哉
做极致的产品,做最好的自己
展开
-
前端技术必知事项
HTML5自打出生就注定要开始它不平凡的一生,各大科技公司都对其寄予厚望,并纷纷进行尝试。苹果、谷歌、微软陆续推出HTML5展示页面,各大视频网站也相继宣布支持HTML5视频技术,HTML5地理定位技术更如雨后春笋,在国外社交网站得到应用。另一方面,在移动设备平台,iPhone的出货量已经超过1亿部,而iPad的销量也超过了1500万台,iPad2也在首周销量了近100万台,销售额达到95转载 2012-11-01 09:43:49 · 569 阅读 · 0 评论 -
如何用 Chrome for Android 做远程遥控 debugging
Chrome for Android有一个针对开发者很贴心的功能,就是远程遥控 debugging,在桌面电脑上为移动浏览器进行debug。首先你需要在电脑上安装Android SDK和Chrome桌面浏览器,并将移动设备设置为开发模式,通过USB线让Android手机与电脑连接,打开Android Debug Bridge (adb),并在手机的Chrome里打开Settings - Und转载 2014-03-26 16:31:19 · 8265 阅读 · 0 评论 -
JS快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器。我们一步一步进入这个过程。一、简陋的获取图片方式1234567891011转载 2014-03-18 16:25:57 · 48978 阅读 · 6 评论 -
百度,淘宝,腾讯三大巨头HTML页面规范分解
【兼容html5方案】百度贴吧,百度图片的实现[if lt IE 9]>(function(){ var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','met转载 2014-02-08 17:45:24 · 1983 阅读 · 0 评论 -
五招加速网页响应时间(2/2)
2. 使用CSS精灵减少HTTP请求CSS Sprites 可能是自从Tesla发明了电流以后最cool的事情。呃,我的意思是爱迪生。嗯,不大,但是非常紧凑。CSS sprites 可以通过合并你的css背景图片,减少页面向服务的HTTP请求,轻松的降低页面的加载时间。许多教程只是教你如何使用CSS精灵制作导航,我要说的是使用它制作整个网站的用户界面。首先,转载 2013-08-26 11:26:57 · 1003 阅读 · 0 评论 -
五招加速网页响应时间(1/2)
网页尽可能的快速加载对网站非常重要;用户希望快速的查看他们想要看的页面,假如你不能满足他们,他们就会另寻它处。在这篇文章中,你会看到五种为你的网页加速的简单而有效的技术的相关讨论。1. 使用Yslow概览与测量网站加载时间在决定什么出问题之前,知道网站的加载时间是第一步。它也能让你知道你是否需要为网站加速进行更改。在我们开始之前,如果你还没有安装YSlow, 请安装转载 2013-08-26 11:25:25 · 931 阅读 · 0 评论 -
文字适度阅读的宽度或者字数
先看几个数据。。一大堆文字滴,不管人家是不是故意的,字数还是这样:news.163.cn:14px,39个中文字符news.sina.com.cn:14px,42个中文字符news.sohu.com:14px,38个中文字符news.qq.com:14px,40个中文字符搜索引擎的搜索结果google:41 *3 ,宽度34em*16px=544px,在第39/40个字符有插上转载 2013-05-16 10:43:49 · 755 阅读 · 0 评论 -
各种JS模板引擎对比数据(高性能JavaScript模板引擎)
最近做了JS模板引擎测试,拿各个JS模板引擎在不同浏览器上去运行同一程序,下面是模板引擎测试数据;通过测试artTemplate、juicer与doT引擎模板整体性能要有绝对优势;js模板引擎JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,从而出现在各大型网站 Twitter、淘宝网、新浪浪微博、腾讯QQ空间、腾讯微博等。那么他们各自性能怎么样?请原创 2013-05-17 10:23:58 · 15143 阅读 · 4 评论 -
IOS开发库
IOS开发库: http://developer.apple.com/library/ios/navigation/原创 2013-04-19 18:38:05 · 573 阅读 · 0 评论 -
解决iframe,div在移动设备上实现局部刷新的方法
iOS系统(iPad、iPhone)不支持iframe或div出现滚动条,这个问题困扰了我好久,终于在网上发现了解决办法。iScroll.js,一个纯js文件,用于解决上述问题。这里有几种不同的特效:Pinch / ZoomPull up/down to refreshImproved speed and momentumSnap to elementCustomiza转载 2013-04-19 18:35:21 · 1259 阅读 · 0 评论 -
jq 获取 iframe 父目录高度与宽度
$(window.parent.document).find("#Docpreview").height();$(window.parent.document).find("#Docpreview").width(); var s = "网页可见区域宽 :"+ document.body.clientWidth; s += "\r\n网页可见区域高:"+ docum原创 2013-04-16 11:21:18 · 3902 阅读 · 0 评论 -
测试工具
JavaScript测试库:Yahoo! UI Library: YUI TestJavaScript测试一件很麻烦的事情,现在有了JavaScriptMVC测试插件Yahoo! UI Library: YUI Test,能够让你模范大部分DOM动作,比如写,拖拽,比如模范AJAX响应,并且能够使用断言(assertions)。它能够象函数一样运行,并且能够在不同的console窗口进行集转载 2013-03-14 14:16:47 · 733 阅读 · 0 评论 -
挣脱浏览器的束缚(3) - 两个连接还不够“并行”
挣脱浏览器的束缚(3) - 两个连接还不够“并行”2007-01-22 14:42 by Jeffrey Zhao, 5894 阅读, 26 评论, 收藏, 编辑在讨论这次的主题之前,我们现在看一下脚本优化的另一个问题,就是“优化难度”。在这里我所说的“优化难度”是指优化一张页面时的修改难度。例如在前一片文章中,使用document.write来引入脚本的话,其“优化难度”会非转载 2013-03-01 16:22:08 · 503 阅读 · 0 评论 -
HTTP 协议详解
作者: 小坦克 来源: 博客园 发布时间: 2012-02-14 13:32 阅读: 15351 次 推荐: 11 原文链接 [收藏] 相关文章:HTTP 协议之压缩 当今web程序的开发技术真是百家争鸣,ASP.NET, PHP, JSP,Perl, AJAX 等等。 无论Web技术在未来如何发展,理解Web程序之间通信的基本协议相当重要, 因为它转载 2013-03-13 17:01:51 · 516 阅读 · 0 评论 -
挣脱浏览器的束缚(2) - 别让脚本引入坏了事
挣脱浏览器的束缚(2) - 别让脚本引入坏了事2007-01-20 01:25 by Jeffrey Zhao, 5267 阅读, 43 评论, 收藏, 编辑现在哪里还找得到不引入JavaScript脚本文件的Web应用?使用脚本文件的好处多多,其中最重要的可能就是提供缓存能力了。使用脚本文件之后再加上缓存,可以大大降低数据传输量,提高页面打开的速度。不过脚本文件的引入也不是简转载 2013-03-01 16:18:35 · 434 阅读 · 0 评论 -
挣脱浏览器的束缚(1) - 前言
挣脱浏览器的束缚(1) - 前言2007-01-18 17:08 by Jeffrey Zhao, 6129 阅读, 24 评论, 收藏, 编辑最近在为某个人门户站点作优化。从传统意义上来说,这个站点的各方面都属中规中矩。不过作为一个以客户端为中心的Web应用,其性能,尤其是它的感知性能(Perceived Performance),经常会严重受制于浏览器本身。一个没有转载 2013-03-01 16:17:42 · 462 阅读 · 0 评论 -
css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack
web2.0技术-css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack 2009-10-28 15:10:03| 分类:网页设计 |字号 订阅一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的转载 2013-02-19 11:28:16 · 3274 阅读 · 0 评论 -
移动设计空间节省之道
设计来源于生活。最近在装修自己的房间,翻阅了一些相关的家居设计资料,发现交互设计和家居设计有很多相似的地方。小户型空间有限,手机屏幕也只有巴掌大小,在两种小空间上进行设计一定很多共通之道。携程UED的同学也是心有灵犀,很早就为我们奉献了一回精彩的分析(http://ued.ctrip.com/blog/?p=2905)。对于这么有意思的主题,还是想多唠叨几句。 一位优秀的厨子,必须熟练掌转载 2012-11-02 15:29:56 · 770 阅读 · 0 评论 -
【开源推荐】JavaScript开发工具大合集
本文为大家整理了一系列关于JavaScript的常用工具,包括常用工具、前端和后端工具,从测试到构建,内容丰富,值得收藏。下面是根据推荐工具整理的思维导图。点此看大图常规工具脚手架工具 Yeoman:它旨在为开发者提供一系列健壮的工具、程序库和工作流,帮助开发者快速构建漂亮的Web应用。构建工具(自动) Grunt.js:生态强大,发展速度快转载 2014-04-11 09:39:30 · 704 阅读 · 0 评论