【原】《大巧不工——Web前端設(shè)計(jì)修煉之道》讀書筆記
一、主流瀏覽器
Mozilla FireFox,Chrome,IE,Opera,Apple Safari
二、前端工具：
(1)設(shè)計(jì)工具： photoshop,Flash,Fireworks,DreamWeaver
(2)原型設(shè)計(jì)工具：
Flash catalyst：可將PSD稿加工成可交互的swf文件
Balsamiq Mockup:可制作涂鴉風(fēng)格的原型設(shè)計(jì)稿
Axure RP: 有豐富的可視化控件庫及交互行為
Pencile
(3)調(diào)試工具：
Firebug——FireFox的插件，功能強(qiáng)大，推薦
Httpwatch——IE or FireFox
WebSuperPreview——支持多瀏覽器測(cè)試
三、UCD——User Centered Design 用戶中心設(shè)計(jì)
四、IE的Bug超過四十個(gè)。。。。
五、網(wǎng)頁的兩種布局方式：
流體布局——min-width ,max-width
固定布局
六、Web標(biāo)準(zhǔn)的三個(gè)核心元素
1、結(jié)構(gòu)：HTML、XHTML,XML
2、行為：ECMAScript、DOM
3、表現(xiàn)：CSS1，CSS2，CSS3
七、常用的Ajax框架：
jQuery: write less,do more
Moo Tools
Prototype
Ext Js
YUI Library
八、主流的網(wǎng)頁頁寬為960px,假設(shè)在1024*768分辨率下
九、一般情況下，1em=16px 0.75em=12px 0.625em=10px
十、CSS定位：
position:absolute ——參照為瀏覽器的左上角
position:relative ——參照為父容器的左上角
十一、網(wǎng)格系統(tǒng)CSS布局框架： 960 Grid system
十二、Ajax 盡量用Get，當(dāng)URL大于2K時(shí)用POST
十三、并行加載，提高加載速度:
1、盡量避免重定向
2、慎用iframe
3、把樣式表置于<head>內(nèi)
4、腳本放到樣式CSS后再加載
作者：Tony zhao 歡迎訪問:找與淘網(wǎng)
出處：http://www.rzrgm.cn/ytaozhao 本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。
浙公網(wǎng)安備 33010602011771號(hào)