做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

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，看他是如何思考解決方案的

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里 

如果你見過平面設計在畫布上繪制圖形的過程，那么你緊緊是見到你工作的一部分內容。畫布上的負空間和我們在畫布上繪制元素的正形空間同樣重要。

設計就是處理形狀和空間兩者之間關系。為了更有效的利用空間，首先你必須意識到它，并且學會看它。就是學會如何看空間中的圖形，空間的形式和空間與空間之間是如何交流的。這是初學者要學習和了解的系列設計原則的第二部分。第一部分就是之前介紹的格式塔,而剩下的文章（包括這篇）都是在格式塔原則的基礎上構建的，并且表明我們設計工作中用到的所有基礎原則都是有來源的。

圖底關系原則

格式塔原則在空間中用得最多的就是圖底關系。你設計中的所有元素都會被看作是一個圖形或者是另一個背景，并且它們之間的關系實現互排斥的。兩者都不會被感知的，除了涉及到另一個，并且只改變其中一個不改變另一個也是不可能的。圖底關系也是互補的。圖形和背景的關系可能對比強烈或是對比減弱，并且在組織這兩個彼此之間的關系是設計重要的方面之一。因此設立了這么一個情景，——如何溝通你的設計和如何解讀你的設計。

“白色空間被認為是一個活躍的元素，而不是一個被動呆板的背景”——Jan Tschichold

圖中（從左到右）：

圖1 ：等距的黑色線創建了一個灰色區域。圖和背景的關系是穩定的。

圖2 : 去掉空間后，圖形占主導地位，并且我們看到了一個實心的黑色的區域。

圖3 : 兩行黑色的線被去掉后，空間變得活躍了，并且似乎位于灰色區域之上。

小編語：圖片來源Alex White寫的《The Elements of Graphic Design》這本書中，亞馬遜有賣，大家可以購買

考慮上面圖片中的三段話。左邊的，我們看到一組黑色的線，在黑色線中間是等距的白色空間。黑色線條和白色空間一起形成了一個灰色區域，每一個都對結果有影響。刪除白色空間，正如第二個圖一樣，完全改變了區域樣子，它變成了一塊純黑色的圖形。不僅空間消失了，而且可視的獨特的多元素變成了一個單一的元素。第三個圖形，去掉了兩行黑色線。這一行為激活了這個空間，使它看上去好像在灰色區域的上面。背景變成了圖形并且添加了更深入的設計，豐富了設計效果。

穩定的，可逆轉的，和模棱兩可的圖底關系

有三種類型的圖底關系：

1穩定形（上面左圖示例）

什么是圖和什么是底的關系很清晰。它們其中一個會作為主導成分。

2可逆性（上圖中間的圖片）

這兩個圖和底關系是一樣的，同樣吸引觀眾的注意力。這就創造了張力，它們中的任何一個都可以壓倒對方，從而產生動力設計。

3模棱兩可曖昧的關系（上圖中最右邊的）

元素可以同時是圖和底。它們形成同樣有趣的圖形，和觀眾在這個構成作品中會找到他們自己的切入點。

這取決于你設置的關系和你怎樣去平衡圖和底二者的關系，你導向觀眾來看設計的不同部分，并且解釋在不同環境下他們看到了什么。

圖和底并不是唯一一個格式塔原則在空間中扮演的重要角色，還有兩個分別是：

接近原則（proximity)

接近原則是使用空間來連接元素和通過空間中閉合一些元素來分離元素。我們可能會想到的例子是頁面上的文本段落。 段落與段落之間的空間大于一個段落中文本的行間距。

閉合原則（closure)

閉合原則是利用元素之間的間隙空間。觀眾用自己的信息來填補空白從而完成一個整體的部分。

大量的留空間和留空間太少都是閉合原則的忌諱。只有已有的空間和需要被填充的空間之間保持正確的平衡關系，才會使空間靈活并且產生閉合原則。

閉合原則

作為一個設計的元素——空間

考慮一下音樂。如果音樂中的每個音符和和弦同時出現，音樂就不會產生。你有的只是噪音。音樂是在聲音和安靜對比中產生的。不同的聲音和靜音創造出了節奏韻律和歌曲。沒有安靜就沒有音樂。

空間在視覺上執行者同樣的功能。它給元素提供呼吸的空間。通過設計它讓眼睛自由移動，并且來發現它要找的元素。正形和負形形成對比。沒有空間，就沒有設計。你的視覺就會混亂。（也就是我們通常說的留白。）

除非噪音是你想在空間中試著用來交流的。與空間太小相比，人們不可能抱怨空間太多。

空間中可以做到以下幾點：

建立對比，重點和層次；

形成戲劇性和視覺張力；

（小編語：大家可以看些平面設計中視覺張力，和利用留白增強海報設計的視覺張力）

在元素與元素之間提供視覺休息的空間。

只有一些東西出現在你的空間中時，圖底關系才會蘊含其中。在加入正形和空間是沒有定義的。圖底關系是必須建立在之前的空間的中間，是存在的并且在開始就是可交流的。一個更重要的空間功能是提高可讀性和易讀性。宏觀的空間使文字更引人注目，微觀的空間使文字更清晰易讀。

微空間

這是指在一組中元素的空間。是字母之間，單詞之間和段落之間的空間。

宏觀的空間

這是主要元素之間的空間。它區分元素或者是元素組和提供眼睛跟隨的的路徑和元素之間休息的地方。

空間與品質相關。更多的空間需要更少的元素或極少的元素。比較一下高端店鋪和折扣零售店。在商店里面哪一個有更多空間，哪一個利用空間中的每一個角落來包裝產品？空間要傳達給你的是什么？

空間還可以傳達出除了品質以外的屬性，例如：

精致高雅

簡單

奢華

干凈

孤獨

開放，開闊

你在設計時沒能考慮它，你就是在浪費空間。你可以通過溢滿的方式浪費空間。你可以通過阻斷它內在元素的設計和不允許它在設計中連接另一個空間的方式來浪費空間。

設計最終是形狀的排列，這包括所形成的空間形式。不要害怕使用空間。把它看作是你操控下的一個重要的設計元素。

在網站中有關空間的一些例子

為了更好地利用空間，你首先需要自覺的意識到這一點。學會識別在不同設計中的空間。請注意，它形成的形狀，考慮什么是空間要傳達的。最后，我來看看一些網站的設計，并且注意怎樣使用空間（留白）。

保守派

Tom Johnson的保守派設計使用了大量的留白，給文字和其他元素之間以呼吸。對于什么是圖和什么是底沒有混淆誤解。

信息包含由空格分隔（記得就近原則），區分元素組。你可以很容易地區分一個帖子的結束和下一個的開始，僅僅是通過它們之間的空間。

頁面上的主要內容是稍微偏離中心的，也就是一邊會有更大的空間。這個空間偶爾被元素打斷，激活了空間和被打斷的元素。這有助于吸引注意力到這個區域，特別是這個區域的內在元素。

HEROKU的狀態頁面

下圖展示了Heroku的部分狀態頁面作為主要空間。在特別好的一天我碰巧看到了這個網站，因為附加的正面元素意味著更多的事件在這個平臺上報道。在這里，更多白色空間意味著更好的服務。

注意空白空間并不需要總是白色的。當頁面大量的留白時，你不可能抱怨說空間太多了。只有重要的信息在這種情況下，狀態更新和事件報告——打斷空間。

小說簡介

在小說簡介的頂部空間是不對稱的和靈活的。注意左邊的大塊空間直接導致讓你的眼睛注意到內容上。如果你點擊網站鏈接，并從頂部向下滾動網頁，你會看到空間用來分離和組塊的信息。

分割線也用來組合和分離這些塊。當瀏覽網站，注意到并不總是碰這些行，允許空間流動在它們周圍，并且鏈接到另一個空間。這可以防止該空間受限制。

ELLIOT JAY STOCKS（這是個設計師）

Elliot Jay Stocks的網站為我們所熟知，這個就是他背后設計作品之一。在Elliot的網站上不對稱的空間設計再次起到了活躍空間的作用。

在此頁面頂部的大圖片可能作為臨時塊用于訪問下面的內容; 然而，在圖片旁邊大量的空間提供豐富和引人注目的地方讓眼睛在他周圍移動。如果在左邊的側欄有相同的背景顏色作為主要內容，那么它可能會更容易讓眼睛移動到圖片周圍，但顏色的變化很那很難。

正如上面的網站，空間用來包圍和區分信息明確的組，讓每組都凸顯出來，并且讓眼睛找到它們想要的和在內容之間能夠停留休息。

PHIL COFFMAN（這也是一位設計師）

Phil Coffman的網站內容形式是單一的形狀 ，位于大部分都是空的空間中。缺乏許多正面的元素來增加那些已經存在的元素的重要性。

實際上在有顏色矩形的背景中，文本周圍有足夠的空間可以容易閱讀，而不是誤認為在這個頁面上其它類別的文本。

正形（空間的形狀）響應調整到不同的瀏覽器的寬度，但是一個單一的大的形狀這種模式周圍被剩下的空間包圍。

網頁設計的新冒險

像這里的許多網站，該網站2013年的網頁設計的新冒險大會中在元素周圍留了大量的的空間。不同信息組之間被空間包圍，并且空間讓整個設計都活躍了起來。

有趣的地方要注意的是在左上角圖片右邊主要內容之間的灰色圓形箭頭。這個箭頭阻斷了空間的流動？因為它們不碰及和因為每個虛線的地方中斷了空間，空間可以通過虛線的縫隙流動，盡管它的流動明顯受到了限制。淺灰的顏色是有用的。它阻止了箭頭成為主導，且不難想象空間流過這些線。

憑心而論，如果我的瀏覽器更寬當我在屏幕截圖時，箭頭不會與主要內容重疊。然而，在1280像素下他們把這個設計變成了單行索引。總的來說，這就是它的工作原理，盡管我好奇如果沒有剪頭的存在，空間流動會不會更好。

一些logo設計的例子

我會留些logo設計的空間組合，作為設計中必不可少的一部分。不是指出每個使用的空間，而是我會做一些普通的評論，且然后讓你們自己探索空間。

注意下面的logo怎樣使用圖底關系。在一些中，直到你看到圖和底兩者，你看不到一個完整的logo。對于所要傳達什么內容兩者都是必要的貢獻者。

這些logo中有幾個是依賴于閉合原則。意味著你看到的并不是真正的存在，盡管如此但你還是看看吧。一些 logo也在玩弄圖底關系。什么是圖，當你在看整個 logo時，相反它的背景變成了底，在里面成了一個更小的圖。這種可逆性圖底關系是要傳達什么樣內容的核心。

各種標志，以充分的利用留白。

云床

黑貓休息室

移動

海豚和海豹標志設計

種植牙指南

Wineforest

總結

我希望你從這篇文章中能明白并掌握兩件事。首先是設計中使用的留白和格式塔原則圖底關系之間的聯系。格式塔原則之下許多都是我們設計師要做的事。

第二，也許更為重要的是，作出努力，花些時間觀察在設計中怎樣使用空間，也就是所謂的留白。不要讓空間成為你正面元素的附屬產品。盡可能的了解學習設計空間，不亞于主要元素的設計學習。任何頁面的布局基本上都是空間的排布。

有意識的分析空間，且故意使用它來創造一個更好的設計。不要讓它成為遺留下來內容。把它看作是一個必要的設計元素，作為你圖形的設計元素。在下次的文章中，我會添加更多格式塔原則來混合和完形原則，探索焦點，延續和共同命運給我們帶來思想如視覺重量和構成的平衡。

藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務