在設計的時候，要記住核心內容和路徑的元素：核心內容是什么，用戶如何得到它，以及業務如何轉換？

“規劃道路的方法，是先在自然景點中設置目標點，再將這些點彼此相連形成路徑。” ——Christopher Alexander

原則上，亞歷山大的做法是以目標——即人們最終想要的東西為導向，然后將它們以最有用的方法連接在一起。

但在網頁設計中，遵循的方法通常是相反的：設計師從主頁開始設計。然后他們根據網站結構層次制定出一個導航方案，不管合適與否。但是目標（用戶正在找的主要內容，或是他們想要做的事）卻成了設計過程中被考慮的最后一件事情。

受到“交通需求線”的啟發，我們可以改善這種設計網頁的方法。使用核心-路徑這種方法，可以指導你在網站中創造最直接的路徑，以便用戶直達核心內容。

JavaScript 字符串用于存儲和處理文本。因此在編寫 JS 代碼之時她總如影隨形，在你處理用戶的輸入數據的時候，在讀取或設置 DOM 對象的屬性時，在操作 Cookie 時，在轉換各種不同 Date 時，諸此等等，繁不能數；而她那滿多的 API 呵，總有些讓人不愿去記憶的沖動，既然用時常搜，倒不如爛筆頭一翻，順道也體現下博客存在的價值，由此就有了這篇紀要。

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法，它可以接收兩個參數(參數不能為負值)，分別是要截取的開始位置和結束位置，它將返回一個新的字符串，其內容是從start處到end-1處的所有字符。若結束參數(end)省略，則表示從start位置一直截取到最后。

有意義的內容

任何成功的內容策略下產出的內容對于用戶而言都是有意義的。雖然每個人對此看法不同，但是 Usability.gov 為你提供的這個清單還是相當值得參考的：

·反映出你所整理出的目標和用戶的實際需求
·理解用戶所想并且能系統化地闡述出來
·以用戶能夠理解的方式呈現出來
·讓內容有用
·保持更新
·確保所有人都能訪問
·保持一致
·始終能被搜索引擎發現

javascript中的this含義非常豐富，它可以是全局對象，當前對象或者是任意對象，這都取決于函數的調用方式。函數有以下幾種調用方式：作為對象方法調用、作為函數調用、作為構造函數調用、apply或call調用。

對象方法調用

作為對象方法調用的時候，this會被綁定到該對象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 綁定到當前對象，即 point 對象

△ 在節目《夢想改造家》中，青山團隊對胡同的「極限改造」

現在很多在城市里生活的年輕人，已經越來越失去了家的概念。

他們在外地生活，即使在老家還有父母的房子，但那座房子也許并沒有多少自己生活過的痕跡。這個時候你雖然可以回家，但房子卻已經沒有家的概念了。

將來越來越多的家庭將以「一個人」的形式存在，但現在中國有13億人，不可能每個人都有一個廚房、一個衛生間、一個客廳、一個陽臺……

如果只需要知道一種編程語言就可以構建一個全棧的應用程序，是不是特別了不起？Ryan Dahl為了把這個想法成為現實，創造了node.js。Node.js是建立在Chrome強勁的V8 JavaScript引擎上的服務器端框架。雖然最初是用C++編寫的，但是應用程序通過JavaScript運行。

這樣一來，問題就解決了。一種語言就可以統治一切。而且，在整個應用程序中你只需要使用這一種語言。所以，我們需要深刻了解node.js。這就是本文的主題。

下面這四個基本概念是你想要掌握node.js所必需的。我會盡可能長話短說向大家介紹它們。

Q：您覺得2025年，也就是未來10年后的「家」，應該是什么樣的？

A：我感覺現代人物欲太重，在一種「物欲橫流」的狀態下生活。即便家中已經溢滿了各種各樣的東西，大家也總覺得有很多東西想要、想買。而這樣的話，自己生活的空間就變的很小，但事實是家里的東西很多并不意味著會感到幸福。

在我的構想中，到了2025年的時候，「家」應該會是一個非常簡單、清新的狀態。試想下這個畫面：桌子上吃完的各種碗碟杯子、各種遙控器，是一種多么累贅和讓人感到不舒服的場景，絕對不會是一種富有的狀態。而如果一張空無一物的簡單桌子上什么都沒有——空白，正因為空蕩蕩的，有無限填充的可能，才是一種富有和自由的狀態。

如何定義牛逼工程師

有軟件工程方面的研究說，對于開發者個體而言，最優秀的開發者的生產效率約為平均值的2倍，而優秀的開發者會吸引其它優秀的人，或者激勵與幫助團隊中的其它成員，最終使團隊之間的生產效率差異達到10倍之多。

所謂牛逼的工程師，就是那些個體效率是其它人2倍，形成團隊之后達到10倍差異的一群人。

前端領域這幾年發展速度非常快，人才分布呈兩級分化趨勢，大家都在說缺前端，其實缺的是牛逼前端，對于低端的前端，培訓機構一直在量產，但是無法滿足要求。很多情況下，一個牛逼前端對于團隊的價值是再多低端前端都無法提供的。

牛逼的前端工程師有一些共通的特質，這些特質也許不屬于前端的核心范疇，但是可以通過它們將牛逼的人識別出來。

對用戶體驗的追求

舉例

我們先從示例應用程序的一些摘錄開始。下面是暴露Person對象的響應信息庫。很類似于傳統的，非響應信息庫，只不過它返回Flux<Person>而傳統的返回List<Person>，以及返回Mono<Person>的地方返回Person。Mono<Void>用作完成標識：指出何時保存被完成。關于Reactor類型的更多信息，請參閱

public interface PersonRepository { Mono<Person> getPerson(int id); Flux<Person> allPeople(); Mono<Void> savePerson(Mono<Person> person);
}

下面是我們如何暴露帶有新的函數式web框架的資源庫：

RouterFunction<?> route = route(GET("/person/{id}"),
    request -> {
        Mono<Person> person = Mono.justOrEmpty(request.pathVariable("id"))
            .map(Integer::valueOf)
            .then(repository::getPerson); return Response.ok().body(fromPublisher(person, Person.class));
    })
    .and(route(GET("/person"),
        request -> {
            Flux<Person> people = repository.allPeople(); return Response.ok().body(fromPublisher(people, Person.class));
    }))
    .and(route(POST("/person"),
    request -> {
        Mono<Person> person = request.body(toMono(Person.class)); return Response.ok().build(repository.savePerson(person));
}));

下面我們要介紹如何運行，比如在Reactor Netty中：

1，首先看他是如何對待問題的

如果只是產品經理或運營提需求他就直接做，那我們認為這是對待問題不夠認真。我們內部有一個處理產品需求的原則，在開始一項設計之前設計師需要評估的是：

1）拋開這個問題的表面，它背后的本質是什么？

2）我做的這個能為用戶和產品帶來什么價值？

3）這個問題的解決方案應該以什么指標來衡量（數據或調研反饋）？

4）做這個問題牽扯到的設計資源和工作量有哪些？

只有當經過這樣一輪Review，我們才能相信設計師能夠合理的對待他遇到的問題和思考如何去開展設計。當然除了對問題的對待方式外，我們還會看設計師主動挖掘問題的能力。比如設計師是否會經常走查產品流程，主動將用戶體驗上的問題或設計細節整理出來，在內部和外部討論并爭取資源改進等。

2，看他是如何思考解決方案的