VueJS

一個用於建立使用者介面的開源JavaScript框架,也是一個建立單頁面應用的Web應用框架。

在 VueJS 中使用 WebGL
webGL

在 VueJS 中使用 WebGL

身為一個設計師,除了 SVG動態背景 及 中文 Web Fonts 外也沒有什麼視覺上的效果,令我的作品在設計上有所缺失! 以前都是用 Flash 來開發一些超炫目的網站,但現在都轉成用 Javascript 了,當然要踏入 WebGL 的領域,開發炫眼的 3D 網站了! Three.js應該是最多人用也是最易用的 WebGL Javascript Library,在 Three.js 的官網有不少

Vue 終於都超越 React 了
VueJS

Vue 終於都超越 React 了

一直以來都被質疑為什麼不學學 React 而選擇了 Vue。不過 6月5日 Vue 在 Github 上的星星數終於超過了 React,雖然不排除 Vue 的星數內有很大量中國用家的水份,但是 Vue 確實是受到世界用家的關注,雖然晚了點出文來說,但不足一個月己經超前了 1000 多星了。 Vue Roadmap 原作者 Evan You 也在努力開發及改進 Vue。不只是單單小修補及更新,現在

VueJS 中設定共用的 Sass 變數
VueJS

VueJS 中設定共用的 Sass 變數

上回架設了基本的 VueJS 開發環境,接下來要進行一些設定。因為在這個架構下,可以很方便的預處理SASS,基本上不用另外設定,但是之前在 NuxtJS 中已經有 SASS 中設定變數不能共用的問題。不過現在 vue-loader 已經有官方解決方法,就是使用 sass-resources-loader 載入global的變數。 用法很簡單,使用 'npm' 安裝 $ npm install sass-resources-loader --save-dev 在 build/utils.js

Sass in NuxtJS
NuxtJS

Sass in NuxtJS

以前對Sass/SCSS等需要預處理的CSS Style有一定抗拒,因為需要安裝一堆應用程式,每次更新都需要處理一次,但是現在在NuxtJS中有Vue Loader處理,不論那一種需要預處理的CSS都可以輕鬆搞定。 在多種預處理的CSS中我先是賞試了Sass,不用再加任何標點符號真的很棒! Sass nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px;

NuxtJS + Socket.io + https
NuxtJS

NuxtJS + Socket.io + https

我希望在NuxtJS中以Socket.io為傳送資料的方式,不過功力有限連Socket.io都沒搞定。發現NuxtJS官方其實有實例是在https中運作。 不過事情當然沒這麼簡單,官方上沒有什麼說明,我也只好當成NuxtJS一樣安裝。 $ npm install nodemon 這個例子用了nodemon作管理,我也直接照用好了 先安裝一下 $ npm run dev 啟動看一下 Socket.io不能通過https,瀏覽器會就說Mixed Content,就是https的頁面要取資料一定要經https才安全。 解決方法 想到解決的方法有兩個 把Socket.io變成https 令到Socket.io不用https也能通過 經過一輪測試才找到方法

NuxtJS 100% CPU
NuxtJS

NuxtJS 100% CPU

CPU直升100% 開發時不知是什麼原故,伺服器CPU一直衝到100%以上 用htop查看一下就發現是我的Vue搞出來的,而且伺服器供應商不繼向我發出警告Email! 解決方法 然後在GitHub找到了應該是解決方法,似乎是Webpack跟Nodejs的問題。 就是將整個node_modules移除再安裝! 好吧... $ sudo rm -rf node_modules $ npm install 重新安裝node_modules後,CPU Loading似乎回復正常了

用NuxtJS取代Webpack+Express
NodeJS

用NuxtJS取代Webpack+Express

簡化版的Vue2架構 發現了NuxtJS這東西,可以簡易取代webpack+express+router的部份,雖然我已經完成了Webpack+Express架構部份。但是router跟server side render沒NuxtJS方便,而NuxtJS的概念是跟據React的NextJS做成,其中hot reload部份對開發十分有幫助。 Nuxt.js這東西是整合了Vue2 + Vue-Router + Vuex + Vue-Meta + Express + Webpack而成,能快速組成基本開發架構,省下不少時間。 Ubuntu 16.04.1 LTS NodeJS 6.9.

Javascript Framework 選擇 2017
AngularJS

Javascript Framework 選擇 2017

自從由open source cms出走,已經準備改用Javascript Framework,但是現在正是JS Framework百家齊放的時候,我該如何選擇也對以後的開發很大影響。 AngularJS 在現在的公司初次接觸的是Google老大開發的AngularJS 1,這款全能的框架使我對JS Framework了解深入了不少。AngularJS 1整體效能不算十分優秀,但是結構上很完整,對初次接觸此類framework的我來說也可以上手。聽說AngularJS 2的效能有不錯的提升,但是整體架構太大,對新手的我需要學習太多東西,只能就沒有更好的選擇時我會考慮使用。 ReactJS 雖然對Facebook開發的ReactJS沒有太深入了解,不過看其他高手都指出ReactJS只有MVC的V部份,需要再結合其他library來開發,這部份對我來說難度太高,一套也搞不定的我還要做這種整合一定不會成功。 VueJS 然後我就遇上了VueJS2,