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

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

什么是404？為什么找不到頁面？404頁面是用戶在輸入錯誤的鏈接時，顯示的返回頁面，但是作為開發者來說，一切與用戶有關的事，我們都不能忽略， 當用戶已經點擊進來，難道要因為出現的404頁面而失去眾多用戶嗎？不！這不是一個優秀的前端開發者所忽視的。

當我們瀏覽一個網站時，如果這個網站頁面加載了很長時間都沒出來，那我們肯定會毫不猶豫地把它關閉，這樣的網站用戶體驗度實在太差了。

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

從事網站SEO的朋友都知道，網站結構的優化對網站排名是很重要的。網站結構優化做好了，那對于我們之后的優化工作就事半功倍了。

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

CSS3實現條紋斜紋效果，PS，當然是從BOOTSTRAP里面的拿出來的呀~~

記得前百度工程師張云龍說過，頁面前端優化問題絕對不僅僅是為頁面提速的問題，更是工程的問題，有興趣的同學可以閱讀《前端工程與性能優化》。里面有提到根據雅虎14條優化原則，《高性能網站建設指南》以及《高性能網站建設進階指南》中提到的優化點梳理出來的優化方向：

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

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

前端JAVASCRIPT常用正則表達式，持續更新，歡迎補充，...