【原】《大巧不工——Web前端设计修炼之道》读书笔记

一、主流浏览器

 Mozilla FireFox,Chrome,IE,Opera,Apple Safari

二、前端工具:

(1)设计工具: photoshop,Flash,Fireworks,DreamWeaver

(2)原型设计工具:

    Flash catalyst:可将PSD稿加工成可交互的swf文件

    Balsamiq Mockup:可制作涂鸦风格的原型设计稿

    Axure RP: 有丰富的可视化控件库及交互行为

    Pencile

(3)调试工具:

    Firebug——FireFox的插件,功能强大,推荐

    Httpwatch——IE or FireFox

    WebSuperPreview——支持多浏览器测试

三、UCD——User Centered Design 用户中心设计

四、IE的Bug超过四十个。。。。

五、网页的两种布局方式:

      流体布局——min-width ,max-width

      固定布局

六、Web标准的三个核心元素

      1、结构:HTML、XHTML,XML

      2、行为:ECMAScript、DOM

      3、表现:CSS1,CSS2,CSS3

七、常用的Ajax框架:

      jQuery: write less,do more

      Moo Tools

      Prototype

      Ext Js

      YUI Library

八、主流的网页页宽为960px,假设在1024*768分辨率下

九、一般情况下,1em=16px     0.75em=12px        0.625em=10px

十、CSS定位:

      position:absolute  ——参照为浏览器的左上角

      position:relative  ——参照为父容器的左上角

十一、网格系统CSS布局框架: 960 Grid system

十二、Ajax 尽量用Get,当URL大于2K时用POST

十三、并行加载,提高加载速度:

      1、尽量避免重定向

      2、慎用iframe

      3、把样式表置于<head>内

      4、脚本放到样式CSS后再加载

作者:Tony zhao 欢迎访问:找与淘网

  出处:http://www.cnblogs.com/ytaozhao 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/ytaozhao/p/2567464.html