React Native Push Local Notification

,

在react native中的通知有分兩種，一種是本地通知(自己寫按鈕就可以觸發通知)，一種是遠程通知。

遠程通知需要一個firebase帳號，並且創建firebase專案，這部分之後再更新(茶

因為新公司只有提供windows電腦，所以本篇只示範android平台的local通知…QQ

安裝步驟可以參考這裡，但是你懶得看，所以我寫了這篇。

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

ElementUI 按需載入

,

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

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

如何讓fetch也可以有timeout效果

,

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

可是我並不想只為了這些十支以內的api去裝axios套件，所以打算自己用fetch寫一個api底層，當然fetch最大的問題就在於：他沒有timeout這種參數給你設定。

要是你網路不穩，他就會一直等啊等啊等啊～

上網找了一堆資料，其中有些人提出用Promise.race方法，概念是：在race陣列中放入兩個function，一個是call api的fetch，另一個是單純的setTimeout，要是setTimeout先完成，就表示逾時拉～

但是在繼續查又看到google大大有提出超完美解法：原文在這裡

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

不小心誤刪phpmyadmin的root

,

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

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

如何建立一個vue新專案與設定

,

因為常常需要開始新專案，都要重新設定，所以這幾天找時間把一個初始專案的template架起來，可以從github上參考。

這邊使用的是vue 2 + vue cli 4

如果你想看vue3的建立新專案方法，請參考下面這篇文章：

如何建立一個vue新專案與設定

 

一、安裝vue cli

要快速建立一個專案，一定要知道cli，它可以自動幫你架構好一種通用的架構，並且在建立的時候就可以選擇一般大眾常用的套件，像是sass、axios、unitest、router…之類的。安裝方式可以參考官網。

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

React Native using Socket.io

,

我們在 App 中如果 App 是在背景狀態，可以使用手機原生的 notification 進行即時通知，但是如果App目前是打開的狀態，想要及時通知，就需要使用 websocket。

在前台RN專案訂閱後端的 socket 服務，必須要跟後端配合，才能順利接收到資料，下一篇文章會分享如何使用 express + socket.io 發送訊息。

package版本 :

  • React Native 0.63.3
  • socket.io-client 2.3.1
閱讀更多
0
/0 評論/通過：

在WordPress Enfold主題新增Social Profiles Icon

,

進入左側選單，選擇外觀 –> 佈景主題編輯器

在function.php最下面貼上：

因為我這次是要新增github的icon，這個icon在Enfold自己的icon列表中已經有了，只需要找到他的代號（\ue8eb）

以下程式碼，把Github相關字眼換成你的icon名稱，然後ue8eb換成icon編碼。

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

Flutter 顯示價錢格式

,

收到單純的數字

12000.02

在渲染的時候想把它改成顯示

$ 12,000.02
閱讀更多
0
/0 評論/通過：

flutter Card的內容設定overflow hidden

,

Flutter 在card widget中放container，然後設背景顏色，結果card的圓角竟然不見了！！！！找了好久，發現以下解法：

card中加入屬性，可以讓多出來的內容隱藏在框內

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

flutter 執行方式

,

開發 app 通常會有兩種預覽方式：本地模擬器 or 真實的裝置。而這兩種方式又會有軟體環境(develop、prod)的差別，和裝置平台(ios、android)的差別。

除了在mac模擬器上執行以外，其他三種方法都要先設定xcode裡面的Bundle Identifier

大概會有以下幾種：

  1. run on mac simulator 在mac上打開模擬器執行
  2. run on device 在裝置上執行
  3. build on device 在裝置上安裝並執行
  4. testflight (需要有付費開發者帳號)
閱讀更多
0
/0 評論/通過：