原创 彈性盒模型

1、CSS3彈性盒模型 面試題!! 1.1、怪異盒模型與標準盒模型 1.1.1、兩者邊框大小一樣,彈性盒模型content大小發生變化。總體不變。 標準盒模型content大小不變,總體發生變化。 怪異盒模型: box-sizing:co

原创 響應式佈局

  1、語法結構: @media all and (min-width:320px) {     body { background-color:blue;} } 2、設計特點: 面對不同分辨率設備靈活性強   能夠快

原创 sublime快捷鍵

Sublime Text 3非常實用,但是想要用好,一些快捷鍵不可或缺,所以轉了這個快捷鍵彙總。 用慣了vim,有些快捷鍵也懶得用了,尤其是在win下面,還有圖形界面,所以個人覺得最有用的還是搜索類,對於閱讀和修改代碼來說,非常實用。

原创 程序員開發23種模式

1、工廠模式:客戶類和工廠類分開。消費者任何時候需要某種產品,只需向工廠請求即可。消費者無須修改就可以接納新產品。缺點是當產品修改時,工廠類也要做相應的修改。如:如何創建及如何向客戶端提供。  2、建造模式:將產品的內部表象和產品的生成過

原创 JS的數組(Array)

數組:Array 1、數組 一組數據,即是數組。 可以是相同類型的數據,也可以是不同的數據類型。 2、數組的作用 使用單獨的變量名,存儲一系列的值。 數組是特殊的變量,可以同時存儲多個值。 3、數組的定義 方式一: 字面量表達式: v

原创 CSS常用命名

1、按結構命名 容器:container 頁頭:header 內容:content 頁面主體:main 頁尾:footer 導航:nav 側欄:sidebar 欄目:column 頁面外圍控制整體佈局寬度:wrapper 左中右:left

原创 關於JS的邏輯運算題之if的使用

關於(if)分支(選擇)的練習。 1、if--- 單分支 語法結構: if(表達式){  語句; } 案例: 省略。。。 2、if----雙分支 語法結構: if(表達式){ 語句1; } else{ 語句2; } 案例: 2. 

原创 web網頁前端開發設計常用編輯器

剛開始接觸web前端開發的時候可能不知道使用什麼編輯器,也可能你知道一兩個,比如,Sublime Text,比如,HBuilder ,但是對於很多新手來說,什麼樣的編輯器纔是適合自己的呢?

原创 常用顏色中英文,16進制,rgb格式

顏色對照表 序號 顏色 英文代碼 形像顏色 HEX格式 RGB格式 1   LightPink 淺粉紅 #FFB6C1 255,182,193 2  

原创 WebStorm編輯器

當你達到一定的水平之後,你會發現,WebStorm這個編輯器真的是太好了,

原创 HBuilder編輯器

官網下載地址:http://www.dcloud.io HBuilder編輯器是我們偉大的中國人研究開發的,HBuilder的使用大大提高了web前端開發設計的效率。

原创 JS的循環語句

循環 1、while循環 1.1、語法結構: while(表達式){ 執行語句; } 1.2、特點: 先判斷後執行。 2、do...while循環 2.1、語法結構: do{ 執行語句; } while(表達式); 注:while表達式後

原创 DramWeaver編輯器

官網下載地址:https://www.adobe.com/cn/products/dreamweaver/free-trial-download.html DramWeaver 作爲早期的網頁設計編輯器,剛開始使用的就是這個,風靡一時的

原创 如何讓文本出現省略號

實現文本出現省略號必須滿足以下 4個條件: 1、容器(文本)有寬度,即width:value 2、不換行,即強制一行內顯示,white-space:nowrap 3、溢出容器(文本)內容隱藏,即overflow:hidden 4、溢出容器

原创 js基礎運算符

1 、入職薪水10K,每年漲幅入職薪水的5%,50年後工資多少?   var salary = 10000; // 入職時年薪   var incresa = 0.05  // 增漲幅度   var years = 50;     //