每當(dāng)設(shè)計(jì)工作過不了稿時(shí)我會(huì)很痛苦，會(huì)寢食難安，即而是一種堅(jiān)決要盡快過稿，解脫痛苦，達(dá)到客戶和自己滿意的信念，同時(shí)也有一定不服的氣憤。為使自己遠(yuǎn)離痛苦，我會(huì)嘗試多種方法：

1.主動(dòng)，多次，溝通，迅速改稿。

多問為什么，清楚頁面交互和每一個(gè)元素的由來，探討好如何做的種種嘗試，再定一兩種先做出來。同創(chuàng)，與客戶及客戶的客戶共創(chuàng)。

加班，快速迭代。

2.自己反復(fù)看，順眼了，對(duì)了，再給別人看。

要想順利，自己先做好，有毛病，一看就有漏洞的不要拿出去。人都是有自尊心的，為了自己的自尊，為了自己那份的責(zé)任心。

3.盡可能快，多的，掌握更多的此行業(yè)的知識(shí)、理論，根據(jù)，找到目前運(yùn)作雙方的不足，有了強(qiáng)有力的武器，披荊斬棘，旁征博引。

請(qǐng)教高手。

4.能聽得進(jìn)去意見，并有同理心。

當(dāng)客戶不認(rèn)可自己作品時(shí)，連帶基本上是不認(rèn)可設(shè)計(jì)師這個(gè)人的。這時(shí)候百口莫辦，唯有行動(dòng)來說明自己。

消極應(yīng)對(duì)，推一推動(dòng)一動(dòng)，或回報(bào)以不滿或不認(rèn)可的情緒化，顯然是不可取的。如果每次栽在這里，只能說自己的能力和水平有限，處世不夠成熟。

前言

生活有度，人生添壽。

Javascript從當(dāng)初的一個(gè)“彈窗語言”，一步步發(fā)展成為現(xiàn)在前后端通吃的龐然大物。javascript的受歡迎程度也是與日俱增，今年編程語言又是花落javascript，這實(shí)在是一個(gè)充滿了活力的語言。如今，隨隨便一個(gè)網(wǎng)頁javascript代碼量都不下數(shù)千行，要是node后端那更不止幾千行了。（WTF）代碼量的增加給編程帶來的首要的問題就是如何去編寫和維護(hù)如此龐大的代碼呢？答案就是模塊化思想，其實(shí)就是面向?qū)ο螅∣OP）編程，如今比較流行的三大前端框架（angular,react,vue）基本都實(shí)現(xiàn)了組件化編程，但組件化和我們所說的模塊化又有所不同，應(yīng)該可以這么理解，組件化是模塊化的升級(jí)版，模塊化是組件化的基礎(chǔ)。那么，問題來了，javascript怎么面向?qū)ο缶幊棠?？我想這很多老鳥也不定說的清楚吧，前端雜而活躍的各種社區(qū)，很多前端er一度依賴各種插件，根本不需要去了解這些深層的東西卻照樣能完成任務(wù)。但我想作為一個(gè)有追求的前端er還是很有必要去學(xué)習(xí)這些看似用不著的東西的，別的不說，就單單因?yàn)槲覀兪乔岸薳r,只會(huì)用jquery一個(gè)稍微厲害的后端都能代替你。好吧，廢話不多說，到底如何面向?qū)ο骳oding呢…..

很不幸，es5中并沒有給出明確的定義‘類’的概念，所以傳統(tǒng)的面向?qū)ο缶幊趟坪跏切胁煌ǖ?，那么又該腫么辦呢？值得慶幸的是，前輩們通過不斷探索總結(jié)，成功的用javascript模擬出了“類”。那么，javascript的類又該怎么定義呢？

在面向?qū)ο缶幊讨?，類（class）是對(duì)象（object）的模板，定義了同一組對(duì)象（又稱”實(shí)例”）共有的屬性和方法。

永遠(yuǎn)不要虧欠來到我們身邊的任何人，只要有這個(gè)思維，堅(jiān)決不虧欠。不管是什么原因都不虧欠別人，因?yàn)橐坏┨澢肪吞澢妨宋覀兊那巴?，所以寧愿吃虧也不虧欠?/span>

問題提出

font-weight的屬性值有100、200、300、400、500、600、700、800、900和normal、bold、lighter、bolder，它們的區(qū)別是？
另外，在實(shí)際開發(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à)主要來自幾個(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ì)師、開發(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é)果來看，大家的工作態(tài)度都得到了業(yè)務(wù)方同事的高度肯定。工作態(tài)度好，響應(yīng)快，積極，基本是每個(gè)設(shè)計(jì)師都得到的評(píng)價(jià)。
所以工作態(tài)度已經(jīng)成為一個(gè)基準(zhǔn)。如果工作態(tài)度都不好，那起步都沒有了。

前言

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

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

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

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

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

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

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

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

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

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

  
  

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

  
  

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

  
  

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

  
  

• 批評(píng)中的某些信息是不是要比其他的更準(zhǔ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è)元素的喜愛受到吸引和啟發(fā)，然后將兩者做一個(gè)完美的融合。不要懷著很大的目的。

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

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

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

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

什么是 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 單位以該屬性的初始值作參照。