hybrid-spa.png

這裡的 SPA 當然不是溫泉之類的,是指 Single Page App

簡單來說,在web 上不進行換頁的單純由 client 來繪制的就算是 spa。

也如果非靜態的呢,可能就會以 ajax 的非同此方式來進行背後的資料更新,再由 client 來繪制。

相較於傳統的 ssr 方式,優點有,減少頻寬的浪費、較為好的使用者體驗。

而缺點就是 seo 上缺乏支援及開發上相對比較麻煩尤其是和網頁認證、保護內容之類的。

本土毛牛 發表在 痞客邦 留言(0) 人氣()

在 Flux 的架構下,store 上有 action, mutation, getter 

action ->  webservice(api) fetch 資料

mutation -> 改變 state(data) 的值

getter -> 抓取 sate(data) 的值 (當然,可能是 自訂了一些方法在回傳值,不一定要直接 return)

store 明白的說明了,要改變 state 的是以務必使用 mutation 內定義的方法,而且是以 commit('name', value) 的方式來傳遞資料。

本土毛牛 發表在 痞客邦 留言(0) 人氣()

傳統.png

最近寫了幾個 app 也,使用看看 flux 架構,就來寫寫心得吧。

flux 是由 facebook 提出的一個概念,在 react 上就有了 reflux 而在 vue 上就有了 vuex。

基本上是就是資訊流的方式來傳遞到各個元件,以狀態 sate 的方式,來決定元件的 render。

這樣的每個元件只要抓取來自 store( flux ) 的資料中心,決定了自已的狀態,並繪制出來就行了。

而對於每個元件來說來自 store 的同一個值,卻可能在不同的元件中有著不同的表現。

本土毛牛 發表在 痞客邦 留言(0) 人氣()

js 的 compiler 工具、語法,是愈來愈多。

從 node 、react 的出現後,js 能做的事是愈來愈多了,

要做 web server ? 要寫 app?要寫 系統? 行~~~通通 js 搞就行了。

當然人各有好!

最近因為工作關系,寫了些side project 的東西,

本土毛牛 發表在 痞客邦 留言(0) 人氣()

npm nodejs 為主的一個package 管理程式。

這裡只列出一些常用的,其它的,我也沒用過,反正要用時,打一下 help 就行了。

首先:

npm init

這個會創立一個 package.json

本土毛牛 發表在 痞客邦 留言(0) 人氣()

Solor 是一套免費的 Searchengin 開源軟體。本身為 java 基於 lucene 所發展而來的。

一而言其實,下載源碼,直接 java jar 其實就可以執行了,不過那通常是在開發環境來說,

而在 production 環境下,還是建議部署在像 tomcat 的比較好。

以下為粗略下安裝筆記:

安裝完 ubuntu 後,先 update 下倉庫 resource 吧

本土毛牛 發表在 痞客邦 留言(0) 人氣()

平常工作時,就會遇到一些問題,

當然在 google 大神的威力下,都能解決。

不過過程可不是都那麼順利,於是都想著記錄下來吧。

當然 evernote 之類的,也是有在用,不過就是嘛,寫出來

也許能幫助一些有相同問題的人是吧?

本土毛牛 發表在 痞客邦 留言(0) 人氣()

簡單的筆記下

在 web.xml 下

也就是你的 webapps 設定檔。

vi web.xml

在裡面加上

本土毛牛 發表在 痞客邦 留言(0) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。