# redis - note doc
http://redisdoc.com/index.html
php redis
https://www.cnblogs.com/ikodota/archive/2012/03/05/php_redis_cn.html
go redis
https://godoc.org/github.com/go-redis/redis
## 連到 redis server local server redis-cli remote server redis-cli -h host -p port -a password ## Get all key KEYS '*' # Troubleshooting ## ERR Operation against a key holding the wrong kind of value 取 Key 的類型不對
用
type <KEY> 來確認存的類型
...
# golang - note log ## 時間格式的雷 2006-01-02 15:04:05
https://golang.org/pkg/time/#Time.Format
Golang 时间格式化的奇怪设定 —— 为什么你一直出错
## Array Array
## 確認 type import "reflect" x := 7 reflect.TypeOf(x).Kind(); ## Convert interface to string var x interface{} = "abc" str := fmt.Sprintf("%v", x) ## Print statuct fmt.Printf("%+v\n", struct)
...
# favicon 使用筆記 隨著 web 發展越來越久
所需要準備的 favicon 等 icon 需要用到越來越多地方了
且這也是一個服務重要的依據
有設定 favicon 就是能夠給人對這個服務有個既定的印象
能夠讓人快速的記憶這個服務
所以不可忽視它在 web 上的使用
這裡會持續記錄需要設定的地方與格式
## Wiki Favicon ## Suggest Format PNG
<link rel="shortcut icon" href="https://example.com/myicon.ico"> ## Safari pin SVG, 16x16 viewbox
Creating Pinned Tab Icons
## iOS add to home screen Configuring Web Applications
## show in Google search result Update in 2019
會在 mobile browser 加強顯示
Define a favicon to show in search results
...
# Vue - 使用 Vue cli 3 開發 SSR 紀錄 ## Intro 因為工作需求需要一個能夠 SSR 的工具
由於是接手別的團隊回來的程式也剛好要做大動作的重構(打掉重練
之前的團隊是使用 koot.js
個人花了點時間看了一下還不錯, 但是
對 react 不太熟
居然還是用 less, 我在 2017 就已經捨棄使用預處理器來處理樣式了, 擁抱 CSS L4
還是比較喜歡 Vue 的架構
所以就心痛的來研究一下 Vue cli 處理 SSR 的方式
官方有文件
Vue.js 服务器端渲染指南
看完以後
恩…
好麻煩啊
使用工具和 framework 的目的就是要無腦使用啊
還要寫一大堆 code 幹嘛
這邊先列出自己的需求
SSR 而且需要是 Universal 的處理方式
在樣式能夠使用 postcss 處理 CSS L4
能夠處理 Metadata
能夠把環境需求用設定處理掉或根本不用設定就處理掉
因為工作需求需要多語系..
最好是要有 PWA
所以就開始了痛苦的尋找之旅
...
# Mac - php redis install ## Mac Env Mac OSX 10.14.5
## Step git clone https://www.github.com/phpredis/phpredis.git cd phpredis phpize && ./configure && make && sudo make install test
php -r "if (new Redis() == true){ echo \"\r\n OK \r\n\"; }" ## Troubleshooting ### phpize 1.
$ phpize grep: /usr/include/php/main/php.h: No such file or directory grep: /usr/include/php/Zend/zend_modules.h: No such file or directory grep: /usr/include/php/Zend/zend_extensions.h: No such file or directory Configuring for: PHP Api Version: Zend Module Api No: Zend Extension Api No: Solution
...
# gvm ## Intro gvm
Golang version manger
## Usage Install bash < <(curl -s -S -L https://raw.githubusercontent.com/moovweb/gvm/master/binscripts/gvm-installer) Add to .bashrc or .zshrc # added gvm command to shell source "$HOME/.gvm/scripts/gvm" # directory path for GO export GOPATH=$HOME/gopath export GOROOT=$HOME/go export PATH=$PATH:$GOROOT/bin Install go gvm install go1.4 -B gvm use go1.4 export GOROOT_BOOTSTRAP=$GOROOT gvm install go1.9 Finall add command to .bashrc or .zshrc gvm use go1.9 Refer - Go - 在 OSX 安裝 GVM
...
# Vue - Vue cli note https://cli.vuejs.org/
## vuetify vue create <project folder name> cd <project folder name> vue add vuetify npm run serve ## Use SPA App.vue
<template> <router-view></router-view> </template> <script> export default { name: 'App', components: { }, data () { return { } } } </script>
...
# JavaScript - 半形 全形 轉換 因為一個奇怪的需求?
需要把使用者輸入的東西轉成可以方便驗證的格式(這應該後端做吧?)
反正因為以前也做過半形轉成全形(痛苦的回憶, 為啥政府的 opendata 各縣市格式不一致就算了, 竟然還有全形半形的問題…)
這邊就簡單的只針對最前面的基本拉丁字母字元符號集作轉換
因為大部分的需求應該這樣就可以應付了?
但是空白字元要特殊處理
那接下來只要知道需要轉換的字元範圍即可
全形從 U+FF01 到 U+FF5E
半形從 U+0021 到 U+007E
把 16 進制轉換回來就是
65281 到 65374
33 到 126
上述怎麼轉的?
就是這樣
parseInt('0xFF01', 16) 只要判斷輸入的字元這這些編碼區間就進行轉換
trans char
所以簡單做了一個 demo 頁面
程式檢視原始碼即可
Refer - Wiki
Refer - Unicode / UTF-8 字元編碼區間表 - 2013
...
# Chrome headless 研究筆記 最近要用到 chrome headless 的部分功能
且得在 ubuntu or debian server 實踐
所以筆記一下
## Intro headless 大致分兩種用法
CLI
libary
Refer - Getting Started with Headless Chrome
CLI 用法簡單但是受限很多且沒有找到具體詳細完整的文件, 就連用 man 查都查不到…
也有可能是我自己沒有認真找
libary 就相對容易, 連 Google 自己都有提供部分語言的版本, 且有前端工程師很熟的 Node 版本
## on ubuntu server sudo apt-get install chromium-browser ex:
chromium-browser --headless --screenshot=test.png --disable-gpu --window-size=320,480 --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.
...
## 2018 Google cloud 訓練營 筆記 Become a Google Cloud Platform expert with hands-on training. GCP Essentials
# Gcloud cli ## PROJECT_ID: gcloud auth list
gcloud config list project ## BASIC gcloud -h
gcloud config --help || gcloud help config
gcloud config list --all # Managing Cloud Storage data Try creating a Cloud Storage bucket. Bucket names must be unique, so replace unique-name with something else, or append the name to make it unique.
...