抓烤

响应式网页设计与应用

BY: 抓烤 / DATE: 2012-02-24 / POSTED IN: 视觉设计 / VIEWS: 197735 / COMMENTS: 3

每个射击湿都想自己的网站可以在任何设备上体验都很牛,神马iPhone、ipad、黑莓、kindle……无所不能啊~ 苦逼的是这些东东的系统不一样,分辨率也不一样啊;电脑的屏幕越来越大,但是还有一半的用户还是用的17寸CRT;手机、pad层出不穷,没有个统一标准,我们又不想失去任何一个用户,这可苦了我这些设计师了,需要付出更多的心血来获得更好的体验,

石竹

前端开发利器—FIDDLER

BY: 石竹 / DATE: 2012-02-17 / POSTED IN: 前端开发 / VIEWS: 60794 / COMMENTS: 13

1.Fiddler相对其他调试工具的优势

HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据;尽管Firebug可以修改 HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据。而 Fiddler作一个 HTTP 调试代理,不但能够记录客户端同服务器之间的所有 HTTP 通讯数据,还能够修改请求数据和返回数据,也叫做“构造请求”和“模拟响应”。除此之外, 添加了willow插件的Fiddler 还可以:统计数据包、修改Host、请求重定向、编码转换、低网速模拟、断点调试以及过滤HTTP请求…Fiddler包含了一个强大的基于事件脚本的子系统,并且能够使用.net框架语言扩展。相信你已经迫不及待安装它了。

大猫和小耗子

调皮的javascript

BY: 大猫和小耗子 / DATE: 2012-01-16 / POSTED IN: 前端开发 / VIEWS: 12278 / COMMENTS: 6

javascript是一门有趣的语言,不仅有趣而且调皮,不同的内核的浏览器在解析的时候表现会有些差异,今天主要是抛砖引玉,和大家一起讨论一些在实际开发中比较常见但同时可能并没有过于在意的javascript表现。这里先做几个约定:
毛叔

我的重构初体验

BY: 毛叔 / DATE: 2012-01-12 / POSTED IN: 页面重构 / VIEWS: 40538 / COMMENTS: 4

4个月前我得到了人生中的第一份职位——“重构工程师”。那时就经常有人问我:“这份职位是做什么?”“重构需要什么技术?”,当时我的回答是:“重构就是前端咯。”然而经过这个4个月的工作之后,我发现当时我的回答可能不那么的正确。那么,作为一位仍然还是“新人”的重构工程师,说一下关于这份职位现在我的理解和学习到的东西吧。当然,有错误或不当的地方还请各位前辈多多指教。

重构工程师是做什么的?需要什么样的素质?

瓦力

字符串的连接性能分析

BY: 瓦力 / DATE: 2011-12-27 / POSTED IN: 前端开发 / VIEWS: 5374 / COMMENTS: 1

字符串连接一直是javascript中性能较低的操作,也是最频繁的操作;在JavaScript中字符串是不可变的,即它们的值不可以改变,这意味着要创建中间字符串来存储连接的结果;

+ 和 +=操作符提供了连接字符串最简单的方法,我们先看两个例子:

天窗

Axure心得大法

BY: 天窗 / DATE: 2011-12-07 / POSTED IN: 交互设计 / VIEWS: 47495 / COMMENTS: 12

在日常产品设计中,从产品经理到开发,Axure已经成为了标准的沟通工具及设计工具,交互设计环节也确实起到了产品设计和产品开发之间的关键作用。但是,通过跟很多产品经理的接触和沟通,我发现对于Axure这个设计工具的使用,有很多不熟练的地方,结果导致了效率低下,甚至影响产品设计的表达。借着上周开了第一期产品设计工作坊的机会,我把自己使用Axure过程中的一些心得提炼出来,供大家参考,共同提升产品设计的效率及质量。

酥扣

拟物设计—把物品融入页面

BY: 酥扣 / DATE: 2011-12-05 / POSTED IN: 视觉设计 / VIEWS: 24349 / COMMENTS: 13

互联网诞生于上世纪60年代末,在90年代的时候进入中国并以飞快的速度普及开来。在互联网普及和发展的同时,做为互联网的视觉艺术的网页设计也得到了一日千里的发展,设计表现手法日新月异,强设计感页面不断冲击我们的眼球。为了吸引用户,特别是一些内容不受框架限制的活动,在设计表现也更显多样化,融入了更多元素,页面不再单一从一个标题,或美丽配图作为吸引点,整体感强的设计思路使页面更加独特。

Zawa

Javascript之UI线程与性能优化

BY: Zawa / DATE: 2011-11-21 / POSTED IN: 前端开发 / VIEWS: 19969 / COMMENTS: 6

在浏览器中,Javascript执行与UI更新是发生在同一个进程(浏览器UI线程)中的。UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲时被提取出来执行。所以Javascript的执行会阻塞UI更新;反之,UI更新也会阻塞Javascript的执行。给用户的表现就是浏览器在工作时短暂或长时间失去反应,用户的操作不能及时得到响应。而UI线程的阻塞很多时候是由于我们要在代码里进行长时间的脚本运算,超过了浏览器限制,导致浏览器失去响应,冻结用户界面。

所以,编码时对于耗时较长的运算我们不得不考虑UI线程的问题,《High Performance JavaScript》建议javascript操作耗时不应该超过100毫秒,那么这个100毫秒是如何得出来的呢?

瓦力

页面自动跳转的实现方式探讨

BY: 瓦力 / DATE: 2011-11-09 / POSTED IN: 前端开发 / VIEWS: 82811 / COMMENTS: 3

最近新版财付通正式上线了,需要将用户切换到新版来,即需要将旧版的首页实现自动跳转的功能;首先,让我们一起来了解下网页自动跳转的常用实现方式有哪些吧!

方法一:使用meta标签
Meta标签是html不可缺少的标签之一,是用来在HTML文档中模拟HTTP协议的响应头报文;当我们定义属性http-equiv为refresh时,打开此WEB页,浏览器将根据content规定的值在指定时间内跳转到相应页面,content=”秒数;url=网址”就是定义停留多长时间后,跳转到指定的网址;

小网

跨域,不再纠结

BY: 小网 / DATE: 2011-10-31 / POSTED IN: 前端开发 / VIEWS: 58986 / COMMENTS: 3

“跨域了,实现不了。”
“跨协议了,实现不了。”
“两边端口不一致,不能相互访问。”
……

这些字眼您是不是经常发生在你的身上,跨域一直是前端开发人员纠结的事情,好在HTML5提供的postMessage接口给前端人员提供了完美的解决方案。不过可恨的IE还得用猥琐的iframe代理来实现跨域操作。接下来讲解如何实现不同浏览器之前的跨域通信。