資訊專欄INFORMATION COLUMN
摘要：先來看一張系統(tǒng)前后端架構(gòu)模型圖。一種接口的約定本文用于定義一種統(tǒng)一的接口設(shè)計(jì)方案，希望具有參考價值。，和都是常見的軟件架構(gòu)設(shè)計(jì)模式，它通過分離關(guān)注點(diǎn)來改進(jìn)代碼的組織方式。
如何無痛降低 if else 面條代碼復(fù)雜度
相信不少同學(xué)在維護(hù)老項(xiàng)目時，都遇到過在深深的 if else 之間糾纏的業(yè)務(wù)邏輯。面對這樣的一團(tuán)亂麻，簡單粗暴地繼續(xù)增量修改常常只會讓復(fù)雜度越來越高，可讀性越來越差，有沒有固定的套路來梳理它呢？這里分享三種簡單通用的重構(gòu)方式。 所謂的【面條代碼】，常見于對復(fù)雜業(yè)務(wù)流程的處理中。…
為了解決傳統(tǒng)Web開發(fā)模式帶來的各種問題，我們進(jìn)行了許多嘗試，但由于前/后端的物理鴻溝，嘗試的方案都大同小異。痛定思痛，今天我們重新思考了“前后端”的定義，引入前端同學(xué)都熟悉的NodeJS，試圖探索一條全新的前后端分離模式。
隨著不同終端(Pad/Mobile/PC)的興起，對開發(fā)人員的要求越來越高，純?yōu)g覽器端的響應(yīng)式已經(jīng)不能滿足用戶體驗(yàn)的高要求，我們往往需要針對不同的終端開發(fā)定制的版本。為了提升開發(fā)效率，前后端分離的需求越來越被重視，后端負(fù)責(zé)業(yè)務(wù)/數(shù)據(jù)接口，前端負(fù)責(zé)展現(xiàn)/交互邏輯，同一份數(shù)據(jù)接口，我們可以定制開發(fā)多個版本。
這個話題最近被討論得比較多，阿里有些BU也在進(jìn)行一些嘗試。討論了很久之后，我們團(tuán)隊(duì)決定探索一套基于NodeJS的前后端分離方案，過程中有一些不斷變化的認(rèn)識以及思考，記錄在這里，也希望看到的同學(xué)參與討論，幫我們完善。
由于跨域原因，第三方 Javascript 向后端發(fā)起請求時不能簡單的使用 Ajax（XMLHttpRequest）。這篇文章帶你擼一遍第三方 Javascript 開發(fā)中可能會用到的前后端接口協(xié)議。
文章主要介紹了 前端 + 后端如何對站點(diǎn)進(jìn)行優(yōu)化，并拿出 Google 的前端代碼做了分析。
性能優(yōu)化是老生常談了，從雅虎的 N 條軍規(guī)，前端各種優(yōu)化準(zhǔn)則，到 2010 年 Google IO 上 Steven 提出的高性能建站指南，都在告訴開發(fā)者，一個站點(diǎn)的性能非常重要，如何在有限的帶寬條件下，達(dá)到極限的訪問性能，如何讓訪問者，無論是從響應(yīng)速度，視覺感官，操作流暢度都達(dá)到最佳體驗(yàn), 是目前 Web 技術(shù)上的一個至關(guān)重要的挑戰(zhàn).
相信很多小伙伴都用過 MVP 模式，之前也一直在糾結(jié) MVP 是什么，真正的 MVP 模式的寫法是什么，其實(shí)后來想明白了，只要按照 MVP 的設(shè)計(jì)，里面怎么變化都是正常的，設(shè)計(jì)模式也不是一成不變的，要根據(jù)實(shí)際情況靈活的使用
隨著互聯(lián)網(wǎng)高速發(fā)展，公司對項(xiàng)目開發(fā)周期不斷縮短，我們面對各種需求，使用原有對接方式，各端已經(jīng)很難快速應(yīng)對各種需求，更難以提高效率。于是，我們不得不重新制定對接規(guī)范、開發(fā)邏輯以便快速上線項(xiàng)目。 盡可能的縮小溝通的成本，開最少的會，確定大部分的事。 花最少的時間寫文檔，保證90%的…
原文地址：Building account systems 原文作者：Mike Hearn 譯文出自：掘金翻譯計(jì)劃 本文永久鏈接：https://github.com/xitu/gold-...…
柵格就是網(wǎng)格，我們很小就會接觸到網(wǎng)格，比如小時候的方格本作文本，畫的表格等等，利用表格進(jìn)行分類排版。UI中的柵格系統(tǒng)就是對各個平臺的網(wǎng)格布局進(jìn)行系統(tǒng)化，比如網(wǎng)頁的網(wǎng)格定義，APP的網(wǎng)格定義。 柵格化系統(tǒng)是設(shè)計(jì)的一個基本原則，能夠有規(guī)律的排版頁面的布局，在CSS的Bootstra…
Virtual DOM / reconciliation algorithm, React 如此流行到底有哪些原因呢？
由于篇幅有限、框架眾多，在分析之前，我們從版本更新頻度和社區(qū)活躍度來進(jìn)行初步的篩選。已經(jīng)出現(xiàn)了比較久的Backbone和Knockout, 目前流行度正在持續(xù)衰退，說明市場已經(jīng)做出了選擇，市面上出現(xiàn)了更有競爭力的替代品; 還有aurelia這類的新涌現(xiàn)者，需要等待時間的檢驗(yàn)。
相信前后端分離這個詞，早已流傳甚廣，大家一些自己的理解，但可能有些人的觀點(diǎn)有稍許偏差：我們要搞 SPA，全AJAX，那才是前后端分離了。 我們來聊聊什么是前后端分離。 先來看一張WEB系統(tǒng)前后端架構(gòu)模型圖。 從圖中可以清晰的看到，前后端的界限是按照瀏覽器和服務(wù)器的劃分。那么我們…
之前一篇文章中的信息架構(gòu)應(yīng)該如何梳理，當(dāng)我們嘗試分析一款移動端 app 的時候，我們應(yīng)該如何進(jìn)行思考之類的問題。
那么今天，我將從大家經(jīng)常用到的百度外賣（iOS v4.4.1）說開去，闡述我自己分析一款 app 時候的思維邏輯和過程，當(dāng)然我說的不一定對，希望能給新手朋友們一些思路。
六張圖描述mvvm雙向綁定實(shí)現(xiàn)過程
如何寫一份用戶體驗(yàn)好、開發(fā)喜歡看、靠譜的需求文檔呢？筆者將從以下幾個方面展開闡述。
本文用于定義一種統(tǒng)一的RESTful接口設(shè)計(jì)方案，希望具有參考價值。本文所描述的方案比較學(xué)院派（死板），在上一家公司提出沒有被采納，在所了解到的有限的若干家聲稱采用了RESTful風(fēng)格的公司里，發(fā)現(xiàn)他們也偏離甚遠(yuǎn)，而在書本以及網(wǎng)上大部分介紹RESTful的資料里，卻都是這樣的方…
總結(jié)起來，大體優(yōu)化思路就是：緩存/預(yù)加載/并行，緩存一切網(wǎng)絡(luò)請求，盡量在用戶打開之前就加載好所有內(nèi)容，能并行做的事不串行做。這里有些優(yōu)化手段需要做好一整套工具和流程支持，需要跟開發(fā)效率權(quán)衡，視實(shí)際需求優(yōu)化。
總結(jié)一下移動端遇見的坑。
什么是響應(yīng)式？響應(yīng)式的頁面在不同的屏幕有不同的布局，換句話說，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應(yīng)式布局是為了解決適配的問題，傳統(tǒng)的開發(fā)方式是PC端開發(fā)一套，手機(jī)端再開發(fā)一套，而使用響應(yīng)式布局只要開發(fā)一套就好了。因?yàn)樗怯玫耐瑯觝tml，所以它的JS…
本文首發(fā)于掘金專欄，發(fā)布于廖柯宇的獨(dú)立博客，轉(zhuǎn)載請保留原文鏈接。 MVC，MVP和MVVM都是常見的軟件架構(gòu)設(shè)計(jì)模式（Architectural Pattern），它通過分離關(guān)注點(diǎn)來改進(jìn)代碼的組織方式。不同于設(shè)計(jì)模式（Design Pattern），只是為了解決一類問題而總結(jié)出…
前端性能優(yōu)化可以分為三個level：靜態(tài)資源優(yōu)化、接口訪問優(yōu)化、頁面渲染速度優(yōu)化，在操控門檻上依次遞增，優(yōu)化效果上越發(fā)沒有這么明顯，所以很多小團(tuán)隊(duì)只會做到了第一個level追求極致的前端性能體驗(yàn)，提升自己的level，come on ~ 目錄 一、靜態(tài)資源優(yōu)化 二、接口訪問優(yōu)化…
設(shè)計(jì)一套良好的 API 接口。 原文地址：服務(wù)端指南 | 良好的 API 設(shè)計(jì)指南 博客地址：http://blog.720ui.com/ 版本號 在 RESTful API 中，API 接口應(yīng)該盡量兼容之前的版本。但是，在實(shí)際業(yè)務(wù)開發(fā)場景中，可能隨著業(yè)務(wù)需求的不斷迭代，現(xiàn)有的…
最常用的 15 個架構(gòu)原則
分析 snabbdom 源碼，手把手實(shí)現(xiàn)一個 Virtual DOM 庫。
本文大多數(shù)的內(nèi)容基本都是從多篇博客或相關(guān)文章中進(jìn)行篩選，提煉出來，原本我也想用我匱乏的語言來描述，但是發(fā)現(xiàn)別人已經(jīng)總結(jié)的更好了，所以...我還是乖乖的站在巨人的肩膀上吧~~
設(shè)計(jì)模式
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/11814.html
摘要：畢竟，架構(gòu)師不參與寫代碼的工作。例如，通常架構(gòu)師需要針對可能發(fā)生的每種情況進(jìn)行規(guī)劃。這種架構(gòu)師需要信任開發(fā)團(tuán)隊(duì)來編寫代碼。 showImg(https://segmentfault.com/img/bVblaqV?w=900&h=383); Talk is cheap, show me the code！但是在互聯(lián)網(wǎng)企業(yè)中，身處技術(shù)要職的架構(gòu)師到底需不需要寫代碼？ showImg(ht...
摘要：由于文章內(nèi)容較長，所以我把它分成兩篇小文章，在第一篇優(yōu)秀架構(gòu)師必須掌握的架構(gòu)思維中，我會先介紹抽象分層分治和演化這四種應(yīng)對復(fù)雜性的基本思維。另外，上面的算法是兩路歸并，也可以采用多路歸并，甚至是采用堆排序進(jìn)行優(yōu)化，但是總體分治思路沒有變化。 showImg(https://segmentfault.com/img/bVbeYpP?w=642&h=400); 介紹 架構(gòu)的本質(zhì)是管理復(fù)雜性...
摘要：由于文章內(nèi)容較長，所以我把它分成兩篇小文章，在第一篇優(yōu)秀架構(gòu)師必須掌握的架構(gòu)思維中，我會先介紹抽象分層分治和演化這四種應(yīng)對復(fù)雜性的基本思維。另外，上面的算法是兩路歸并，也可以采用多路歸并，甚至是采用堆排序進(jìn)行優(yōu)化，但是總體分治思路沒有變化。 showImg(https://segmentfault.com/img/bVbeYpP?w=642&h=400); 介紹 架構(gòu)的本質(zhì)是管理復(fù)雜性...
摘要：更好的理解設(shè)計(jì)模式我覺得對于設(shè)計(jì)模式的理解是把設(shè)計(jì)模式歸并到架構(gòu)的一部分，是架構(gòu)的子集，重命名為代碼架構(gòu)，這樣好理解很多。 設(shè)計(jì)模式，這是我聽過最糟糕的翻譯，這個名字對于程序員來說有點(diǎn)高高在上，難以理解，尤其是php，python，nodejs這些腳本語言的開發(fā)人員可能因?yàn)檫@個名字就忽視了設(shè)計(jì)模式的重要性。當(dāng)然，除了名字以外，從更深層次，更具體來說，我覺得有三個原因： 不用設(shè)計(jì)模式也...
摘要：更好的理解設(shè)計(jì)模式我覺得對于設(shè)計(jì)模式的理解是把設(shè)計(jì)模式歸并到架構(gòu)的一部分，是架構(gòu)的子集，重命名為代碼架構(gòu)，這樣好理解很多。 設(shè)計(jì)模式，這是我聽過最糟糕的翻譯，這個名字對于程序員來說有點(diǎn)高高在上，難以理解，尤其是php，python，nodejs這些腳本語言的開發(fā)人員可能因?yàn)檫@個名字就忽視了設(shè)計(jì)模式的重要性。當(dāng)然，除了名字以外，從更深層次，更具體來說，我覺得有三個原因： 不用設(shè)計(jì)模式也...
閱讀 3839·2021-11-24 09:39
閱讀 3758·2021-11-22 12:07
閱讀 1110·2021-11-04 16:10
閱讀 800·2021-09-07 09:59
閱讀 1904·2019-08-30 15:55
閱讀 939·2019-08-30 15:54
閱讀 730·2019-08-29 14:06
閱讀 2477·2019-08-27 10:54
