webkit浏览器渲染影响因素分析
9爱前端网 - Yang 发布于 2014-11-23
前言:浏览器的渲染对性能影响非常大,特别是在移动端页面,在宏观上,我们可以参考雅虎那20几条军规来操作,但在微观渲染层面,实际还没有一套相对成型的理论做为依据。 本文只是抛砖引玉,带大家进入微观的优化领域,实际在渲染优化这块上,还有很多技巧及方法需要大家去挖掘。本文写的也比较凌乱...
阅读(1800)赞 (3)
爱前端网 - Yang 发布于 2014-11-23
前言:浏览器的渲染对性能影响非常大,特别是在移动端页面,在宏观上,我们可以参考雅虎那20几条军规来操作,但在微观渲染层面,实际还没有一套相对成型的理论做为依据。 本文只是抛砖引玉,带大家进入微观的优化领域,实际在渲染优化这块上,还有很多技巧及方法需要大家去挖掘。本文写的也比较凌乱...
阅读(1800)赞 (3)
爱前端网 - Yang 发布于 2014-11-22
1.HTML5截图功能 可拖拽图片 截图在我们平常电脑应用中非常的广泛,包括开发者和一般的使用用户。今天介绍的这款HTML5截图应用可以帮助你在上传头像前截取自己的头像,你只需要拖拽移动图片即可选中要截取的部分,HTML5会自动将选取的图片自动生成一张新的图片来保存,从而完成截图...
阅读(1793)赞 (0)
爱前端网 - Yang 发布于 2014-11-22
1.使用 SVG 制作单选和多选框动画 通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。 在线演示 源...
阅读(2409)赞 (0)
爱前端网 - Yang 发布于 2014-11-20
本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的demo和API封装,有些已经进入生产环境(比如google在iphone上实现的...
阅读(1903)赞 (0)
爱前端网 - Yang 发布于 2014-11-17
1.jQuery右侧Tab选项卡的焦点图插件 这是一款基于jQuery的焦点图插件,和之前介绍的jQuery焦点图插件类似,它以淡入淡出的动画方式来切换图片,该焦点图插件的特点是右侧有一排Tab选项卡,点击相应选项卡后即可切换对应的图片,应该说这款jQuery焦点图插件还是非常实...
阅读(2265)赞 (0)
爱前端网 - Yang 发布于 2014-11-11
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.key...
阅读(2165)赞 (0)
爱前端网 - Yang 发布于 2014-11-09
我们第一次谈论HTML5要改变世界大概是因为乔布斯,他坚持在 iOS 上不兼容 Flash,在 Adobe 统治多媒体开发的那个年代,这需要付出极大的勇气。这么多年过去了,虽然所有人都在谈论HTML5,但是大部分人甚至都忘了它还是一个仍在完善中的体系。 2007 年 W3C(万维...
阅读(1450)赞 (0)
爱前端网 - Yang 发布于 2014-11-08
现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来...
阅读(1414)赞 (0)
爱前端网 - Yang 发布于 2014-11-06
本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴...
阅读(1426)赞 (0)
爱前端网 - Yang 发布于 2014-11-02
狭义上,HTML5是HTML的第五个版本。HTML的全称是超文本标记语言(HyperText Markup Language),由万维网的发明者蒂姆·伯纳斯·李设计,是为创建网页而设计的一种标记语言。HTML利用标签来描述内容的语义,使计算机能够通过识别标签来正确处理内容。 昨天...
阅读(1516)赞 (0)
爱前端网 - Yang 发布于 2014-11-02
新版 jquery.lazyload.js 插件,要求必须给图片地址添加一个data-original属性, <img class=”lazy” data-original=”img/example.jpg” width=...
阅读(2152)赞 (0)
爱前端网 - Yang 发布于 2014-11-02
CSS Sprites简介 通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CS...
阅读(1328)赞 (0)
爱前端网 - Yang 发布于 2014-10-27
javascript性能优化 1、把脚本置于页面底部 脚本带来的问题就是它阻止了页面的平行下载。HTTP/1.1 规范建议,浏览器每个主机名的并行下载内容不超过两个。如果你的图片放在多个主机名上,你可以在每个并行下载中同时下载2个以上的文件。但是当下载脚本时,浏览器就不会同时下载...
阅读(1525)赞 (0)
爱前端网 - Yang 发布于 2014-10-18
HTML5的强大之处不仅在于让网页元素更加灵活多变,更在于它可以很方便地实现各种网页动画特效,让你的网站更加富有现代化特色。就现在的浏览器而言,已经基本都支持HTML5了,所以这也方便了我们开发者免去了考虑浏览器兼容性的头疼问题。 1.纯css3实现的图片3D翻转幻灯片 之前介绍...
阅读(2160)赞 (0)
爱前端网 - Yang 发布于 2014-10-17
精心整理了 站长常用的231个js代码。别说以后找不到哦。快收藏吧:) 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 <i...
阅读(3418)赞 (0)
爱前端网 - Yang 发布于 2014-10-12
1.图片滑块对比特效Image Comparison Slider Image Comparison Slider是一款可以通过鼠标左右滑动,来显示两张图片前后对比的插件,你可以轻松的使用它来为用户展示网站中两个产品之间的差异。 在线演示 源码下载 2.html5和css3打造一...
阅读(3632)赞 (1)
爱前端网 - Yang 发布于 2014-10-10
1.基于jquery和css3实现的摩天轮式分享按钮 之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮挂在摩天轮上。 在线演示 ...
阅读(2169)赞 (0)
爱前端网 - Yang 发布于 2014-10-07
今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv=”r...
阅读(1878)赞 (0)
爱前端网 - Yang 发布于 2014-10-03
jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单,快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件,将帮助你为你的 Web ...
阅读(1838)赞 (0)
爱前端网 - Yang 发布于 2014-10-02
1.jquery文本翻转插件Wodry.js Wodry.js 是一个简单的文本翻转/旋转jQuery插件。 Wodry.js动画集合允许你设置动画,设置自己的回调内容翻转等。 在线演示 源码下载 2.轻量级jQuery画廊插件Lighterbox lighterbox是ligh...
阅读(2464)赞 (0)