查看完整版本 : Javascript framework

曲明 2017-8-27 08:54 PM

Javascript framework

最近看多了Web Dev技術,越看越發覺javascript實在強大,特別在前端應用,慨念上的突破,已有一個爆發性的發展。

呢家講野,特別講邊隻Prog Lang好咩唔好,一定利申左先,以前D咩Cobol/FoxPro,唔好計了,我C#/Java各做了超過十年,其實兩隻野都幾好用,冇咩做唔到,而Web Dev既3-tier Dev,從1996年既HTML/CGI,由Perl統一天下,到中間經歷過ASP/PHP平分秋色,發展到最近的Spring/MVC,中間技術上有多少次轉變,小弟都通曉一二,只是未成精而已,我睇番我廿年前既Perl大作,已有MVC Architecture,果時已知道個勢一定係咁走!其實隻隻Lang都各有各好,冇話邊隻有缺失做唔到D咩,但也沒有一隻令小弟在寫Program慨念上有驚嘆之感。

到現時流行的前端javascript framework,第一次看了2-way binding的Angular,已吸引了小弟眼球,坊間再出現React,Vue,Ember,Riot ⋯,實在百花齊放,我stick to React/Vue,因小弟用過Angular,發覺有performance問題,寫到中間唔上唔落,最後忍痛放棄,唔敢再試。

最令曲明驚嘆,莫如socket.io,如果大家有玩過Agar.io,Slither.io,就應該對socket.io唔陌生。但我唔寫game了,但如果將socket programming帶到web development,發覺一切都不同了!最近小弟用socket係MySQL寫左個類似Firebase既物體,DB一有改變就自動propagate去clients做update,用來做chat app就一流,將3-tier變為1-tier,寫Buz App都未嘗不可,係大膽之作!CHing有興趣可以PM我,大家研究下。

Firebase的確係一個幾革命性既創舉,對Prog有興趣既CHing,可以研究興奮下,加上VueJS,Total Serverless,確實都幾有趣!

當然,NodeJS不可不提吧,佢處理Async既能力,用來做Web Server,真係一絕!

[[i] 本帖最後由 曲明 於 2017-8-27 11:44 PM 編輯 [/i]]

rubyson 2017-8-28 12:02 AM

多謝分享

form5 2017-8-28 12:50 AM

用緊vue , 又好憎js ,  好似[1, 2, 3, 11].sort()  , 次次都估錯

form5 2017-8-28 01:05 AM

"DB一有改變就自動propagate去clients做update"
Insert trigger ?

aualex216 2017-8-28 01:38 AM

我都有研究firebase, 的確powerful, 可以一齊研究下

曲明 2017-8-28 10:57 AM

[quote]原帖由 [i]form5[/i] 於 2017-8-28 01:05 AM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466867448&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
"DB一有改變就自動propagate去clients做update"
Insert trigger ? [/quote]


用trigger會拖慢db update,不可取。async method只有睇binlog,利用d master slave 嘅daemon,capture the change 再用socketio sent去各單位

[[i] 本帖最後由 曲明 於 2017-8-28 10:58 AM 編輯 [/i]]

曲明 2017-8-28 11:00 AM

[quote]原帖由 [i]aualex216[/i] 於 2017-8-28 01:38 AM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466868585&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
我都有研究firebase, 的確powerful, 可以一齊研究下 [/quote]


firebase係powerful,但前題要network stable,遇著GFW就廢左武功咁

Susan﹏汪汪 2017-8-28 12:24 PM

如果對自己寫的program 都冇感情
就往往只會一直都「驚嘆」人地個作品有幾好

doesntmatter 2017-8-28 01:34 PM

世界不停進步
我地D老野真係跟唔上
工作內容亦唔容許我接觸新野 (有興趣學都冇時間)
如果呢堆野變主流
第時比人炒左都未必搵到新工

airware 2017-8-28 04:08 PM

其實我個人幾喜歡angularjs from 2開始,轉做typescript 後再加nodejs 做server, 架構上幾好,我最喜歡其router 功能,比我用開更好,不過angularjs 有缺點,就是所有ui要自己搵同做,不過未來我期待緊有隻framework for ui build based on Angularjs

架構上其實在design上變少少

曲明 2017-8-28 08:03 PM

[quote]原帖由 [i]airware[/i] 於 2017-8-28 04:08 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466893776&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
其實我個人幾喜歡angularjs from 2開始,轉做typescript 後再加nodejs 做server, 架構上幾好,我最喜歡其router 功能,比我用開更好,不過angularjs 有缺點,就是所有ui要自己搵同做,不過未來我期待緊有隻framework ... [/quote]

用angularjs要小心,用repeat+幾個directive,4-6columns,只出100條rows,唔可以用慢來形容,係用當機來形容,要成幾秒鐘rendered!!!

佢同React一樣,CSS是用javascript generate的,一個字,慢!

另外Angular係2-way binding,慢唔再講,唔似Vue one-way binding 快及簡潔,故Vue簡單易學,package細及快速!

[[i] 本帖最後由 曲明 於 2017-8-28 08:08 PM 編輯 [/i]]

曲明 2017-8-28 08:10 PM

[quote]原帖由 [i]airware[/i] 於 2017-8-28 04:08 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466893776&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
不過angularjs 有缺點,就是所有ui要自己搵同做,不過未來我期待緊有隻framework for ui build based on Angularjs [/quote]

ui最common都係用bootstrap加少少jquery-ui

form5 2017-8-29 10:29 PM

[quote]原帖由 [i]曲明[/i] 於 2017-8-28 08:03 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466904120&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
用angularjs要小心,用repeat+幾個directive,4-6columns,只出100條rows,唔可以用慢來形容,係用當機來形容,要成幾秒鐘rendered!!!
佢同React一樣,CSS是用javascript generate的,一個字,慢!
另外A ... [/quote]
當機甘夸張,post 出黎睇睇,angularjs 同vue2 速度應該差吾多,今日 發現vue 要load 某d 嘢,要用到polyfill, 真係R頭

[[i] 本帖最後由 form5 於 2017-8-29 10:34 PM 編輯 [/i]]

曲明 2017-8-29 10:32 PM

[quote]原帖由 [i]form5[/i] 於 2017-8-29 10:29 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466962055&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]

當機甘夸張,post 出黎睇睇,angularjs 同vue2 速度應該差吾多 [/quote]

我test係用angular v1,冇昆你

我講少左,100 rows係用十幾秒

form5 2017-8-29 10:48 PM

[quote]原帖由 [i]曲明[/i] 於 2017-8-29 10:32 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466962189&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
我test係用angular v1,冇昆你
我講少左,100 rows係用十幾秒 [/quote]
我吾係吾信你,我覺得可能code 可能有問題,你擺上jsfiddle, 大家味交流下

曲明 2017-8-29 11:01 PM

[quote]原帖由 [i]form5[/i] 於 2017-8-29 10:48 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466962978&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]

我吾係吾信你,我覺得可能code 可能有問題,你擺上jsfiddle, 大家味交流下 [/quote]


睇下我有冇留底。。。

曲明 2017-8-29 11:08 PM

[quote]原帖由 [i]form5[/i] 於 2017-8-29 10:29 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466962055&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]

當機甘夸張,post 出黎睇睇,angularjs 同vue2 速度應該差吾多,今日 發現vue 要load 某d 嘢,要用到polyfill, 真係R頭 [/quote]


因你用vuex及firebase? firebase好唔成熟,你都用真係好大膽子

I_love_IT 2017-8-30 01:03 PM

[quote]原帖由 [i]Susan﹏汪汪[/i] 於 2017-8-28 12:24 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466883995&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
如果對自己寫的program 都冇感情
就往往只會一直都「驚嘆」人地個作品有幾好 [/quote]


你呢句好岩聽,寫得貼心已經係無價。

無感情既PROGRAMMER只會寫D 唔親切既程式。一睇就知差。

七個疑惑的樓盤 2017-8-30 01:32 PM

[quote]原帖由 [i]曲明[/i] 於 2017-8-28 10:57 AM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=466879831&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]



用trigger會拖慢db update,不可取。async method只有睇binlog,利用d master slave 嘅daemon,capture the change 再用socketio sent去各單位 [/quote]


一講呢個feature 即諗起meteorJs
framework包左呢樣野

airware 2017-8-30 07:36 PM

其實vue同angularjs 2或以上都差唔多寫法,而明哥講的情況可能只在angularjs 1.x才出現
其實angularjs 1同2係兩個不同structure 的product

不過無論什麼js都好,都有同樣令programmer 煩惱的地方: ui 做好左的component 好少,例如grid, form and panel,好多要自己砌和design interface, 雖然網上好多template and themes 可以用,但也唔夠統一

在於maintain 上比較難

如果唔想搞css ui野,其實可以買一套js
再係呢套js上自己cust 野

曲明 2017-8-30 10:28 PM

angular及vue都係來至google班底,react來至facebook,睇完呢篇comparison,大家會認為邊隻會係2018年跑出?

[url=https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176]https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176[/url]

form5兄提我要flux,但睇來睇去,都仲唔明點解要用vuex,用prop係煩D,但勝在readable,係就係會有infinitive loop問題,但一個page中如果得一個model,好難想像會有幾複雜!可能我跟本冇諗過SPA既design。在MPA中,其實仲有咩例子係用vuex會好D?

今日搞成日都搞唔店個webpack,對住windows install野真係想死,還我unix !?!

[[i] 本帖最後由 曲明 於 2017-8-30 10:36 PM 編輯 [/i]]

曲明 2017-8-30 10:33 PM

[quote]原帖由 [i]airware[/i] 於 2017-8-30 07:36 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=467006553&ptid=26886319][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
不過無論什麼js都好,都有同樣令programmer 煩惱的地方: ui 做好左的component 好少,例如grid, form and panel,好多要自己砌和design interface, 雖然網上好多template and themes 可以用,但也唔夠統一[/quote]

Trust me,UI唔係重點,bootstrap已夠晒用,或用vue寫個貼心D既component都只係幾十分鐘既事。

Grid? 我既經驗,你整到超正都好,都冇咩為!其實user跟本只係想要個Excel-Liked Grid,上下左右加copy&paste,最緊要Move得快,加埋一個pull down combo,95% users會滿意!

Dev個大型System,成個framework點分阿媽做咩,阿仔做咩,阿媽管幾多野,管到去邊條界,管得多又怕太死,管多少又怕太生,呢D先最有難度!!

[[i] 本帖最後由 曲明 於 2017-8-30 10:41 PM 編輯 [/i]]

tom.care 2017-9-1 12:38 PM

*** 作者被禁止或刪除 內容自動屏蔽 ***
頁: [1]
查看完整版本: Javascript framework