您现在的位置:首页
--> RockUX
HTML5和CSS3为网页设计人员提供了新的语义标签,奇特的动画,服务端字体等等,然而并不仅仅是这些。网页设计下一个主要的发展可能会围绕HTML5和CSS3都没有关注的一点――页面布局。 对于这两项新技术中的所有出色的新工具来说,使页面元素按你希望的方式自动布局的任务依然没有完成。人们通常使用浮动,绝对定位以及偶尔使用JavaScript来完成该工作,但是对于只是将元素定位在页面上这样的任务来说,这些代码就显得有些繁琐了。 肯...
Javascript是一个伟大语言,在前些年对于他有些误解,但是开发人员又重新发现了他的美丽与优雅。如果你不喜欢javascript大概是因为: 对于浏览器的兼容性问题很头疼―其实这不是javascript的错 你把javascript和基于类的语言相比,比如c++ c# java等―javascript的表现并不如你所预期 这其中,最让人困惑的就是’this’关键字。在大多数的语言中,’this’都是指代当前类。而在javascript中,’...
大多数网站在处理它们的平均用户数访问时加载速度是合理的。但是网站遇到流量高峰压力时,性能会迅速恶化。 为了了解流量高峰期估计的理论和方法,我先研究一些公开的数据,看看我是否可以找到网站流量高峰与平均流量之间的联系,以及网站可以承受何种流量类型。 摘要和数据 峰值和平均网站流量数据分析来自Quantcast。这里是来自Quantcast的一张典型的流量图表: 对于这里的学习研究,我们只看来自US的流量数据。我们还同时获取了...
在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点,以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单,且最通常地放在网站所有页面的网站头的直...
优秀的Stoyan Stefanov在他的新书中(《Javascript Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写API文档,同事的review,使用JSLint。这些习惯都能帮助你编写更加高质量的、更易于理解的、可维护的代码(让你的代码在多年之后仍使你引以为傲)。 编写可维护的代码 软件的BUG修...
在这个系列的第一部分,我们讨论了一些与CSS排版的基础概念。现在我们将讨论一些出色的技术,建议,技巧以及处理网站排版的最佳实践。 这是CSS排版参考三篇系列中的第二部分,这三篇将涵盖从基本语法到最佳实践,以及CSS排版相关工具的内容。 CSS排版:基础 CSS排版:技术与最佳实践 CSS排版:例子和工具(即将推出) 用@font-face改善网页排版 对于普通文本块,使用巧妙的字体栈(如第一部分讨论的)是一个不错的主意,但...
这篇文章主要针对对创建大型就用程序感兴趣的jQuery用户。通常当你讨论可以用于开发大规模JavaScript应用程序的方案时,你可能想知道像dojo这样的工具是不是比用jQuery更合适一些。当然还有其它的选择,但是本文只特别关注dojo,并对其作全面的评测。我将从关注尽量高的层面以避免过于细节特征的对比。 很重要的一点是你不要犯了常见的错误,仅仅因为jQuery是你所知道最好的而认为它就是你应该总是使用的,这是不对的。
看看下面的代码,你觉得输出是什么呢? var a = [30,2,1,9,15]; a.sort(); alert(a); 如果你觉得输出是1,2,9,15,30,那就错了,真正的结果是1,15,2,30,9。不过,在没真正搞清楚javascript的数组排序之前还是先别放弃这个强大的语言。 那么这是怎么回事呢?当排序的方法没有参数的时候,所有的值都会被转化成为字符串,然后根据字典顺序排序。所以15会排在2前面,10和19999也一样。 为了解决这个问题...
正则表达式很可怕很可怕,但是,一旦你记住并且明白了这些符号的意义,那么这些恐惧就会马上消失。如果你现在心中还有那份恐惧感,那就赶紧往下看吧。 基础知识 学好正则表达式子的关键一步就是花一点时间记住这些符号。这是最好的建议了。坐下来,好好记一记,很快的: .:会匹配任何字符,在dotall模式为false的时候不会匹配换行符。 *:匹配0个或者多个上面的那个字符可以匹配的 +:匹配一个或者多个上面那个字符可以匹配的 ?:...
网站和网页应用程序正在变得越来越富有交互性。网站上的内容比印刷的副本好处在于如果我们希望的话,我们可以让用户与它们交互。 我们已经讨论过网站导航模式与及流行的网页内容表述模式。现在让我们探索一些我们有交互性网站内容的UI模式。 就地编辑 就地编辑对于Web应用来说是一种有价值的UI,它允许用户创建或编辑内容。就地编辑意思是用户可以就在当前页面内容所处的地方直接编辑该内容,而无须转到使用另一种界面的新页面去编...
渐进增强的处理HTML5的表单,这恐怕是现阶段能解决这个问题最好的模式了吧,在浏览器支持HTML5特性的时候使用,不支持的时候还是使用js来扩展增强。 加载Yepnope.js Yepnope.js是一个脚本加载工具,他可以根据条件不同,加载不同的js脚本。你可以给他传一些变量进去,如果为true,那么就去加载这些脚本和css,如果是false,那再做相应的处理。那么如何确定要不要加载这些脚本呢,从能力检测开始: 加载Modernizr Modernizr可以提供...
排版是网站设计中的一个基本部分。理由很充分:好的排版不仅是审美的必要,还可能从文字的易读性和可读性方面改善网站可用性。排版的一切就是大小,比例和间距。排版同时也要考虑字体样式。 在我们的网页设计中如何使用CSS来很好的排版呢?这就是我们要努力回答的问题。 这是CSS排版三篇系列中的第一部分,这三篇将涵盖从基本语法到最佳实践,以及CSS排版相关工具的内容。 CSS排版:基础 CSS排版:技术与最佳实践 CSS排版:例子和...
数据库是WEB大多数应用开发的基础。如果你是用PHP,那么大多数据库用的是MYSQL
浏览器的用户界面和JavaScript代码共享同一个处理进程。无论是浏览器需要响应一个菜单的点击,还是渲染一个页面或者执行Ajax请求,每一个事件都会添加到一个队列中。当浏览器空闲的时候,就会继续执行队列中的任务。 浏览器的线程 实际上,在高端一些的浏览器中都不是只有一个线程。作为极端的例子,IE9和Chrome会为每一个tab生成一个系统的进程。然而,对于每一个页面来说,仍然只有一个事件处理的队列,也就意味着一次只能执行一...
CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。 但是使用CSS框架好不好呢?最终来说有时候有的东西节约你的时间的代价是引发了更多地问题,导致节约的时间没有意义了。好吧,就像我们生活中的任何东西一样,使用CSS框...
在这系列文章的前面一部分,我们讨论了CSS排版的一些技术和最佳实践。现在让我们通过一些案例学习,工具以及网页中一系列出色排版来更深入的研究。 这是CSS排版参考三篇系列中的第三部分,这三篇将涵盖从基本语法到最佳实践,以及CSS排版相关工具的内容。 CSS排版:基础 CSS排版:技术与最佳实践 CSS排版:例子和工具 CSS排版案例学习 教程和理论很不错,但是没有比案例学习更能够说明事情的了。这里是一系列案例,它们可以为你提...
这篇文章中的建议涵盖了大部分PHP代码性能方面的问题。如果你是做一些小网站或者小项目,那么有理由忽略这些建议,但是当你为大量用户提供长期稳定的服务的时候,就必须关注了。开发人员必须从项目一开始就考虑这些建议,它会极大的改善你的网站的性能。 在PHP中,通常有很多的方法可以来达到相同的目的,但是开发人员通常选择他们最熟悉的用起来最舒服的一种方式,但是有些事必须注意的: echo比print要快很多。两个方法都会在页...
在网络应用中,cookie是一种非常方便的存储数据的方法。正因如此,你在开发WEB应用的时候更需要注意cookie的安全性。有很多办法可以做到保证cookie的安全,这里我们再讨论一种--浏览器端的cookie加密。
这是这一系列的最后一篇文章了,前面我们讲到了XML,SOAP,HTM格式和第二部分的JSON和JSONP。现在我们来看看自定义数据格式。 最佳的数据传输格式应该是使用最少的传输量表达最需要的数据。想想之前在XML和JSON中定义的书的数据。
在之前的文章中我们讲到了早期的集中数据格式,XML,SOAP,HTML。现在,我们来看看JSON和JSONP。 JSON JSON(JavaScript Object Notation)是Douglas Crockford提出的。他是一个轻量级的数据交换格式,基于JavaScript对象字面量。
近3天十大热文
- [56] Oracle MTS模式下 进程地址与会话信
- [56] IOS安全–浅谈关于IOS加固的几种方法
- [55] 如何拿下简短的域名
- [54] 图书馆的世界纪录
- [53] Go Reflect 性能
- [53] android 开发入门
- [50] 【社会化设计】自我(self)部分――欢迎区
- [50] 读书笔记-壹百度:百度十年千倍的29条法则
- [39] 程序员技术练级攻略
- [33] 视觉调整-设计师 vs. 逻辑
赞助商广告