【原】《大巧不工——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后再加载
出处:http://www.cnblogs.com/ytaozhao 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。