由於h5在移動端的發展如日中天，現在大部分公司對高階前端需求也是到處挖牆角，前端薪資也隨之水漲船高，那公司沒有配備專用的前端怎麼辦呢？
作為老闆眼中的「程式猿」 前端都不會是非常無能的表現，那作為後端人員需要不需要懂前端呢？為了提公升價值還是需要懂點的，不然一點問題就找前端，那是不是讓別人瘋了……
前端先從最常見的調樣式說起吧，重要知識點之盒子模型，這裡就不嘰嘰歪歪那些難懂的概念，直接看下面的圖吧。
什麼叫做外邊距，內邊距……
圖1：英文版
通俗點就是下面的圖：
圖2：中文版
再看看總寬度與總高度的計算，應該都看得懂：
圖3之所以要知道寬度與高度的計算，當你在一行內容後面再加個按鈕時，這個按鈕會隨著瀏覽器的大小滿屏的到處亂飛，雖然你左調右調寬度，定位，就差那一兩個畫素的事會讓你抓狂，這時你就要學會計算那剛剛好的幾畫素問題。
那這裡就再講講多個元素之間要注意的問題：
padding只存在於乙個盒子內部，所以通常它不會涉及與其他盒子之間的關係和相互影響的問題。
margin則用於調整不同的盒子之間的位置關係。
① 行內元素之間的水平margin
圖4 行內元素之間的水平margin
兩個塊之間的距離為：30px+40px=70px。
② 塊級元素之間的豎直margin
圖5 塊級元素之間的豎直margin
如果不是行內元素，而是豎直排列的塊級元素，margin的取值情況就會有所不同。
兩個塊級元素之間的距離不是margin-bottom與margin-top的總和，而是兩者中的較大者，如圖所示。這個現象稱為margin的「塌陷」（或稱為「合併」）現象，意思是說較小的margin塌陷（合併）到了較大的margin中。
有時你想給乙個按鈕加個背景佬的啊，竟然無效果！一查原來是被其它樣式覆蓋了，怎麼回事？那就要了解css樣式優先順序
css樣式中會有外部樣式、內部樣式和內聯樣式同時應用於同乙個元素，就是使多重樣式的情況。
一般情況下，優先順序如下：
（外部樣式）external style sheet
行內樣式（直接在元素上打style=""）》 id樣式(用id=標識)》 類別樣式（class=""） 》 標記樣式（寫在head中或css檔案中）
標準的寫法當然是將樣式統一寫在css的檔案中方便復用管理，頁面中盡量不要寫樣式，保持**的整潔性。（看到一鍋粥的頁面你是不是會有一種看到大海的感覺……）
那怎麼定位到我想到的元素呢？css選擇器出場
一.基本css選擇器有標記選擇器、類別選擇器、id選擇器3種：
1.標記選擇器
每一種html標記的名稱都可以作為相應的標記選擇器的名稱，如h1,p,div等等
2.類別選擇器
類別選擇器的名稱可以由使用者自定義
格式如下：.class
3.id選擇器
與類別選擇器相試
格式如下：#id
二.復合選擇器：就是兩個或者多個基本選擇器，通過不同方式連線而成的選擇器
1.「交集」選擇器：由兩個選擇器直接連線構成，其結果是選中二者各自元素範圍的交集，其中第一必須是標記選擇器，第二個必須是類別選擇器或者id選擇器，兩個選擇器之間不能有空格，必須連續書寫
如：h3.class div#special注意兩者間沒有空隔
2.「並集」選擇器：同時選中各個基本選擇器所選擇的範圍，任何形式的選擇器都可以，並集選擇器是多個選擇器通過逗號連線而成的，
格式如:h1,h2,h3注意中間是有逗號分隔
三.後代選擇器：
寫法：把外層的標記寫在前面，內層的標記寫在後面，之間用空格分隔，當標記發生巢狀時，內層的標記就成為外層標記的後代了
舉個栗子：
<效果：html
>
<
head
>
<
title
>後代選擇器
title
>
<
style
type
="text/css"
>
p span
span
style
>
head
>
<
body
>
<
p>巢狀<
span
>用css
span
>標記的方法
p>巢狀之外的<
span
>標記
span
>
不生效body
>
html
>
效果是：「用css」的顯示紅色，其他用包圍起來的是蘭色
後代選擇器產生的影響不僅限於元素的「直接後代」，而且會影響到它的「各級後代」
四.子選擇器：也就是只有對直接後代有影響的選擇器，而對「孫子」以及對個層的後代不產生作用。
格式如下：p>span
有個例外的情況，就是如果外部樣式放在內部樣式的後面，則外部樣式將覆蓋內部樣式。
<這裡就先講兩個常用甚而知識點，等有空再補其它內容……head
>
<
style
type
="text/css"
>
/*內部樣式
*/h3
style
>
<
link
rel="stylesheet"
type
="text/css"
href
="style.css"
/>
head
>
<
body
>
<
h3>測試！
h3>
body
>
最後還是那個問題：後端程式猿必須要懂前端麼？投票
php異常處理，不會這個就不是好的程式設計師
我們在開發中會使用到各種的類庫，各種各樣的類庫，可能是傳遞引數等問題，發生異常，難免會出現錯誤，自動把錯誤提交過來 class code public function line int len class code public function line int len public funct...
對不起，你拉來的根本就不是「種子使用者」
曾經和一位鵝廠出身的產品經理聊，人家的口頭禪是 我做過最差的產品都有500萬使用者 這種咱根本羨慕不來。對於草根產品來說，冷啟動是非常頭疼的事情，而其中最為關鍵的一環就是 獲取種子使用者。種子使用者的重要性相信大家都懂，在此基礎上的成功企業有很多，比如快要上市的小公尺。因此許多產品上線之後的第一件事...
收藏 你就不是我們所需要的那種層次的領導
引用自 21世紀領導者的挑戰 多樣性 看了 ready to leader 乙個領導力故事。山姆 故事中的公司董事長，領導力典範 說，如果你想改變這個世界，你就必須能領導別人。我所說的 別人 是那些與你截然不同的人。21世紀的領導者遇到的最大挑戰是多樣性。如果你只能領導那些外表 行為和思想與你類似的...