在vue中使用setTimeout與setInterval

在vue中啟用、清除timeout的寫法不同，如果clearInterval沒有加上window，就不會停止。

setTimeout可以直接使用：

this.timeout = setTimeout(() => {

    console.log('一小時後要做的事');

}, 1000 * 60 * 60);

iTerm2 agnoster隱藏username 和 主機名稱

mac使用iTerm2 的agnoster主題，想要手動修改一些設定，但是.bashrc檔案中卻沒有相關參數可以隱藏。

Flutter環境建置(Mac)

最近公司的人要教學flutrer，所以請我們先自己安裝環境，沒想到坑還滿多的……

create nuxt.js project

建立初始的nuxt專案常用架構

建立一個 nuxt.js 專案

安裝 sass

nuxt.config.js

在全局.vue檔案中可以使用variables.scss變數檔：

‘React/RCTBridge.h’ file not found

1. In Xcode, go to the project scheme (Product -> Scheme -> Manage Scheme -> double click your project).
2. Click on the ‘Build’ option at the left pane.
3. Uncheck ‘Parallelize Build’ under Build Options.

vue cli 3 設定檔 vue.config.js

使用 vue cli 3 指令 yarn 新建專案，vue官網建議使用vue.config.js檔案覆蓋webpack.config.js

持續更新

module.exports = {
  devServer: {
    port: 6800,
    open: true
  },
  publicPath: 
    process.env.NODE_ENV === "production" ? "/vue-spotify" : "/"…

vue專案使用github線上預覽

開發vue專案，想要生成一段網址可以貼給別人預覽。

在專案中讀取package.json資料

先在vue.config.js中加入plugin定義

var webpack = require("webpack");

module.exports = {

    configureWebpack: {

        plugins: [

            new webpack.DefinePlugin({

在vue cli3 專案中使用lodash

import _ from "lodash";

先在會使用到的組件內引入lodash

methods: {

    func(){

        let lodashFunc = _.debounce(this.innerFunc(),1000);
   
        lodashFunc();

監聽手機瀏覽器開發環境

使用電腦瀏覽器查看手機網頁element、console…等

能在本地電腦使用 devtools 除錯 ios/android 各種瀏覽器開啟的網頁

weinre

安裝：npm install -g weinre

測試：weinre

顯示如下即表示安裝成功：

2019-07-12T05:29:54…