F式布局基本原理依據(jù)了大量的眼動研究。用戶喜歡從左到右閱讀，然后向下閱讀，在從左到右閱讀，以此下去。這種閱讀習(xí)慣就是F式布局。最關(guān)鍵的信息靠左邊，從上到下盡量保持在一條線，頁頭和導(dǎo)航靠左一欄相對叫寬，展示主要內(nèi)容，靠右為側(cè)邊欄，主要展現(xiàn)相關(guān)鏈接等。人的行為容易受到習(xí)慣的影響，從左到右，由上至下，人們大多習(xí)慣了這種模式。F型布局擁有較良好的適應(yīng)性，便于用戶理解。那么網(wǎng)站設(shè)計(jì)中F型改如何運(yùn)用布局呢？以下是南昌網(wǎng)站建設(shè)公司的小編為大家講解如下：

清除浮動是指清除掉元素float屬性。清除浮動-使用clear元素浮動之后，周圍的元素會重新排列，為了避免這種情況，使用clear屬性。我們在CSS中引入了clear:left|right|both屬性，其作用分別是在元素的左側(cè)|右側(cè)|兩側(cè)不允許存在float元素，我們可以用他來清除其副作用。

什么是404？為什么找不到頁面？404頁面是用戶在輸入錯誤的鏈接時，顯示的返回頁面，但是作為開發(fā)者來說，一切與用戶有關(guān)的事，我們都不能忽略， 當(dāng)用戶已經(jīng)點(diǎn)擊進(jìn)來，難道要因?yàn)槌霈F(xiàn)的404頁面而失去眾多用戶嗎？不！這不是一個優(yōu)秀的前端開發(fā)者所忽視的。

當(dāng)我們?yōu)g覽一個網(wǎng)站時，如果這個網(wǎng)站頁面加載了很長時間都沒出來，那我們肯定會毫不猶豫地把它關(guān)閉，這樣的網(wǎng)站用戶體驗(yàn)度實(shí)在太差了。

隨著主流瀏覽器地不斷更新，CSS搭配js所形成的網(wǎng)頁動畫結(jié)果可以用CSS3的語法直接呈現(xiàn)，這樣一來在網(wǎng)站設(shè)計(jì)上可以減少圖片的使用，從而避免了因容量過大造成的存取困難。

從事網(wǎng)站SEO的朋友都知道，網(wǎng)站結(jié)構(gòu)的優(yōu)化對網(wǎng)站排名是很重要的。網(wǎng)站結(jié)構(gòu)優(yōu)化做好了，那對于我們之后的優(yōu)化工作就事半功倍了。

cookie是在瀏覽器中存儲數(shù)據(jù)的一種簡單的機(jī)制。cookie存儲的數(shù)據(jù)有時候非常重要。因?yàn)閏ookie有很多用途，既可以存儲會話標(biāo)識符——這樣當(dāng)你訪問網(wǎng)站時，網(wǎng)站會記住你是誰；也可以存儲會話信息，記住你剛才做過什么事。cookie還包含一個時間范圍屬性，表示它的有效期，可能是幾秒，也可能是未來很長時間。

CSS3實(shí)現(xiàn)條紋斜紋效果，PS，當(dāng)然是從BOOTSTRAP里面的拿出來的呀~~

記得前百度工程師張?jiān)讫堈f過，頁面前端優(yōu)化問題絕對不僅僅是為頁面提速的問題，更是工程的問題，有興趣的同學(xué)可以閱讀《前端工程與性能優(yōu)化》。里面有提到根據(jù)雅虎14條優(yōu)化原則，《高性能網(wǎng)站建設(shè)指南》以及《高性能網(wǎng)站建設(shè)進(jìn)階指南》中提到的優(yōu)化點(diǎn)梳理出來的優(yōu)化方向：

前端逐幀動畫實(shí)現(xiàn)方案, 在細(xì)聊 css3 逐幀動畫之前，我們先大致了解下前端實(shí)現(xiàn)逐幀動畫有哪些方案。 其實(shí)不外乎三種技術(shù)（視頻可以實(shí)現(xiàn)所有類型的動畫，暫不納入）：gif、JavaScript、CSS3 Animation。

移動互聯(lián)網(wǎng)的發(fā)展使得沒有哪一家企業(yè)公司敢輕視忽略移動網(wǎng)站建設(shè)，開始意識到除了傳統(tǒng)的pc端的網(wǎng)站建設(shè)，也需要有一個移動版網(wǎng)站；在html5出現(xiàn)之前的移動網(wǎng)站要么ui界面簡陋，功能簡單，要么就是app開發(fā)，但是成本高昂，一般的企業(yè)網(wǎng)站的功能也沒有必要做到那么復(fù)雜，再加上推廣較難，成本較高，也一直為企業(yè)所頭疼，但是自從html5出現(xiàn)之后，一切都正在發(fā)生著改變

前端JAVASCRIPT常用正則表達(dá)式，持續(xù)更新，歡迎補(bǔ)充，...