最近項目遇到一個小問題代碼我會簡化成小例子展示給大家。

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

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

String 類型的使用

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

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 代表未匹配。

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

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

2 、【可用性測試】 想知道可用測試是什么?可用性測試的目的&作用?適用的場景?測試

1. 什么是 arguments

MDN 上解釋：

arguments 是一個類數(shù)組對象。代表傳給一個function的參數(shù)列表。

我們先用一個例子直觀了解下 JavaScript 中的 arguments 長什么樣子。

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

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

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

介紹

這里所描述的過程將使你能夠創(chuàng)建一個簡單的基于jQuery / XML的解析器和搜索機(jī)制。此過程將通過一個AJAX請求檢索XML，然后在jQuery中分析數(shù)據(jù)，為搜索機(jī)制做準(zhǔn)備。該解決方案將基于不區(qū)分大小寫的全部或部分關(guān)鍵字匹配地返回結(jié)果。來自于關(guān)鍵字搜索的返回結(jié)果設(shè)置將被格式化為一個直接鏈接到相應(yīng)網(wǎng)站的超鏈接。jQuery搜索方法非常類似于Mike Endale的一個項目，不過增加了一個DOM解析器，正則表達(dá)式以及結(jié)果集分組。

背景

客戶端需要一個簡單的搜索工具來查找基于關(guān)鍵字搜索的本地內(nèi)部網(wǎng)站。關(guān)鍵字搜索必須不區(qū)分大小寫，并允許返回部分匹配的結(jié)果。歸咎于客戶端內(nèi)容管理系統(tǒng)的架構(gòu)，因此（SharePoint）只能執(zhí)行客戶端腳本。其解決方案的另一個障礙是，源數(shù)據(jù)將來自多個源。數(shù)據(jù)被存儲在多個Excel電子表格，CSV文件和MS Access數(shù)據(jù)庫內(nèi)。這就對我們提出了這樣的需要：開發(fā)具有一系列查詢和一個宏的Access解決方案，充當(dāng)可合并、擦洗，并最后格式化數(shù)據(jù)作為XML輸出的偽ETL。對于這個解決方案的目的，我們將詳細(xì)介紹JavaScript XML分析器的設(shè)計，而不是偽Access ETL宏工具的設(shè)計。

使用代碼

該解決方案的做法是利用一個簡單的基于JavaScript / XML的搜索來發(fā)送數(shù)據(jù)結(jié)果到HTML / JavaScript前端。前端將引用腳本：jQuery，XML和CSS文件。XML格式將因為它的可讀性和它是數(shù)據(jù)交換行業(yè)標(biāo)準(zhǔn)格式之一的事實而被使用。 XML數(shù)據(jù)將通過使用AJAX的客戶端jQuery解析，并通過Internet Explorer 11呈現(xiàn)。

解決方案將使用RegExp對象來處理關(guān)鍵字匹配，驗證和特殊字符處理。RegExp對象字符串將檢查危險語法從而提高解決方案的穩(wěn)定性和整體可用性。

我們將默認(rèn)使用JavaScript分組功能來返回匹配結(jié)果作為折疊的紀(jì)錄集。折疊的記錄集線項目將被URL鏈接到相關(guān)的Project Workspace網(wǎng)站。在擴(kuò)展的組記錄集下，結(jié)果將存在于相關(guān)的子記錄中，當(dāng)通過On Click事件展開的時候。

一．視覺設(shè)計的現(xiàn)實困境

互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計存在著很多不確定性，譬如：

你按照“典雅”去設(shè)計的，他卻覺得是“清新”？——評判的主觀性&看到圖畫才明白

有時不喜歡某些設(shè)計作品，卻無法立即說出原因——潛意識

開始要求一種風(fēng)格，很快變卦要求改成另一種風(fēng)格——不了解用戶

如果“以用戶為中心的設(shè)計”不是一個噱頭的話，我們可以試試讓“用戶”來給視覺設(shè)計一個方向。

今天看了大唐玄奘這部電影，覺得信念，無與倫比不肯退縮的堅定信念是最重要的。除了信念就是付出行動，足夠的思考追尋本質(zhì)。行動中愿意吃苦受罪，把這份苦和罪，當(dāng)做一種機(jī)緣，佛家講普度眾生。小乘佛法指的是個人的修行解脫，大乘佛法帶領(lǐng)眾人共同修行解脫。一念天堂一念地獄。一念自由，一念牢籠。一花一世界，剎那既永恒。思考的徹底?？招?，一切沒有固定的含義，一切是萬物賦予。煩惱自找，頓悟解脫自尋。

如玄奘法師，死都不怕，一意西行，寧肯白骨卷沙，亦不后悔。有這份意決，大胸懷而果毅堅強(qiáng)，其它事就簡單了。有些事言多無益，去做就好，也沒什么好怕的。

經(jīng)歷一百多個國家，19年，5萬行程，飽經(jīng)風(fēng)霜冷暖，遍歷滄桑離別，與張騫出使西域差不多時間。幸運的是兩個人終成正果，為后世敬仰。

我想到了自己，凡是做成的都算是矢志不疑，從來沒有懷疑過，也沒有想過做不成。設(shè)計途中，如果我能有西行這份意決，大胸懷而果毅堅強(qiáng)，就簡單喜悅啦。放下該放下的，超越凡夫俗子念頭，坦然面對一切困難障礙、誤會，也就算是大隱隱于市中的修行了。

修行得解脫。無人我相，得自在。

竹子從設(shè)計團(tuán)隊的招聘、團(tuán)隊角色分類、團(tuán)隊分權(quán)、團(tuán)隊激勵等分享自己的親歷經(jīng)驗

一、團(tuán)隊招聘

對于一個設(shè)計管理者來說，首先應(yīng)該保證的設(shè)計團(tuán)隊的產(chǎn)出，給予公司其他團(tuán)隊穩(wěn)定的設(shè)計支持。那么做好管理第一件事情就是搭建好你的團(tuán)隊，找到合適的設(shè)計師。高水準(zhǔn)的設(shè)計師是可遇不可求。坐等公司HR給你尋覓的合適的設(shè)計師，基本上是天上掉餡餅的事情。

筆者的設(shè)計師招聘全部通過非公司渠道。去設(shè)計師社區(qū)尋找。我曾經(jīng)把我所在的城市的設(shè)計師，有作品的人，每一個人的情況都記錄下來。一個個去聯(lián)系。弄清楚他們的公司，個人狀態(tài)。高水平的設(shè)計師我關(guān)注他們的動向，等待時機(jī)招聘。中等水平的設(shè)計師，我可以關(guān)注他們的成長軌跡，在合適的時候也可以進(jìn)行補(bǔ)充。

這是一件非常花精力的事情。當(dāng)然好處也非常明顯，在我需要設(shè)計師的時候我可以快速的找到合適設(shè)計師。而且也了解他們的動態(tài)，而且設(shè)計師也是一個非常走心的群體，他們在面試前也希望提前弄清楚他面對的團(tuán)隊情況甚至團(tuán)隊leader的情況。這樣比走冷冰冰的招聘流程成功率會高很多。

二、團(tuán)隊角色分類

一個優(yōu)秀的團(tuán)隊不是個個都是設(shè)計師。而是要合理搭配。就和籃球團(tuán)隊一樣。球場上5個全明星如果沒有好的化學(xué)反應(yīng)依然是打不過配合合理的草根團(tuán)隊。

做競品分析首先要問三個問題：
根據(jù)以上三個問題，可以有一個做競品分析的基本思路了。分析競品，分三個步驟：
1.選擇競品，做好定位(選擇兩個產(chǎn)品最好，最多三個)
2.競品分析，得出結(jié)論(選擇恰當(dāng)?shù)姆治龇椒▉矸治?，根?jù)分析得出結(jié)論)
3.根據(jù)結(jié)論，得出建議
做競品分析，最重要的事情有兩件，一件是得出結(jié)論，一件是得出建議。你要根據(jù)你的分析，得出一個正確的結(jié)論。
一個網(wǎng)站，你要跟根據(jù)它的PV、UV、IP等多方面的運營數(shù)據(jù)來得出結(jié)論，數(shù)據(jù)的變化原因是什么。競爭對手的網(wǎng)站你可以去相互對比，比較趨勢，一般的數(shù)據(jù)你可以在站長或alexa那找一下，然后再對比多個統(tǒng)計網(wǎng)站，有一些網(wǎng)站它在不同統(tǒng)計網(wǎng)站的數(shù)據(jù)是不一樣的，不能輕易下結(jié)論，多找?guī)准艺艺_的數(shù)據(jù)。
分析維度可考慮以下幾點：
1.運營數(shù)據(jù)(IP，UV，PV，著陸頁，跳出率等)
2.網(wǎng)站體驗(界面，操作，能用，亮點，優(yōu)勢等)
再看PC客戶端產(chǎn)品：
剛剛網(wǎng)站的不適用于PC客戶端。你可以查到自己的一些數(shù)據(jù)，很難難查到對手產(chǎn)品的客戶端的數(shù)據(jù)，比如一些裝機(jī)量、使用時間，這個時候你做競品分析就不能從數(shù)據(jù)過多入手了，你可以從用戶體驗和產(chǎn)品性能等方面來下手分析，PC客戶端的競品分析可以從以下幾點進(jìn)行入手：
1.用戶體驗(易觀百科：用戶體驗)(包括產(chǎn)品細(xì)節(jié)、UI設(shè)計、BUG數(shù)量和用戶反饋等等)
2.信息架構(gòu)(從界面、性能、功能完善等多維度入手，把競爭對手的優(yōu)勢學(xué)習(xí)，劣勢做預(yù)防等等)
3.產(chǎn)品趨勢(從用戶需求、市場需求、競爭需求三個維度入手)
不限以上三個，可自由散發(fā)思維。

“小合作要放下態(tài)度，彼此尊重；大合作要放下利益，彼此平衡； 一輩子的合作要放下性格，彼此成就。 一味索取，不懂付出；或一味任性，不知讓步，到最后必然輸?shù)镁狻?共同成長，才是生存之道?！?/span>

不管如何委屈，總要心胸寬廣，還要理解對方。站在不同角度，觀點極不相同，唯有多點謙讓，積極溝通。

感恩因為種種機(jī)緣，藍(lán)藍(lán)設(shè)計中標(biāo)和合作的項目和客戶。希望平安度此岸到彼岸，成就客戶，做好產(chǎn)品，不忘初心。

我們不怕多干活，只怕不理解?；蛘咭膊慌虏焕斫?，因為終有一日，你會明白理解我們。言多無益，唯有行為，以成果來為此行畫一圓滿，在這個過程中完成自我的提升和修行。

感恩投標(biāo)沒有中，沒有選擇藍(lán)藍(lán)設(shè)計的客戶，唯有祝愿您選擇到最合適的合作公司。并讓我們在這個過程中反省自己的不足，體悟難過，更深刻的改正不足。

ReactJS是一個開源的JavaScript庫，并且由Facebook和Instagram這樣的頂尖IT企業(yè)以及開發(fā)者社區(qū)所維護(hù)。該框架廣泛使用于為web應(yīng)用程序開發(fā)用戶界面的時候。這個特殊的框架被發(fā)明時帶有這樣一個目的：

“構(gòu)建數(shù)據(jù)隨著時間的推移一次又一次改變的大型應(yīng)用程序。”

我們經(jīng)常使用的工具有很多，但只有少數(shù)徹底改變了我們的工作流程。ReactJS就是其中之一。隨著現(xiàn)在可用框架變得越來越多，我們很難找到一個最終不會窮途末路的框架。這就是為什么在ValueCoders我們建議去往React。