web前端
文章平均质量分 53
narutolby
这个作者很懒,什么都没留下…
展开
-
document.compatMode介绍
用法:p = object.compatMode[b]Property valuesType: StringBackCompatStandards-compliant mode is not switched on.CSS1CompatStandards-compliant mode is switched on.[/b]备注:当Standards-co...2012-05-01 09:31:05 · 106 阅读 · 0 评论 -
前端性能优化
[size=medium]一、 前端性能黄金法则:只有10%-20%的最终用户响应时间是花在了下载HTML源文件上。其他80%-90%是花在了下载页面中的所有组件上。 80%-90%用户的等待时间是来自于前端的页面加载二、时间花在哪?Blocked:包括所有预处理(查询本地Cache)时间和等待网络连接可用的时间DNS Lookup:域名解析。查询过程:浏览器DNS缓存;操作系统D...原创 2012-04-10 13:38:36 · 91 阅读 · 0 评论 -
drag-and-drop实现浏览器的图片预览
今天刚试过chrome的drag and drop API,它能非常简单的将本地的图片放到浏览器中进行预览。试想一下当我们把一个文图片拖拽到浏览器里会发生什么事情,你的浏览器试图打开一个新的页面并加载这个图片。现在我不想浏览器这样帮我处理图片,我希望我拖拽的图片能立即放到我预先规定的位置并迅速回显,这就需要javascript中event对象的两个函数stopPropergation()和...原创 2012-04-04 18:00:20 · 130 阅读 · 0 评论 -
data类型的Url格式
今天在浏览网站时发现了一个很奇妙的实现,于是就看了下页面的源码,发现页面中引入了一个很奇怪的URL(data:image/jpeg;base64,/9j/4QecRXhpZgAATU0AKgAAAAgABwESAAMA...),在chrome浏览器的network下看了下,确实发了一个这样的请求,但是没有指定ip,没有请求头,没有响应头,只有一大串字符串,请求会发去哪里呢?好奇的在googl...原创 2012-04-03 21:45:14 · 315 阅读 · 0 评论 -
8个能够有效帮助你提高jQuery代码性能的技巧
jQuery越来越流行了,大家可能也会发现,在浏览网站过程中,越来越多的网站开始使用jQuery来构建以前需要使用flash来实现的超酷动态效果,事实上jQuery已经成为前端开发中重要的类库之一,发挥着构建丰富web前端的利器。但是作为一个JS类库,很多人并不是非常清楚如何正确使用jQuery来达到最佳的性能(Peformacne),如果你觉得代码书写对于性能的影响不会那么巨大,那么我只能告诉你...原创 2012-04-02 20:50:37 · 86 阅读 · 0 评论 -
三种方法实现js跨域访问
[size=medium] javascript跨域访问是web开发者经常遇到的问题,什么是跨域,[b]一个域上加载的脚本获取或操作另一个域上的文档属性[/b],下面将列出三种实现javascript跨域方法:[b]1.基于iframe实现跨域[/b] 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基...原创 2012-03-26 20:46:11 · 105 阅读 · 0 评论 -
jquery ajaxStart和ajaxStop方法
[size=medium]jquery提供了一些自定义全局函数,能够为各种与ajax相关的事件注册回调函数。例如当ajax请求开始时,会触发ajaxStart()方法的回调函数,当ajax请求结束时,会触发ajaxStop()方法的回调函数。这些方法是全局的方法,无论创建他们的代码放在何处,只要有ajax执行,他们都会执行。可以通过如下方法取消与全局方法的关联:[/size][co...原创 2012-03-21 13:30:42 · 163 阅读 · 0 评论 -
轻松实现图片上传并回显
[size=medium] 图片上传及文件上传,前端html实现文件上传和普通的向后台传参数不同,必须用到form表单,同时form标签必须加上enctype="multipart/form-data"属性,method必须为post,表单中的input的type为file,这样前端上传文件的工作就完成了,这里后台文件的存储不做详细的介绍,因为用到的是struts2,文件上传的功能已经封装好了...原创 2012-03-10 19:44:42 · 967 阅读 · 0 评论 -
模仿淘宝首页淘工头像的的自由摇摆
[size=large]基于css3的transform实现淘宝首页淘工图像的自由摇摆,不过没有淘宝首页那么逼真,我只是简单的按照匀速摇摆,但是现实情况摇摆速度和角度有关,这就需要一些物理公式进行处理,这里只是简单的写了个demo,没有物理公式的计算,目前demo只支持webkit内核的浏览器,如chrome,safari。[/size][code="java"] ...原创 2012-03-02 16:36:23 · 81 阅读 · 0 评论 -
css3实现转动
转 http://www.douban.com/note/174398555/目前越来越多的浏览器兼容CSS3标准了,就连IE浏览器老大哥也开始向CSS3低头,微软宣布IE9浏览器支持更多的CSS3属性,IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate,号称兼容CSS3的浏览器对它的支持也不算好,好在Firefox、Webkit和Op...原创 2012-03-01 14:22:41 · 88 阅读 · 0 评论 -
关于jquery 的ajax返回的deferred对象
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html原创 2012-02-29 22:00:00 · 149 阅读 · 0 评论 -
实现html进入编辑状态,在线编辑器中用到的(html的designMode)
[code="java"] var editorDoc; function InitEditable () { var editorBody = document.body; // turn off spellcheck if ('s...2012-07-01 16:17:54 · 324 阅读 · 0 评论 -
localStorage实现多页面客户端共享数据
//判断浏览器是否支持web storagefunction supports_html5_storage() { try { return 'localStorage' in window && window['localStorage'] !== null; } catch (e) { return fal...原创 2012-02-18 12:17:52 · 906 阅读 · 0 评论 -
HTML5 API——无刷新更新地址 history.pushState/replaceState 方法
[size=large]尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到,BOM中的location.path/query……(window.location)在通过JavaScript更改以后,浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置。。)而在JavaScript MVC开始流行之后,通过刷新来修改URL的方法,不禁让人感到烦躁。然而HTM...原创 2012-05-31 14:19:15 · 158 阅读 · 0 评论 -
雅虎14条前端优化原则
有兴趣的同学可以装个 Firebug 下的 Yslow ,测试下自己的网站。Web 应用性能优化黄金法则:先优化前端程序 (front-end) 的性能,因为 这是 80% 或以上的最终用户响应时间的花费所在。法则 1. 减少 HTTP 请求次数80%的最终用户响应时间花在前端程序上,而其大部分时间则花在各种页面元素, 如图像、 样式表、 脚本和 Flash 等,的下载上。 减...原创 2012-04-21 20:51:38 · 73 阅读 · 0 评论