
Web性能
文章平均质量分 63
自由人2008
很懒。
展开
-
8个应该去逛逛JQuery的学习网站
根据国外科技网站 W3Techs 一项调查了近100万个网站数据显示,jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。1. Learning jQuery最好的 jQuery 资源博客之一,从 jQuery 高手那里获得宝贵的经验。转载 2013-11-22 11:15:44 · 762 阅读 · 0 评论 -
前端面试题和setTimeout异步
一段小的js面试代码段,能看懂的这里就不卖弄了。原创 2013-11-06 15:12:54 · 1079 阅读 · 0 评论 -
国内移动互联网广告平台7宗罪
第一宗罪:贪食 以多数人难以理解的技术辞藻骗取信任。各大移动广告平台,均不断美化其技术能力、资源优势,从而要骗取广告主的广告预算。无论是RTB(REAL TIME BIDING)还是DMP(DATA MANAGEMENT PLATFORM)技术,目前只有后者在无线广告平台有所应用,但是远不到精准分析,依据数据模型进行技术与投放分配的阶段。而经常宣称自己的RTB 及 DMP技术有多牛的公司,大转载 2013-10-10 12:33:58 · 1112 阅读 · 0 评论 -
使用AngularJS构建大型Web应用
AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML词汇,从而在web应用程序中使用HTML声明动态内容。在该团队工作的软件工程师Brian Ford近日撰写了一篇blog,分享了如何使用AngularJS构建大型Web应用的经验。这些经验对于使用其他JS框架构建大型应用的开发者也极具借鉴意义。AngularJS的官方网站上给出了这个框架的基本使用方法,如:转载 2013-10-08 14:16:42 · 1418 阅读 · 0 评论 -
SEO前端优化
精减代码 清除网页中一些冗余的代码,网上有这样的工具,可以辅助完成,如果需要的话,我们可以把代码中的注释去掉,甚至空行之类的也去掉,尽量的减少代码量,从而减小页面体积。 CSS Sprites 通俗点讲,就是图片合并,可以把网站中一些比较通用的小图片,合并到一张图片上,然后利用CSS技术来分别调用图片不同的部分。这样可以大大的减少HTTP的请求量,在网页加载的时候,速度就快很多,现在转载 2013-10-06 01:11:37 · 961 阅读 · 0 评论 -
手机APP与原生APP设计的区别
交互上可以按照原生App的设计方式,效果将越来越接近,主要区别在于: 1.设计中要考虑到浏览器地址栏和工具栏的占有空间,和其对App的操作存在一定的影响。 2.暂时不适合调用系统底层接口,更适合web网站适配手机做的分支版本。 3.由于HTML的限制,交互的细节上存在一定的差异。 4.动效还没大规模的应用,但Web App界面操作将更为流畅,界面跳转时的平滑转载 2013-10-04 23:55:24 · 1111 阅读 · 0 评论 -
人人都能用的10条网站易用性技巧
1. 给你的logo添加替代文本这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。几种方法:1img src="logo.png" alt="前端界">或者,你用背景图来实现logo的话,也可以添加title属性来实现:12转载 2013-10-02 22:43:48 · 1574 阅读 · 0 评论 -
进入前端开发这个领域 ,请问如何进行系统的学习?
一、入门HTML4.X / XHTML 标签及其语义CSS2.X 样式常用的 JavaScript 操作:BOM document 的操作以及 DOM 简单操作二、晋级HTML5CSS3矢量绘图(SVG、VML)浏览器工作原理HTTP 协议AjaxWeb 设计Web 性能优化UXECMAScript、BOM、DOM 深入了解JavaScript OOPJavaS转载 2013-10-01 21:40:02 · 513 阅读 · 0 评论 -
通过使用Chrome的开发者工具来学习JavaScript
本文作者是Peter Rybin,Chrome开发者工具团队成员.本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念”闭包”和”内部属性”.闭包首先要讲的是闭包(closure) - JavaScript中最有名的东西之一.一个闭包就是一个使用了外部变量的函数.查看下面的例子:123456转载 2013-09-30 22:00:24 · 691 阅读 · 0 评论 -
抛弃 CSS Hacks 后的浏览器兼容方案
一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本,当然在 IE9 开始逐步推向市场后,又会有更多的衍生版本。所以我目前只考虑 IE7~9 版本的兼容情况。涉及到的条件注释代码如下:IE 7 ]>IE 7 ]>IE 8 ]>IE 9 ]>IE 9)|!(IE)]>使用说明如下:.test { /* 针对非 ie 浏览器的样式 */}转载 2013-09-29 22:16:12 · 539 阅读 · 0 评论 -
为什么用css sprites
在分析各个网站的CSS时,我们经常可以看到一些网站有很多的元素共享了一张背景图片,而这张背景图片包含了所有这些元素需要的背景,这种技术就叫做CSS Sprites。 例如淘宝的css sprites URL是http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif 这样做有什么好处呢? 显而易见,浏览器在载入每一张图片转载 2013-09-28 21:57:31 · 611 阅读 · 0 评论 -
毫秒必争,前端网页性能最佳实践
你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度,对自己的网站更有信心。最佳实践最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金转载 2013-09-27 16:31:32 · 596 阅读 · 0 评论 -
你需要知道的三个CSS技巧
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。转载 2013-09-26 20:56:03 · 577 阅读 · 0 评论