再不寫就要忘了

在vue cli3 專案中使用lodash

import _ from "lodash";

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

methods: {

    func(){

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

不小心誤刪phpmyadmin的root

手賤不小心在phpmyadmin介面把root權限刪掉，然後mamp pro重灌還是一樣的問題，是因為mamp pro沒有刪乾淨，文件還存在電腦裡，執行以下步驟重灌mamp pro。

1. Delete the appsolute directory from /Library/Application Support , which contains configuration files that are created upon MAMP Pro installation

建立vue新專案與設定

1. 專案結構：vue2 + vue cli4
2. 使用工具：yarn

一、安裝vue cli

打開終端機，輸入：

$ yarn global add @vue/cli
$ vue -V //檢查是否有安裝到vue-cli

預期結果終端機會出現：

@vue/cli 4.5.6

線條背景

用漸層的方式繪製重複排列的線條背景

background: repeating-linear-gradient(

    45deg,

    rgba($color-white, 0) 25%,

    rgba($color-white, 0) 60%,

    #fff 75%,

…

ElementUI 按需載入

vue專案使用element ui，在官網的範例中，是直接把載入的部分寫在main.js，可是有時候我們要載入的components一多，main.js就會變得很長，所以可以把它搬到另一個檔案，再從main.js統一引入。

安裝element ui

$ yarn add element-ui

//or

$ npm i element-ui -S

Flutter環境建置(Mac)

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

在vue中使用setTimeout與setInterval

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

setTimeout可以直接使用：

this.timeout = setTimeout(() => {

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

}, 1000 * 60 * 60);

多邊形

單純用css改變element形狀，支援多邊形、內凹

-webkit-clip-path:polygon(10% 100% ,0 100%,0 0, 100% 0%, 100% 10%, 10% 10%);

Fetch 請求超時如何實作

使用fetch，可是option中沒有timeout選項，可以用controller.abort實作。

最近在公司接到一個小小的react native案子，整個app只有兩頁，之前使用vue做網頁平台的時候，與後端請求溝通都是使用axios這個套件，有很多的config參數可以設定，裡面就包含了請求逾時timeout。