什么是 rem

可能在你使用收音機(jī)或者用其他音樂播放器之前，就已經(jīng)聽過“R.E.M.”這個(gè)詞了。在這個(gè)樂隊(duì)眼中，這個(gè)詞是“淺睡眠時(shí)眼球的快速轉(zhuǎn)動(dòng)”的縮寫，而在 css 中，rem 代表著“以根元素為參照物的 em 單位“。他不會(huì)讓你拋棄你的宗教信仰也不會(huì)讓你相信那個(gè)遠(yuǎn)在月球的人，但是它可以幫助你實(shí)現(xiàn)一個(gè)和諧、平穩(wěn)的設(shè)計(jì)。

根據(jù) W3C 規(guī)范中對(duì) 1rem 的定義：

1rem 與等于根元素 font-size 的計(jì)算值。當(dāng)明確規(guī)定根元素的 font-size 時(shí)，rem 單位以該屬性的初始值作參照。

如果你是一個(gè)APP狂熱分子，你會(huì)花大量的時(shí)間在各種APP的嘗鮮中，你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語(yǔ)言，來標(biāo)榜自己的獨(dú)特之處，行成自己的設(shè)計(jì)風(fēng)格，甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布，APP明顯都開始嘗試扁平化的設(shè)計(jì)語(yǔ)言了，除此之外，還有哪些顯性化的設(shè)計(jì)語(yǔ)言嶄露頭角呢？

為什么我們要定義一個(gè)界面多種顏色？?jī)H僅用一個(gè)主色調(diào)，是不是就能夠很好的表達(dá)界面層次、重要信息，并且能展現(xiàn)良好的視覺效果？事實(shí)上也正是如此，隨著iOS7的發(fā)布，我們看到越來越多唯一主色調(diào)風(fēng)格的設(shè)計(jì)，會(huì)采用簡(jiǎn)單的色階，配套灰階來展現(xiàn)信息層次，但是絕不采用更多的顏色。

UI設(shè)計(jì)的細(xì)節(jié)很重要，它不僅僅體現(xiàn)在靜態(tài)的元素上，動(dòng)效和微交互也是如今UI和UX設(shè)計(jì)中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動(dòng)端UI設(shè)計(jì)，微交互和動(dòng)效設(shè)計(jì)是繞不開的問題，今天的文章我們來聊聊這個(gè)~

呈現(xiàn)系統(tǒng)狀態(tài)

        對(duì)于UI的狀態(tài)設(shè)計(jì)，“系統(tǒng)應(yīng)當(dāng)始終通過合理的反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。”這也就意味著界面需要通過反饋?zhàn)層脩裘靼装l(fā)生了什么，而無需用戶猜測(cè)。而帶有動(dòng)效的微交互正是以提供視覺反饋而聞名。

很多時(shí)候視覺設(shè)計(jì)師會(huì)糾結(jié)于文字對(duì)齊、線條、高斯模糊等視覺表現(xiàn)，甚至沉醉于 icon 的轉(zhuǎn)角角度。面對(duì)于需求方或工程師的質(zhì)疑只能說「這樣更好看、這樣更合適…」之類的話，這些理由在以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的團(tuán)隊(duì)中則顯得蒼白無力。

坦白講，想要講清楚這些的確是一件不容易的事情。今天在大多數(shù)互聯(lián)網(wǎng)公司，設(shè)計(jì)師不需要“搞藝術(shù)”，需要的是解決問題，而純粹的從感性角度出發(fā)很難證明它能解決問題。隨著移動(dòng)端對(duì)于視覺表現(xiàn)力要求的“降低”，視覺設(shè)計(jì)師需要更加理性的分析問題，而視覺表現(xiàn)只是解決問題的一種手段。這種環(huán)境的變化也勢(shì)必要求視覺設(shè)計(jì)師主動(dòng)“進(jìn)化”，而對(duì)于那些還在以視覺表現(xiàn)力謀生的設(shè)計(jì)師處境將會(huì)變得越來越難。這也是為什么我在周刊中總是不斷強(qiáng)調(diào)設(shè)計(jì)思路的原因。

沒有哪個(gè)網(wǎng)站的站長(zhǎng)不希望用戶成為自家網(wǎng)站的回頭客，希望他們能分享網(wǎng)站內(nèi)容，能頻繁的與網(wǎng)站互動(dòng)，讓他們能夠記住自己的網(wǎng)站。

但是，這樣的好事兒并非憑空得來，想要網(wǎng)站令人難忘需要你用心去創(chuàng)造走心的設(shè)計(jì)，而這確實(shí)是有跡可循的。今天要介紹的七種方法，能夠幫你創(chuàng)造令人驚嘆的效果，讓用戶過目不忘，擁有持久的生命力，帶來更多回頭客。

包益民最愛把“為什么不...？能不能？”掛在嘴邊，他用他慣用的“能不能”問自己，問下屬......在他的思維里幾乎是“沒有什么不可以”，他以創(chuàng)意人自居，但他一直努力做的是傳統(tǒng)意義的“生意人”！在包益民看來，設(shè)計(jì)公司“爛”的原因，就是因?yàn)樗鼈兲幵谡麄€(gè)產(chǎn)業(yè)鏈上最不能生產(chǎn)實(shí)際利潤(rùn)、最讓人不尊重的一環(huán)，“你知道一家公司用多少預(yù)算來做創(chuàng)意和設(shè)計(jì)？最多1% ”。你有沒有想過你賺的只是1%而已！

包益民說到他選擇團(tuán)隊(duì)成員的兩個(gè)條件“熱情和誠(chéng)實(shí)”，熱情就是多投幾次簡(jiǎn)歷，“求職者第一次投簡(jiǎn)歷我們是絕對(duì)不會(huì)回的，如果他（她）非常向往和熱愛這份工作，為什么不嘗試第二、三次投簡(jiǎn)歷？”說起團(tuán)隊(duì)的管理，他首先談到的是“禁止員工加班”！“如果有‘我沒做完只好加班’的心態(tài)的人不要來我們公司”，包益民說公司前不久開始實(shí)行打卡，他要了解員工是否有加班！他相信在短時(shí)間做得更好是有方法的，“你看廣告公司的那些人，整天加班，每個(gè)人都窮得像熊貓，也沒因此變得更好更聰明，行業(yè)也越來越爛，錢越來越難賺，這一定是方法的錯(cuò)誤”！

WEB服務(wù)器、應(yīng)用程序服務(wù)器、HTTP服務(wù)器有何區(qū)別？IIS、Apache、Tomcat、Weblogic、WebSphere 都各屬于哪種服務(wù)器？這些問題困惑了很久，今天終于梳理清楚了：

Web服務(wù)器的基本功能就是提供Web信息瀏覽服務(wù)。它只需支持HTTP協(xié)議、HTML文檔格式及URL。與客戶端的網(wǎng)絡(luò)瀏覽器配合。因?yàn)閃eb服務(wù)器主要支持的協(xié)議就是HTTP，所以通常情況下HTTP服務(wù)器和WEB服務(wù)器是相等的(有沒有支持除HTTP之外的協(xié)議的web服務(wù)器，作者沒有考證過)，說的是一回事。

應(yīng)用程序服務(wù)器(簡(jiǎn)稱應(yīng)用服務(wù)器)，我們先看一下微軟對(duì)它的定義：”我們把應(yīng)用程序服務(wù)器定義為“作為服務(wù)器執(zhí)行共享業(yè)務(wù)應(yīng)用程序的底層的系統(tǒng)軟件”。 就像文件服務(wù)器為很多用戶提供文件一樣，應(yīng)用程序服務(wù)器讓多個(gè)用戶可以同時(shí)使用應(yīng)用程序（通常是客戶創(chuàng)建的應(yīng)用程序）”

通俗的講，Web服務(wù)器傳送(serves)頁(yè)面使瀏覽器可以瀏覽，然而應(yīng)用程序服務(wù)器提供的是客戶端應(yīng)用程序可以調(diào)用(call)的方法(methods)。確切一點(diǎn)，你可以說:Web服務(wù)器專門處理HTTP請(qǐng)求(request)，但是應(yīng)用程序服務(wù)器是通過很多協(xié)議來為應(yīng)用程序提供(serves)商業(yè)邏輯 (business logic)。

過去擁戴的嚴(yán)格、長(zhǎng)期持續(xù)的網(wǎng)站測(cè)試，早已過時(shí)。然而，選擇跳過測(cè)試步驟直接 CRO ，事實(shí)上陷阱重重，試想若網(wǎng)站運(yùn)營(yíng)人員不計(jì)任何代價(jià)──包含犧牲有價(jià)值、愉快的用戶體驗(yàn)──全心沖刺轉(zhuǎn)換率，恐怕導(dǎo)致相反的結(jié)果。

作為用戶體驗(yàn)專家，即身在新 CRO 規(guī)則的最前線，我們被要求作的任何事，包含執(zhí)行測(cè)驗(yàn)、設(shè)計(jì)新的使用者流程、設(shè)計(jì)網(wǎng)站版面全部都是為了增加轉(zhuǎn)換率。作為用戶體驗(yàn)的領(lǐng)導(dǎo)人員，至關(guān)重要的是規(guī)劃用戶體驗(yàn)設(shè)計(jì)策略的藍(lán)圖，確保 CRO 測(cè)試在不傷害整體用戶體驗(yàn)的范圍內(nèi)。

編者按：想讓一個(gè)設(shè)計(jì)經(jīng)典而永恒并不容易，但是要實(shí)現(xiàn)這一點(diǎn)還是有跡可循的，今天我們來分析7個(gè)技巧~

那些真正經(jīng)典的設(shè)計(jì)始終能夠經(jīng)受時(shí)間的考驗(yàn)，它們長(zhǎng)盛不衰，大多還是因?yàn)樗鼈兎献罨镜脑O(shè)計(jì)規(guī)則和人的基本審美規(guī)律。就像Nike和可口可樂的LOGO設(shè)計(jì)，它們?cè)谶^去的幾十上百年里有著持久的生命力，就是這份規(guī)則的力量造就的。

而值得慶幸的是，這種永恒設(shè)計(jì)的規(guī)則適用于幾乎任何項(xiàng)目。也許你無法再現(xiàn)Nike的LOGO設(shè)計(jì)的成功，但是你可以通過合理的設(shè)計(jì)，創(chuàng)造一個(gè)符合當(dāng)下審美，擁有數(shù)年生命力的優(yōu)質(zhì)設(shè)計(jì)。接下來的七個(gè)技巧，值得你思考。

在JavaScript中，對(duì)對(duì)象進(jìn)行拷貝的場(chǎng)景比較常見。但是簡(jiǎn)單的復(fù)制語(yǔ)句只能對(duì)對(duì)象進(jìn)行淺拷貝，即復(fù)制的是一份引用，而不是它所引用的對(duì)象。而更多的時(shí)候，我們希望對(duì)對(duì)象進(jìn)行深拷貝，避免原始對(duì)象被無意修改。

對(duì)象的深拷貝與淺拷貝的區(qū)別如下：

• 淺拷貝：僅僅復(fù)制對(duì)象的引用，而不是對(duì)象本身；
• 深拷貝：把復(fù)制的對(duì)象所引用的全部對(duì)象都復(fù)制一遍。

一. 淺拷貝的實(shí)現(xiàn)

淺拷貝的實(shí)現(xiàn)方法比較簡(jiǎn)單，只要使用是簡(jiǎn)單的復(fù)制語(yǔ)句即可。

1.1 方法一：簡(jiǎn)單的復(fù)制語(yǔ)句

/* ================ 淺拷貝 ================ */ function simpleClone(initalObj) { var obj = {}; for ( var i in initalObj) {
        obj[i] = initalObj[i];
    } return obj;
}