Flutter 使用 SQLite 本地資料庫

,

開發 App 時，有些資料不一定是要存在遠端資料庫，像是暫存你的登入資訊，或是單純只屬於此裝置的文件資訊，可以存放在 SQLite，這也是官方提供的方法。

依照官網的教學，是直接在main()裡面進行所有操作，但是為了看起來更好閱讀更簡潔，建議新增一個單獨的資料夾database/，裡面存放要建立的${dbName}.dart檔案。


用TodoList當作範例，資料夾結構如下：

閱讀更多
0
/0 評論/通過：

使用Docker 打包 Nuxt.js

,

使用 nuxt 無非就是為了 ssr，但是在部署 nuxt 的時候，他是需要 server 跑起來才有辦法做到 ssr，不像一般 spa 只需要部署靜態網站，所以最簡單的方法就是使用 docker 打包。

閱讀更多
0
/0 評論/通過：

React Native 使用免費Icon ( ios )

,

如果你要寫 react native，又沒有使用ui框架的話，想要使用 icon，可以安裝react-native-vector-icons，他提供幾乎所有大家會用的 icon 字型。

閱讀更多
0
/0 評論/通過：

從零開始建立一個nuxt.js專案

,

最近終於要從後台系統脫離，前台網站因為是不用登入就可以看到，所以 SEO 是少不了的，這樣以 SPA 方式去開發一定會GG，因為所有內容都由 JS 產生，非原本的 HTML，這時候就需要 SSR 技術，預先 rendern 好 HTML 給搜尋引擎去找，而 nuxt.js 就是在 vue 的架構上去實踐 SSR。

閱讀更多
1+
/0 評論/通過：

iTerm2 agnoster隱藏username 和 主機名稱

mac 自己預設的終端機樣式不是這麼好看，主題調整也有線，所以這邊就另外下載了 iTerm2，並調整主題。結果發現主機名稱太長，我的 mac只有13寸啊…於是又另外研究了隱藏主機名稱。

mac使用iTerm2 的agnoster主題，想要手動修改一些設定，但是.bashrc檔案中卻沒有相關參數可以隱藏。
這時候查看一下PS1的參數是寫什麼

閱讀更多
0
/0 評論/通過：

Flutter環境建置(Mac)

,

公司主管熊熊說了一句「大家來研究flutter吧！」，開啟了我從零開始研究flutter安裝環境到撰寫Dart的奇幻旅程…

安裝flutter前，有一些事必須完成：

安裝Xcode

現在最新版的Xcode11必須要在os系統10.14.3以上版本（可以從App Store搜尋Xcode看到）
但macOS 10.14.n跟macOS 10.13.n是不同主題，所以要更新的話，要從官網下載安裝，才會真的更新到macOS 10.14.n版本。
如果不知道自己的電腦現在是什麼版本，點左上角的蘋果圖示，選「關於這台Mac」，裡面就會顯示了！

閱讀更多
0
/0 評論/通過：

終端機啟動專案後自動開啟視窗

,

在使用cli3 搭配 yarn serve 時，自動打開該 port 號的視窗。

方法一：

在package.json檔案中設定

閱讀更多
1+
/0 評論/通過：

vue專案使用github線上預覽

,

當你在公司與 IT 人員合作，你只需把製作好的靜態檔案交給 IT 人員，他們會幫你部署到雲端空間，可是如果你只是在家裡自己想展示一件作品在線上環境，那可以使用 github pages 完成簡單的部署。
像是： 範例網站

1.vue router.js請使用hash mode，不要使用history

閱讀更多
1+
/0 評論/通過：

秒數換算mm:ss

方法1：

const paddingZeroLeft = (str, length) => {
    if(typeof (str) !== "string"){
        str = str + "";
    }
    if (str.length >= length){
        return str;
    } else {
        return paddingZeroLeft("0" + str, length);
    }
};
let second = 300;
let mm = paddingZeroLeft(parseInt(vm.refreshCount / 60), 2);
let ss = paddingZeroLeft(parseInt(vm.refreshCount % 60), 2);
let text = '';
text = `0${mm}:${ss}`;
// 05:00

方法2：

引入moment.js

let second = 300;
let text = moment.utc(moment.duration(second, "s").asMilliseconds()).format("HH:mm:ss") || "-";
0
/0 評論/通過：

監聽手機瀏覽器開發環境

,

使用電腦瀏覽器查看手機網頁element、console…等
能在本地電腦使用 devtools 除錯 ios/android 各種瀏覽器開啟的網頁

weinre

安裝：$ npm install -g weinre
測試：$ weinre
顯示如下即表示安裝成功：

2019-07-12T05:29:54.763Z weinre: starting server at http://localhost:8080
閱讀更多
0
/0 評論/通過：