前端工程师新手必读

前端工程师新手必读

      公司招了几个刚毕业的学生,作为重构的新手让我来带。

  首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会,对我工作的肯定和认可,让我带这样的一个重构团队,同时我也明白任务的艰巨,但我一定会将工作做好,不负公司对我的期望。(哈哈,好像从小到大,老师都是教育我们要这样先说的。)

  在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。

阅读全文>>

阅读全文...

web标准常见问题整理(转自blueidea)

web标准常见问题整理(转自blueidea)

    列举了一些常见,新手经常问的问题。举例并说明解决方法。

    1.超链接访问过后hover样式就不出现的问题(IE6直接定义a标签的样式,链接访问后变色)

       解决方法:是改变CSS属性的排列顺序: L-V-H-A,IE6里想要访问后不变色,必须定义a:visited。
    2. IE6的双倍边距BUG

       解决方法:浮动后本来外边距10px,但IE解释为20px,在样式上加上display:inline,或_margin-xxx:5px。
    3. IE6使用滤镜使PNG图片透明后,容器内链接失效的问题

阅读全文>>

阅读全文...

频道de变脸

频道de变脸

  频道是产品的门户,用户的窗口,业务的平台,随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索;

      拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新的设计元素;为了让页面看起来更加饱满

  就任意添加推广banner……

  这些感性设计貌似看起来是补救的方法就这样随便的被引用到了你的设计中;

  当交互设计师看到你自以为欣喜的作品时心中可能按捺住一股怒火:任意更改版块位置、任意添加推广banner、

阅读全文>>

阅读全文...

一个页面重构工程师眼中的“用户体验”

一个页面重构工程师眼中的“用户体验”


在工业化设计融入人们生活的现今,用户体验一词就常常出现在人们的视线里,随着互联网web2.0时代的到来,大大小小的网站设计中也都开始关注用户体验的方面,对什么是用户体验(百度这四个字,比我写什么解释都好)就不做详细赘述了,相信大家比我了解的更加丰富。

用户体验从产品设计阶段便开始介入进来,如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀,听过这样的一句话:“具有良...

阅读全文>>

阅读全文...

前端中浏览器的兼容性和BUG问题的笔记

前端中浏览器的兼容性和BUG问题的笔记

在前端编码中肯定会遇到浏览器的兼容性问题,自己也不断的收集和总结了一些,今天汇总一下,方便以后查找和记忆。

主要分为两方面:一是同于各浏览器核心的不同,导致对CSS的解释也不一,所以我们要做CSS hack。二是CSS的一些技巧,盒模型在CSS样式表下的布局方法。


一、目前常用的浏览器有Internet Explorer,Mozilla Firefox,Google Chrome,Apple Safari,Opera以及其它一些以此为核心的加壳或一样核心的浏览器。浏览器核心有Internet Explorer的Trident,Mozilla Firefox的Gecko...

阅读全文>>

阅读全文...