近期，一系列博客文章引發(fā)了關(guān)於JavaScript框架成本的熱議，凸顯了負(fù)責(zé)任地使用JavaScript的重要性。

Eric Bailey：現(xiàn)代醫(yī)療、框架、性能與損害

故事始於Eric嘗試在一家醫(yī)療服務(wù)提供商網(wǎng)站上預(yù)約就診，結(jié)果卻遭遇了空白屏幕。

現(xiàn)代醫(yī)療的客戶體驗(yàn)依賴於React和Webpack，並伴隨大量的遙測數(shù)據(jù)。

對於熟悉Web開發(fā)的人來說，原因顯而易見：過度依賴JavaScript的網(wǎng)站，其邏輯與調(diào)用的其他錯誤邏輯發(fā)生衝突，導(dǎo)致死鎖。

但對於非專業(yè)人士而言，這並不明顯。他們看到的只是永不停歇的加載動畫。

這在某些情況下可能只是小麻煩，但在關(guān)係到健康問題時，後果不堪設(shè)想：

尋求幫助的人不會關(guān)心TypeScript、tree shaking、熱模塊替換、A/B測試、燃盡圖、NPS、OKR、KPI或其他創(chuàng)業(yè)術(shù)語。如果用戶無法獲得所需服務(wù)，開發(fā)者體驗(yàn)就毫無意義。

這就是現(xiàn)實(shí)的衝擊。當(dāng)我們的工具和報告——本應(yīng)提高工作效率的工具——反而妨礙了用戶體驗(yàn)時，會發(fā)生什麼？這些工具本應(yīng)提供洞察力，幫助我們預(yù)測用戶的需求，尤其是在緊急情況下。

我知道，將矛頭指向JavaScript框架本身容易引起爭議。但這不僅僅是關(guān)於使用React還是其他框架的問題，而是業(yè)務(wù)優(yōu)先級和開發(fā)者體驗(yàn)與用戶體驗(yàn)之間的衝突。

Alex Russell：檸檬市場

緩慢而復(fù)雜的框架的支持者成功地將低效的框架包裝成新潮事物，儘管其缺陷隨處可見，卻擠壓了更高質(zhì)量的選擇。

這些技術(shù)最初打著“提升用戶體驗(yàn)”的旗號，但在高成熟度組織之外，完全未能兌現(xiàn)承諾。在更廣泛的Web環(huán)境中，這些新技術(shù)棧已被證明是昂貴的失敗品。

問題就在這裡。 Alex直言不諱，但他指出責(zé)任在於框架的營銷方式，而非開發(fā)者本身。營銷策略是什麼？

一旦檸檬賣家灌輸了“改進(jìn)開發(fā)者體驗(yàn)（DX）會導(dǎo)致更好的用戶體驗(yàn)”的理念，“改進(jìn)DX”就變成了目的本身，許多明知其弊的人也被迫參與其中。長期掩蓋用戶體驗(yàn)的負(fù)面影響是一種策略，而非錯誤；他們不需要你成功，只需要你繼續(xù)購買。

從營銷角度來看，這種“DX”的誘餌和調(diào)包策略非常巧妙，但技術(shù)本身並沒有為任何人帶來好處，除了開發(fā)者。

難以接受，對吧？沒有人想被欺騙，承認(rèn)沉沒成本也很難。如果你已經(jīng)投入時間和精力在一個特定的技術(shù)和將其集成到你的技術(shù)棧中，那就更難了。開發(fā)工作流程很複雜，適應(yīng)一個流程就像適應(yīng)一個你打算住一段時間的房子一樣。但你應(yīng)該知道，你的房子是不是建在Alex所說的“沙地基礎(chǔ)”上。

我想在此暫停一下，說明我對這場辯論沒有個人立場。作為一個Web通才，我傾向於儘早嘗試新工具以熟悉它們，然後迅速放棄，將它們放到我的工具箱裡，直到找到合適的用途。換句話說，我的知識面很廣，但在某個特定領(lǐng)域並不深入。 HTML、CSS和JavaScript是我的常用組合，但我非常重視用戶體驗(yàn)，知道何時選擇合適的工具來解決特定問題。

而且，我們也要承認(rèn)，並非每個人都能自主決定。我們許多人都在受管理的團(tuán)隊(duì)工作，使用的工具是預(yù)先指定的。 Alex也提到了這一點(diǎn)，我認(rèn)為這很重要，因?yàn)樗宄乇砻鬟@並非針對個人。這是一個關(guān)於我們優(yōu)先級和確保它們與用戶期望相符的聲明。

讓我們讓Chris引導(dǎo)我們回到主題……

Chris Coyier：使用內(nèi)容攔截器的端到端測試？

所以，也許你的應(yīng)用程序是用React構(gòu)建的，原因並不重要。仍然需要做一些工作來確保應(yīng)用程序的可靠性和可訪問性。

只需阻止一個文件就不應(yīng)該完全破壞一個網(wǎng)站，但它經(jīng)常會這樣做！在JavaScript中，這可能是因?yàn)殚_發(fā)者編寫了依賴於第三方JavaScript（我通常會阻止）的第一方JavaScript（我通常會允許）。

[…]

如果我阻止來自tracking-website.com的資源，我的第一方JavaScript就會拋出錯誤。 JavaScript並不會忽略錯誤。如果拋出錯誤，它就不會執(zhí)行文件中更靠下的JavaScript代碼。如果更靠下的代碼是transitionToOnboarding();——那就不會執(zhí)行。

也許值得重新審視你的工作流程，並對其進(jìn)行調(diào)整以識別更多故障點(diǎn)。

所以，這裡有一個想法：在安裝了流行的內(nèi)容攔截器及其默認(rèn)配置的瀏覽器中運(yùn)行你的端到端測試。

這樣做可能會發(fā)現(xiàn)一些問題，這些問題會阻止你的客戶，以及那些需要幫助的人。

好主意！任何有助於更真實(shí)地描繪應(yīng)用程序使用方式的方法都是好的。這種清晰度可以在流程的早期出現(xiàn)，也許在做出開發(fā)決策之前。了解你的用戶。他們?yōu)槭颤N要使用這個應(yīng)用程序？他們?nèi)绾螢g覽網(wǎng)頁？他們的地理位置在哪裡？什麼問題可能會妨礙他們？ Chris也對此有一個很好的演講。

以上是醫(yī)療保健，出售檸檬和開發(fā)人員體驗(yàn)的價格的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！