前端思想實現 面向UI程式設計

2021-09-20 08:34:36 字數 2136 閱讀 9662

但是隨著技術的發展,人們對於任何事物在看重實用性能的同時,也越來越重視自我的體驗,比如當前流行的網際網路企業,除了要有出色的效能和實用性,還要有良好的介面、客戶體驗,這樣才能吸引人。所以對於初創的網際網路公司來說,最燒錢的時候就是剛剛獲得風投或融資的時候,因為那時候還沒有客戶訪問,所以他們不得不把錢砸向前端,只有做好前端技術、客戶體驗,一切才有可能。當有了來訪者,訪問的人多了,才會優化後端,做客戶分析等等。所以網際網路公司獲得融資後的第一件事往往就是招聘web前端開發人員,先把前端和使用者體驗做好,打好發展第一炮,這也是為什麼web前端開發這麼火、工程師薪資高的重要原因。

但是,這時還不能算最火,真正引爆前端的是,移動端的興起和爆發,這樣才真正促成前端開始火熱。而且隨著h5、c3的推出、各種框架的熱潮、模組化啥啥啥的、外加薪資的漲幅等等,真正帶動了我們現在做的這是職業-----前端開發工程師

有點跑偏了,現在回歸正軌。我們現在開發的前端,儘管現在推陳出新了很多技術,但是很多公司,說白了,還是搞著最原始的開發,即這邊搞一段html,那邊加個css,最後搞點js來,湊合湊合搞成乙個頁面,沒有什麼所謂的正規。導致前端開發真正的難維護。這只是其中一點。也是導致很多程式設計師最不願意的就是維護別人**,想死的心都有。下面列舉一些我遇到的情況

我想,不僅是我,誰看了都頭疼,反正我直接拒絕維護。哈哈

這時候會有很多人跳出來,不是有了模組化呀啥啥啥的,這個還有必要嗎?我想了想,確實沒必要,但是別急,這也是一種高效開發風格和高效可維護風格,畢竟作為一種可選方案還是很好的。

面向ui程式設計,以ui為基礎,以資料為核心。

解釋一下,這裡的ui不是ui給出的ui圖,而是我們寫出來的html;資料不是靜態寫死的,而是我們通過各種方式獲得的資料,然後塞給html。再加上div布局方案,乙個網頁很容易進行布局開發和高效維護。下面直接上**釋:

上面只是結合div布局,將頁面分模組進行分別開發。但是,

根據這2個思想,面向ui程式設計的第一步當然是不可取。每個ui模組的**量和資料量十分大,根本不是高效開發和高效維護的榜樣。其實可能有些人也想到了一些,將這4個大模組,再進行ui劃分。

對的,將乙個大的ui模組,再進行細小ui模組劃分,見下圖:

正如頁面上所寫的,我將每個ui細分到原子層面,對於整個頁面生態來說,缺少乙個原子,不會讓整個頁面坍塌。就算我下線維護,我只要解除安裝乙個我要維護的模組,然後我進行線下開發,然後開發完畢,再進行裝載。這樣就達到了一種電腦上usb的效果,熱插拔的效果,這樣對整體是沒有影響的,你有沒有我都不會崩潰,只是多了你,我多了乙個功能,少了你,我只是沒有這個功能而已。

正如物件導向思想那樣(相信大部分程式設計師都知道物件導向思想把,雖然我也沒物件,嘻嘻),以物件為基礎,將最小原子分為物件,然後進行物件組合,原子物件組合成小物件,小物件組成大物件,大物件組成史前物件等,然後將功能根據業務和技術進行組建,達到我們所要的效果。

當然啦,這個思想還不是很成熟,有很多欠缺的,比如模組之間的關聯關係,資料的流轉以及變化等等,不過還在摸索,有什麼好的建議,希望大家一起提出來,我們一起商量,畢竟集思廣益嘛。

我相信面向ui程式設計很多人都這樣想過,也這樣做過,只是沒達到一種共識和快速開發的方案。我這裡提出來,其實我也是思考了很久,做了很多技術積累和思想積累。想將這個思想搞成乙個前端的js框架的。

該框架的一些基礎功能:

ui模組的識別和裝載

ui模組的控制(包括裝載和解除安裝)

ui模組的data配置

ui模組的資料流轉

....

還有很多功能,不過就先實現這些功能。也為前端快速開發和高效維護貢獻自己的乙份力量。

大概的布局和設計如下:

ps:因為流轉過很多公司,**風格千萬遍,維護根本進行不下去。**規範幾乎等與虛設,一些布局思想,開發思想等幾乎等與放棄。從不按套路出牌,怎樣順手就怎樣。埋了多少雷,後面的估計屎都會炸出來的,哎,阿門!

物件導向程式設計思想

舉個最簡單點的例子來區分 有一天要請客吃飯,怎麼辦?有兩個方法 1 買菜,買調料,買肉,買酒水,然後下廚房動手炒菜 2 去飯店,點個 看出來區別了嗎?方法1是面向過程,方法2是物件導向。物件導向有什麼優勢?首先不需要知道各種菜式是怎麼做的,降低了耦合性。如果突然想換 了,對於方法1可能不太容易,因為...

物件導向程式設計思想

所謂的物件導向,是一種程式設計思想,程式設計思路,的書寫格式,複雜程式的封裝,封裝成其他形式,使用物件導向的方式來封裝程式。物件導向 有封裝好的物件導向的的程式 直接呼叫執行就可以了 功能和作用類似於 封裝好的函式 但是 封裝的語法和思想與函式不同 物件導向的基本思想 基本思路就是,建立乙個物件,給...

物件導向程式設計思想

介面是為了處理各個物件之間的協作關係,是系統設計的關鍵部分,主要作用是為了將 定義 與 實現 分離,從而實現系統解耦的目的。在系統設計之初,我們要為抽象類建立行為模型 為什麼要面向介面程式設計?因為物件導向設計原則為我們提供了方法和原則 七大原則 開 面向擴充套件開放,面向修改關閉 口 介面隔離原則...