【原】《大巧不工——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)