今天在微博上看到了 有人分享了下面的這段函數(shù)式代碼，我把代碼貼到下面，不過(guò)我對(duì)原來(lái)的代碼略有改動(dòng)，對(duì)于函數(shù)式的版本，咋一看，的確令人非常費(fèi)解，仔細(xì)看一下，你可能就暈掉了，似乎完全就是天書(shū)，看上去非常裝逼，哈哈。不過(guò)，我感覺(jué)解析那段函數(shù)式的代碼可能會(huì)一個(gè)比較有趣過(guò)程，而且，我以前寫(xiě)過(guò)一篇《函數(shù)式編程》的入門(mén)式的文章，正好可以用這個(gè)例子，再升華一下原來(lái)的那篇文章，順便可以向大家更好的介紹很多基礎(chǔ)知識(shí)，所以寫(xiě)下這篇文章。

先看代碼

這個(gè)代碼平淡無(wú)奇，就是從一個(gè)數(shù)組中找到一個(gè)數(shù)，O(n)的算法，找不到就返回 null。

下面是正常的 old-school 的方式。不用多說(shuō)。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

通常

我們都會(huì)問(wèn)或被問(wèn)到以及自己?jiǎn)栕约海骸笆裁词呛玫脑O(shè)計(jì)”，這是一個(gè)沒(méi)有一定答案的問(wèn)題，雖沒(méi)有答案但是可以一直問(wèn)的問(wèn)題，換個(gè)角度“好的設(shè)計(jì)或者你喜歡的設(shè)計(jì)有怎樣的特點(diǎn)”，這篇文章講的是“其中之一和其中唯一”，那么好的設(shè)計(jì)就有“其中唯一”這個(gè)特點(diǎn)。

上面是一張示意圖，簡(jiǎn)單的比較“其中之一”和“其中唯一”，非常淺顯的含義，但我們目的并不是找到答案，而是尋找的過(guò)程，因?yàn)橥ǔ４鸢钢皇菍?duì)漫長(zhǎng)過(guò)程的一個(gè)敷衍，本身并沒(méi)有多大的價(jià)值。

前言

隨著 Hybrid 應(yīng)用的豐富，HTML5 工程師們已經(jīng)不滿(mǎn)足于把桌面端體驗(yàn)簡(jiǎn)單移植到移動(dòng)端，他們覬覦移動(dòng)原生應(yīng)用人性化的操作體驗(yàn)，特別是原生應(yīng)用與生俱來(lái)的豐富的手勢(shì)系統(tǒng)。HTML5 沒(méi)有提供開(kāi)箱即用的手勢(shì)系統(tǒng)，但是提供了更底層一些的對(duì) touch 事件的監(jiān)聽(tīng)。基于此，我們可以做出自己的手勢(shì)庫(kù)。

手勢(shì)

常用的 HTML5 手勢(shì)可以分為兩類(lèi)，單點(diǎn)手勢(shì)和兩點(diǎn)手勢(shì)。單點(diǎn)手勢(shì)有 tap（單擊），double tap（雙擊），long tap（長(zhǎng)按），swipe（揮），move（移動(dòng)）。兩點(diǎn)手勢(shì)有 pinch（縮放），rotate（旋轉(zhuǎn)）。

接下來(lái)我們實(shí)現(xiàn)一個(gè)檢測(cè)這些手勢(shì)的 javaScript 庫(kù)，并利用這個(gè)手勢(shì)庫(kù)做出炫酷的交互效果。

團(tuán)隊(duì)管理

不論是什么類(lèi)型的團(tuán)隊(duì)管理，首先是團(tuán)隊(duì)管理。

1）為什么要有團(tuán)隊(duì)？因?yàn)橐粋€(gè)人搞不定。所以團(tuán)隊(duì)中的每一個(gè)人都必須明白，合作是一切的基礎(chǔ)。一方面，合作是一切的基礎(chǔ)，如果不能成為團(tuán)隊(duì)合作的力量，能力再?gòu)?qiáng)的人也沒(méi)用，甚至反而有可能成為破壞者。另一方面，每一個(gè)進(jìn)入團(tuán)隊(duì)的成員，都需要有存在的價(jià)值，能力強(qiáng)、有特殊能力、或者具有迅速成長(zhǎng)的潛力；理想的情況是每個(gè)人都有別人無(wú)法取代的能力（隨著團(tuán)隊(duì)規(guī)模的增大，會(huì)在每個(gè)能力上放多幾個(gè)人，作為backup），成為整個(gè)團(tuán)隊(duì)在某方面可以依靠的專(zhuān)家。

2）團(tuán)隊(duì)要做什么？團(tuán)隊(duì)是為達(dá)成目標(biāo)而存在的。沒(méi)有目標(biāo)的團(tuán)隊(duì)，在商業(yè)上不可能長(zhǎng)久存在，在文化上不可能形成凝聚力。長(zhǎng)遠(yuǎn)目標(biāo)（幾年甚至更長(zhǎng)時(shí)間的）是團(tuán)隊(duì)存在的意義，是吸引人加入、讓人留下、遇到困難時(shí)能執(zhí)著、遇到好情況不迷失的核心。中期目標(biāo)（半年一年的）是團(tuán)隊(duì)實(shí)際努力的方向，只有長(zhǎng)遠(yuǎn)目標(biāo)，大家還是不知道怎么做，而中期目標(biāo)是把大家的力量集中起來(lái)做出成績(jī)的重要途徑。短期目標(biāo)（每月、每周、每天）是讓團(tuán)隊(duì)運(yùn)轉(zhuǎn)的切實(shí)保障，是團(tuán)隊(duì)的精細(xì)運(yùn)營(yíng)。

3）團(tuán)隊(duì)?wèi)?zhàn)斗力靠什么保障？文化和制度。靠領(lǐng)導(dǎo)人的人治的團(tuán)隊(duì)是非常脆弱的（參見(jiàn)幾千年王朝的一次次變更）。但是靠文化多一些還是制度多一些，得因團(tuán)隊(duì)而異。靠文化，對(duì)人要求高，需要每個(gè)團(tuán)隊(duì)成員能被充分激勵(lì)，發(fā)揮主觀能動(dòng)性；靠制度，對(duì)人的要求低，員工只要做好執(zhí)行就好，很難產(chǎn)生創(chuàng)新和進(jìn)化。通常，初創(chuàng)團(tuán)隊(duì)靠文化多一些的效果更好，成熟團(tuán)隊(duì)靠制度多一些的效果更好；而不論怎樣的團(tuán)隊(duì)，擁有好的文化都會(huì)讓團(tuán)隊(duì)更優(yōu)秀。好的團(tuán)隊(duì)文化，需要從一開(kāi)始、從點(diǎn)滴中培養(yǎng)，往往，創(chuàng)始人決定初創(chuàng)團(tuán)隊(duì)的文化，初創(chuàng)團(tuán)隊(duì)決定整個(gè)公司的文化。在制度層面，則要特別需要注意對(duì)工作協(xié)作有重要影響的工作流程的建立，往往公司內(nèi)很多混亂的根源，就在于沒(méi)有一套清晰可執(zhí)行、保障效率、對(duì)結(jié)果負(fù)責(zé)的工作流程；好的工作流程的建立能夠讓大家的努力事半功倍，也能有效防止損耗和錯(cuò)誤的發(fā)生。

4）團(tuán)隊(duì)不夠好怎么辦？主動(dòng)成長(zhǎng)。雖說(shuō)既要持續(xù)引入更優(yōu)秀的人才，也要持續(xù)提升團(tuán)隊(duì)自身的能力。但是千萬(wàn)別把團(tuán)隊(duì)提升的希望都放在引入更優(yōu)秀的人才上——如果你的團(tuán)隊(duì)本身不夠優(yōu)秀，怎么吸引來(lái)更優(yōu)秀的人才？外來(lái)的優(yōu)秀人才，就一定能成為你團(tuán)隊(duì)中的優(yōu)秀合作者么？所以無(wú)論如何，都要持續(xù)花時(shí)間和精力在培養(yǎng)提升團(tuán)隊(duì)自身的能力上。正因?yàn)殡y，需要很長(zhǎng)時(shí)間，才需要從一開(kāi)始就有意識(shí)的去做，并且堅(jiān)持。另外，團(tuán)隊(duì)是不斷成長(zhǎng)的，曾經(jīng)的優(yōu)秀人才不見(jiàn)得一直是團(tuán)隊(duì)需要的優(yōu)秀人才，不能跟上團(tuán)隊(duì)腳步的人只能被淘汰。與其到時(shí)再兒女情長(zhǎng)，不如平時(shí)就重視主動(dòng)成長(zhǎng)。

5）怎么從小團(tuán)隊(duì)到大團(tuán)隊(duì)？除非是堅(jiān)持做細(xì)分專(zhuān)業(yè)，否則你躲不過(guò)這道關(guān)。從在一個(gè)小團(tuán)隊(duì)里合作，到在整合了很多小團(tuán)隊(duì)的大團(tuán)隊(duì)里合作；從領(lǐng)導(dǎo)一個(gè)小團(tuán)隊(duì)，到領(lǐng)導(dǎo)一個(gè)大團(tuán)隊(duì)。不用擔(dān)心，如果你真正學(xué)習(xí)實(shí)踐好前面幾點(diǎn)，這一關(guān)只是更大、更復(fù)雜的版本而已：）

你覺(jué)得委屈嗎？為什么委屈？哪些事情讓你覺(jué)得委屈？

認(rèn)真的想一想，把思緒整理在紙上和日記上，當(dāng)你寫(xiě)下來(lái)的時(shí)候，你就會(huì)看見(jiàn)自己內(nèi)心真實(shí)的想法——事實(shí)上，我們是為了自己的某些訴求，才做了這些事情，對(duì)嗎？然后當(dāng)我們期待沒(méi)有得到滿(mǎn)足的時(shí)候，我們就壓抑了很多委屈和憤怒。

不要期待任何人對(duì)我們的感受負(fù)責(zé)，能滿(mǎn)足我們自己的，能為我們自己感受負(fù)責(zé)的，只有我們自己。

你希望成為哪種類(lèi)型的人，就需要獲得哪種類(lèi)型的思維方式。注意你的思想，它會(huì)成為你的行動(dòng)。注意你的行動(dòng)，它將構(gòu)成你的思想。當(dāng)你意識(shí)到思維需要改善，就意味著全新的機(jī)會(huì)。

當(dāng)涉及到Web開(kāi)發(fā)時(shí)，JavaScript框架往往是一些開(kāi)發(fā)人員和企業(yè)的平臺(tái)。可能，你有機(jī)會(huì)嘗試過(guò)一兩個(gè)的JavaScript框架，但你仍然有點(diǎn)不確定哪個(gè)才是最佳的最值得掌握的，或者哪個(gè)值得你建議你的開(kāi)發(fā)人員選擇用于下一個(gè)web開(kāi)發(fā)項(xiàng)目。

JavaScript正在以驚人的速度前進(jìn)，并且添加新的技能到你的存儲(chǔ)庫(kù)變得有不斷的壓力。為了做到這一點(diǎn)，知道和了解更多的JavaScript框架在現(xiàn)在看來(lái)是必要的。在ValueCoders進(jìn)行了徹底的研究后，我們?nèi)雵似渲衅邆€(gè)框架，它們是：

1.AngularJS 2.0&1.x

在最受期待的AngularJS 2.0正式發(fā)布之后，框架的普及已經(jīng)達(dá)到了一個(gè)新的水平。然而，如果你不確定的話(huà)，跳到新版本仍然是一個(gè)冒險(xiǎn)的決定。讓我們通過(guò)這個(gè)流程圖來(lái)幫助你做出決定：

研究計(jì)劃已經(jīng)確定了，你可以在表格里陳列出你的最初設(shè)想。現(xiàn)在你要開(kāi)始實(shí)施合適的研究方法了。你的團(tuán)隊(duì)將招募8個(gè)用戶(hù)，分三個(gè)晚上進(jìn)行訪(fǎng)談，每人一小時(shí)。這給了你機(jī)會(huì)詢(xún)問(wèn)用戶(hù)他們什么時(shí)候最想看電視。準(zhǔn)備一些訪(fǎng)談指引和激勵(lì)物品，并且在同事身上先測(cè)試一下活動(dòng)的草稿版。然后再開(kāi)始實(shí)施你的調(diào)研吧!

當(dāng)你做以下這些事情的時(shí)候，你會(huì)使調(diào)研環(huán)節(jié)變得更為容易：獲取和分析筆記、照片、視頻和其他你在調(diào)研中收集的材料。

最近項(xiàng)目遇到一個(gè)小問(wèn)題代碼我會(huì)簡(jiǎn)化成小例子展示給大家。

用心看到最后會(huì)有收獲哈，基礎(chǔ)扎實(shí)的童鞋可以直接跳到數(shù)組類(lèi)型使用。

說(shuō)到 indexOf 大家并不陌生，判斷字符串是否包涵子字符串時(shí)特別常用（正則不熟練同學(xué)的利器）。

String 類(lèi)型的使用

溫習(xí)一下大家熟知的字符串用法，舉個(gè)例子

let str = 'orange';

str.indexOf('o'); //0 str.indexOf('n'); //3 str.indexOf('c'); //-1

這里 0 和 3 分別是 o 和 n 在字符串中出現(xiàn)的位置。起始下標(biāo)是 0。而 -1 代表未匹配。

歷時(shí)2個(gè)多月的編撰和設(shè)計(jì)，#用研方法傳遍中國(guó)#在今天將告一段落;經(jīng)過(guò)仔細(xì)的梳理與總結(jié)，的用戶(hù)研究工程師們將用戶(hù)研究工作中的經(jīng)典方法一一總結(jié)出來(lái)，與大家分享討論，也歡迎更多對(duì)用戶(hù)體驗(yàn)感興趣的同學(xué)加入討論，大家共同努力、共同進(jìn)步!

1 、【眼動(dòng)&腦電研究】 將眼動(dòng)儀和腦電設(shè)備聯(lián)機(jī)同步，可以知道用戶(hù)是如何看的，以及當(dāng)時(shí)的心理活動(dòng)。

2 、【可用性測(cè)試】 想知道可用測(cè)試是什么?可用性測(cè)試的目的&作用?適用的場(chǎng)景?測(cè)試

1. 什么是 arguments

MDN 上解釋?zhuān)?

arguments 是一個(gè)類(lèi)數(shù)組對(duì)象。代表傳給一個(gè)function的參數(shù)列表。

我們先用一個(gè)例子直觀了解下 JavaScript 中的 arguments 長(zhǎng)什么樣子。

function printArgs() { console.log(arguments);
}

printArgs("A", "a", 0, { foo: "Hello, arguments" })；

執(zhí)行結(jié)果是：