介紹

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

背景

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

使用代碼

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一、團(tuán)隊(duì)招聘

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

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

這是一件非常花精力的事情。當(dāng)然好處也非常明顯，在我需要設(shè)計(jì)師的時(shí)候我可以快速的找到合適設(shè)計(jì)師。而且也了解他們的動(dòng)態(tài)，而且設(shè)計(jì)師也是一個(gè)非常走心的群體，他們?cè)诿嬖嚽耙蚕Ｍ崆芭宄鎸?duì)的團(tuán)隊(duì)情況甚至團(tuán)隊(duì)leader的情況。這樣比走冷冰冰的招聘流程成功率會(huì)高很多。

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

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

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

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

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

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

我們不怕多干活，只怕不理解。或者也不怕不理解，因?yàn)榻K有一日，你會(huì)明白理解我們。言多無益，唯有行為，以成果來為此行畫一圓滿，在這個(gè)過程中完成自我的提升和修行。

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

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

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

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

為什么說能使用html/css解決的問題就不要使用JS呢？兩個(gè)字，因?yàn)楹唵巍：唵尉鸵馕吨斓拈_發(fā)速度，更小的維護(hù)成本，同時(shí)往往具有更好的體驗(yàn)，下面介紹幾個(gè)實(shí)例。

1. 導(dǎo)航高亮

導(dǎo)航高亮是一種很常見的問題，包括當(dāng)前頁面的導(dǎo)航在菜單里面高亮和hover時(shí)高亮。你可以用js控制，但是用一點(diǎn)CSS技巧就可以達(dá)到這個(gè)目的，不需要使用JS。

在正常態(tài)時(shí)，每個(gè)導(dǎo)航的默認(rèn)樣式為：

當(dāng)JavaScript在運(yùn)行的時(shí)候，它需要一些空間讓它來存儲(chǔ)本地變量（local variables）。我們將這些空間稱為作用域?qū)ο螅⊿cope object），有時(shí)候也稱作LexicalEnvironment。例如，當(dāng)你調(diào)用函數(shù)時(shí)，函數(shù)定義了一些本地變量，這些變量就被存儲(chǔ)在一個(gè)作用域?qū)ο笾小Ｄ憧梢詫⒆饔糜蚝瘮?shù)想象成一個(gè)普通的JavaScript對(duì)象，但是有一個(gè)很大的區(qū)別就是你不能夠直接在JavaScript當(dāng)中直接獲取這個(gè)對(duì)象。你只可以修改這個(gè)對(duì)象的屬性，但是你不能夠獲取這個(gè)對(duì)象的引用。

作用域?qū)ο蟮母拍钍沟肑avaScript和C、C++非常不同。在C、C++中，本地變量被保存在棧（stack）中。在JavaScript中，作用域?qū)ο笫窃诙阎斜粍?chuàng)建的（至少表現(xiàn)出來的行為是這樣的），所以在函數(shù)返回后它們也還是能夠被訪問到而不被銷毀。

(四)確定競品

目前市面上的新聞客戶端大致分為三類，以搜狐、網(wǎng)易為代表的互聯(lián)網(wǎng)門戶新聞客戶端，內(nèi)容較為豐富，新聞內(nèi)容由授權(quán)轉(zhuǎn)載、原創(chuàng)報(bào)道和UGC組成;以百度新聞APP、今日頭條為代表的聚合類新聞客戶端，通過抓取各種媒體的新聞內(nèi)容，整合于自身平臺(tái);而第三種新聞客戶端就是報(bào)紙、雜志等傳統(tǒng)媒體開發(fā)的專屬新聞客戶端，是傳統(tǒng)媒體搶占新媒體市場的移動(dòng)站點(diǎn)。所以選取口碑較好的搜狐新聞、騰訊新聞、網(wǎng)易新聞、今日頭條作為競品分析。

二、戰(zhàn)略層：產(chǎn)品定位及優(yōu)勢(shì)對(duì)比