問(wèn)題提出

font-weight的屬性值有100、200、300、400、500、600、700、800、900和normal、bold、lighter、bolder，它們的區(qū)別是？
另外，在實(shí)際開(kāi)發(fā)中，我們應(yīng)該使用數(shù)值表達(dá)還是文字表達(dá)呢？

認(rèn)識(shí)font-weight

根據(jù)W3C Fonts節(jié)章的規(guī)范標(biāo)準(zhǔn)，可知：

設(shè)計(jì)師績(jī)效評(píng)價(jià)主要來(lái)自幾個(gè)維度：設(shè)計(jì)產(chǎn)出、項(xiàng)目結(jié)果、工作態(tài)度、專業(yè)技能、能力成長(zhǎng)、設(shè)計(jì)展現(xiàn)、用戶滿意度、客戶滿意度、業(yè)務(wù)方滿意度等。所以業(yè)務(wù)方滿意度是設(shè)計(jì)師績(jī)效評(píng)價(jià)的一個(gè)輸入項(xiàng)。

針對(duì)業(yè)務(wù)方滿意度這個(gè)輸入項(xiàng)，最近幾周我做了比較詳細(xì)的設(shè)計(jì)師績(jī)效訪談，和數(shù)十位與我們團(tuán)隊(duì)設(shè)計(jì)師直接合作的業(yè)務(wù)方同事進(jìn)行了認(rèn)真討論。訪談的業(yè)務(wù)方同事包括：SE、設(shè)計(jì)師、開(kāi)發(fā)、項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、技術(shù)專家、主管、一線代表、SA等。訪談的內(nèi)容包括對(duì)設(shè)計(jì)師這些維度的評(píng)價(jià)：工作態(tài)度、專業(yè)技能、特殊價(jià)值、優(yōu)點(diǎn)、進(jìn)步點(diǎn)等。

1，工作態(tài)度
工作態(tài)度已經(jīng)不是優(yōu)勢(shì)競(jìng)爭(zhēng)力，因?yàn)榇蠹叶己苷J(rèn)真。從訪談結(jié)果來(lái)看，大家的工作態(tài)度都得到了業(yè)務(wù)方同事的高度肯定。工作態(tài)度好，響應(yīng)快，積極，基本是每個(gè)設(shè)計(jì)師都得到的評(píng)價(jià)。
所以工作態(tài)度已經(jīng)成為一個(gè)基準(zhǔn)。如果工作態(tài)度都不好，那起步都沒(méi)有了。

前言

React 好像已經(jīng)火了很久很久，以致于我們對(duì)于 Virtual DOM 這個(gè)詞都已經(jīng)很熟悉了，網(wǎng)上也有非常多的介紹 React、Virtual DOM 的文章。但是直到前不久我專門(mén)花時(shí)間去學(xué)習(xí) Virtual DOM，才讓我對(duì) Virtual DOM 有了一定的理解，以致于要懷疑起很久之前看過(guò)的那些文章來(lái)。倒不是這些文章講得不對(duì)，而是現(xiàn)在在我看來(lái)角度不太好，說(shuō)得越多，越說(shuō)不清。

讓我能夠有所開(kāi)竅（自認(rèn)為）的，是這篇文章：

Change And Its Detection In JavaScript Frameworks
Monday Mar 2, 2015 by Tero Parviainen

作者看問(wèn)題的角度很棒，從數(shù)據(jù)變更與UI同步的角度來(lái)介紹各個(gè)典型框架，特別是對(duì)于 React 的 Virtual DOM，從這個(gè)角度理解起來(lái)更容易些。

三、建立過(guò)濾與保護(hù)機(jī)制，讓批評(píng)為己所用

過(guò)濾與保護(hù)機(jī)制聽(tīng)起來(lái)也很簡(jiǎn)單，但其實(shí)沒(méi)那么容易。但你可以通過(guò)以下 5 個(gè)步驟，來(lái)幫助自己建立這樣一個(gè)機(jī)制。

第一步：你要意識(shí)到，沒(méi)有批評(píng)是 100% 正確的。如前面所說(shuō)，批評(píng)微妙而復(fù)雜，且常?；谀承┝?chǎng)之上。因此，在你接受某些人的批評(píng)之前，先暫停，花時(shí)間處理一下這些批評(píng)中所攜帶的信息。

第二步：批評(píng)者所批評(píng)你的每一句話，其實(shí)也都映射了批評(píng)者本身。每個(gè)人都是通過(guò)自己的視野和經(jīng)驗(yàn)來(lái)觀察世界的，沒(méi)有人能夠 100% 地做到完全基于事實(shí)和真相做出評(píng)判。

第三步：當(dāng)批評(píng)襲來(lái)時(shí)，在它傷害到你之前阻止它。你需要問(wèn)一些問(wèn)題，來(lái)幫助自己處理這些批評(píng)。

• 這個(gè)批評(píng)者是誰(shuí)？他有多了解我？他有多值得信任？

  
  

• 批評(píng)者的目的是什么？他們有沒(méi)有要故意傷害你的緣由？他們是在憤怒嗎？

  
  

• 還是在試圖幫助你？他們是不是度過(guò)了很糟糕的一天？他們是不是有夸大事實(shí)的嫌疑？

  
  

• 批評(píng)者有沒(méi)有遺漏哪些信息？而這些可能是會(huì)改變他們觀點(diǎn)的？

  
  

• 批評(píng)中的某些信息是不是要比其他的更準(zhǔn)確？

  
  

• 在回答上述這些問(wèn)題時(shí)，你是否需要更多的信息？

那么您認(rèn)為一個(gè)好的跨界設(shè)計(jì)師都需要具備怎樣的素質(zhì)？

首先不要刻意去把跨界當(dāng)成一個(gè)成功的途徑，想要依靠跨界吸引眼球博得注意力，畢竟這不是長(zhǎng)久之計(jì)?？缃鐟?yīng)當(dāng)是你跟隨自己的內(nèi)心慢慢的、自然的從一個(gè)地方走到另一個(gè)地方，你因著對(duì)另一個(gè)領(lǐng)域某個(gè)元素的喜愛(ài)受到吸引和啟發(fā)，然后將兩者做一個(gè)完美的融合。不要懷著很大的目的。

在您與各個(gè)品牌的合作當(dāng)中，設(shè)計(jì)帶來(lái)的競(jìng)爭(zhēng)力是否等同于產(chǎn)品競(jìng)爭(zhēng)力？這兩者分別要如何進(jìn)行評(píng)價(jià)和分析？

這個(gè)問(wèn)題我沒(méi)有特別想過(guò)。一般都是客戶來(lái)找我然后我做產(chǎn)品的包裝，這兩者是否等同，很難說(shuō)。當(dāng)然對(duì)于我們來(lái)說(shuō)是希望通過(guò)包裝設(shè)計(jì)將這個(gè)產(chǎn)品做一個(gè)更好的呈現(xiàn)。但是這兩者之間是相輔相成的關(guān)系，很難去做一個(gè)比較。如果產(chǎn)品不好，設(shè)計(jì)怎么做都沒(méi)用。

您對(duì)好的設(shè)計(jì)與好的設(shè)計(jì)師，是否有自己的定義和衡量標(biāo)準(zhǔn)？

我覺(jué)得永遠(yuǎn)都要懷著兒童的心態(tài)，很純凈，對(duì)生活永遠(yuǎn)充滿好奇。因?yàn)槿绻Ｍa(chǎn)品跟夠跟消費(fèi)群體產(chǎn)生共鳴，這個(gè)關(guān)鍵點(diǎn)無(wú)疑是需要通過(guò)設(shè)計(jì)的觀察來(lái)創(chuàng)造和開(kāi)啟。另外還要永遠(yuǎn)保持幽默感，再就是要有包容性，要做一個(gè)“花心”男。

什么是 rem

可能在你使用收音機(jī)或者用其他音樂(lè)播放器之前，就已經(jīng)聽(tīng)過(guò)“R.E.M.”這個(gè)詞了。在這個(gè)樂(lè)隊(duì)眼中，這個(gè)詞是“淺睡眠時(shí)眼球的快速轉(zhuǎn)動(dòng)”的縮寫(xiě)，而在 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 單位以該屬性的初始值作參照。

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

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

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

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

應(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)，你可以說(shuō):Web服務(wù)器專門(mén)處理HTTP請(qǐng)求(request)，但是應(yīng)用程序服務(wù)器是通過(guò)很多協(xié)議來(lái)為應(yīng)用程序提供(serves)商業(yè)邏輯 (business logic)。

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

對(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;
}