web前端設計基礎知識
web前端設計對網頁設計是一個重要的環節,好看的前端更能吸引用户。那麼你知道web前端設計基礎知識都有哪些呢?下面是小編精心為你準備的web前端設計基礎知識,希望對你有幫助!
web前端設計基礎知識
JavaScript的基本數據類型
內置對象的常用方法
理解事件機制
理解原型繼承
理解作用域問題
理解模塊化
性能優化
知道基本的編程語法,比如循環,判斷,try/catch 等等
理解包括多種函數定義以及賦值的方式,包括匿名函數
理解基本的命名空間,全局(window)空間以及對象空間(不包括閉包)
理解上下文的角色以及 this 變量的使用
理解各種對象以及函數的初始化和聲明方式
理解 javascript 比較操作符,如<,>, ==, ===,以及對象和字符串比較的原理和對象映射
理解對象屬性和函數的數組索引,以及這和真實的數組之間的區別。
Web前端設計排版技巧
一、強調字體
字體的設計與強調在網頁當中相當重要,合適的排版和適當的字體強調,不僅可以讓用户快速的抓住網站中的重點,同樣可以增強網站對用户的吸引力
二、單頁面設計
隨着互聯網的發展,用户的`習慣更傾向於鼠標滾輪。在用户的體驗和習慣方面來講,與其在多個頁面中來回點擊查看,不如直接滾輪來的方便。
三、網頁色塊設計
隨着互聯網的發展和H5的出現,網站網頁的排版方式越來越傾向於簡潔大方,這最根本的原因在於:用户的視覺和心理。不同的色塊放在一起形成強烈的對比,要麼以純文字形式,要麼以方形照片配上文字形式,這兩者在一定程度上刺激了用户的視覺興趣,進而使用户繼續探索。
四、背景
網頁以什麼樣的方式作為背景呢?純色?漸變?圖片?這三種都是可以的,但以商業化為目的展示,用照片作為網站網頁的背景,不僅可以達到展示的目的,而且還可以達到強烈的視覺表達效果。這種設計方式在時尚、品牌和旅遊等行業最為常見。
五、圖片
簡約、設計時尚、顏色對比突出,表達清楚、突出目的的大圖,是很多網站開發者所追捧的。同樣與枯燥的文字相比,用户也更願意繼續觀賞這樣的網站。
六、響應式設計
隨着手機和移動端設備廣泛的被人們使用,響應式設計成為目前網站開發比不可少的內容。不僅能節省開發者的成本和時間,更能方便用户在不同尺寸的設備上暢通無阻的瀏覽你的網站。
七、視差滾動
讓多層背景以不同的速度移動,形成運動視差的3D效果,這樣的效果以後很可能會在H5的網站中更加常見和流行
Web前端設計原則
KISS原則(Keep it Simple and Stupid)
一切儘可能簡單,簡單,簡單!!! 簡單就是美,能簡單的絕不復雜
DRY原則(Don’t Repeat Yourself)
顧名思義,任何一段代碼如果需要複製第三次,需要進行抽象
最少知道原則
高內聚,低耦合,任何事物應該保持對外界的最少知道原則
分治原則
複雜的問題,負責的功能,應該拆分,由更小的部分組成
-
SQL語句類型的標準模式
1、查詢語句:主要是由select關鍵字完成2、事務控制語句:主要由commit、rollback和savepoint三個關鍵字完成3、DML(數據操作語言)語句:主要由、update和三個關鍵字完成4、DDL(數據定義語言)語句:主要由create、alter、drop和truncate四個關鍵字完成5、DCL(數據控制...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
asp下去除超鏈接函數
複製代碼代碼如下:<%FunctionReplaceUrl2(HTMLstr)Dimn,str1,str2,str3,str4HTMLstr=Lcase(HTMLstr)Forn=1toUbound(Split(HTMLstr,"(.+?)"RegRemoveHref=ace(HTMLstr,"$1")ENDFunction...
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設置元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設置HTML元素的style屬性值。cssText怎麼用?複製代碼代碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不説,也知道ext是什...