前端

前端设计一般可以理解为网站的视觉设计,包括HTML和CSS以及JavaScript/ajax等技术

关于重构,代码的坏味道,应该重构的代码

应该重构的代码 1.重复的代码: 重复代码在同一个类中的不同方法中,则直接提炼为一个方法,如果重复代码在两个互为兄弟的子类中,则将重复的代码提到父类中。如果代码类似,则将相同部分构成单独函数,或者用 Template Method 设计模式,重复代码出现在不相干的类中...

2013-01-06 前端

ECShop鼠标经过小图切换显示大图

以官方自带默认模板为例进行修改,其他模板大同小异,可参照修改方法。 第一步、 用编辑器打开商品详情页模板文件-----goods.dwt 1. ----在之间加入如下代码 JavaScript <script type="text/javascript"> function change_img(...

2012-11-21 前端
IE下js调试工具Companion.JS

IE下js调试工具Companion.JS

我恨IE,我恨,我恨,我恨,我真的恨……………………………………………… 做web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况比以前稍好,在Firefox下还有firebug,这的确是一个不错的js调试工具,但在IE下使用就很麻...

2012-11-18 前端
看图识别字体

看图识别字体

在工作中,我经常会碰到一些客户发来的图片稿件中包含了一些英文艺术字体,而且我的电脑中通常都没有安装这些过字体,甚至连这些字体的名字都不知道。所以,我一直在想可以利用什么方法,通过图片来找出这些字体的名称,这样的话就好办事多了。 而前两天终于得知一个方法可以解决此问题的方法,那就是利用知名的字体网站myFonts提供的What T...

2012-07-17 前端
非常有用的CSS模板

非常有用的CSS模板

下面是CSS模板清单,将帮助您减少手酸,烦恼,节省您在写CSS的时间了,我希望你会发现它很有用。无论你是一个有经验的Web开发者,或刚开始使用CSS的初学者,都值得一试。 CSS Reset (CSS固定样板) CSS /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)...

2012-07-06 前端

50个Web开发者文档和手册

后端手册 PHP Documentation – http://www.php.net/manual/en/ Python Documentation – http://www.python.org/doc/ Ruby Language Documentation – http://www.ruby-lang.org/en/documentation/ Ruby on Rails Documentation – http://rubyonrails.org/documentatio...

2012-06-24 前端
IE6调试工具firebug

IE6调试工具firebug

今天公司游戏官网第N版上线,很久之前就做好了,不过只测试过火狐和ie8+,今天放上去,还是有同事用脑残IE6的,页面混乱,错位严重。 没办法,只能调了。虽然非常痛恨IE6,不过都没办法。说不定领导都是ie6呢,最后苦的还是我们这些搞开发的。 先是改了几个地方,都没修正页面。搞的都有点发飙了。最后才想到之前有用到一个好工具,能在IE6下...

2012-06-21 前端

IEDevToolbar安装及使用

写测试脚本时,需要用到web上的各个控件name or value or id。推荐一个微软工具:IEDevToolbar 接收到文件后,关掉IE,直接运行安装,exit后,再打开IE,咦,怎么还是没有工具栏。此时,查看-->工具栏-->Developer Toolbar勾上,即可了。这是英文版本的安装 此...

2012-06-21 前端
瀑布流布局

瀑布流布局

如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊? 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。 这种布局适合于小数据块,每...

2012-04-18 前端
CSS Sprites 样式生成工具

CSS Sprites 样式生成工具

学CSS布局的同学应该多少知道CSS Sprites(图片合并)技术,简单的说就是利用CSS的background-position属性,控制显示一张大图片的显示区域。例子可以看这里《CSS Sprites: Image Slicing’s Kiss of Death》。 对于经常使用CSS Sprites的同学,不知道是否有跟我一样的烦恼,在写定位的时候,先在PS里量出大概的位置,然后再在FF里用 Firebug...

2012-04-05 前端