https://avatars.githubusercontent.com/u/6058558

程式狂想筆記

超級終端機 fzf

感覺就是fzy的進階版
他可以多選fzy -m,按tab可做選擇動作
官網其中範例

1
find * -type f | fzf > selected

其實還有滿多vim範例的
但我都不太熟 哈

1
fzf --preview 'cat {}'

這個預覽工能也滿強大的XD

參考來源:
模糊搜索神器fzf - 验证的进阶之路 - SegmentFault 思否
junegunn/fzf: A command-line fuzzy finder
模糊搜索神器fzf - 掃文資訊

超級終端機 bd

常常因為要做cd ../..而煩腦嗎
發現有人介紹zplug其中一個套件 bd
這指令跟bd是相反的

zplug 安裝方法

1
zplug "tarrasch/zsh-bd", at:3724233, frozen:1

https://asciinema.org/a/9HZ5Pkigj34EvGUwQOshH5ddK.png
URL

超級終端機 指令補全

oh-my-zsh有一個指令補全功能
再我裝zsh在elementary OS 上面少這個功能
就不太習慣XD

好來我找到了

oh-my-zsh/completion.zsh at master · robbyrussell/oh-my-zsh抓下來(檔案抓下來,對照設定檔錄徑)
.zshrc設定

1
2
# TAB 補完選單
source ~/.zplug/completion.zsh

就能完成了

https://asciinema.org/a/kLj4j7cwjwsUnrIvTM3GZ9VtC.png
URL

oh-my-zsh/completion.zsh at master · robbyrussell/oh-my-zsh
Installing zsh-autosuggestions - asciinema

超級終端機 zplug

[2018 鐵人賽] 簡潔高效的 PHP & Laravel 工作術:從 elementary OS 下手的聰明改造提案 #11

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
source ~/.zplug/init.zsh
# TAB 補完選單
source ~/.zplug/completion.zsh




export DEFAULT_USER=`whoami`

POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir newline vcs)
zplug "bhilburn/powerlevel9k", use:powerlevel9k.zsh-theme

# 排序安裝
zplug "zsh-users/zsh-syntax-highlighting", defer:2


# 從 Github 安裝
zplug "zsh-users/zsh-history-substring-search"

# 從 on-my-zsh 安裝
zplug "plugins/git", from:oh-my-zsh


# 依作業系統載入
zplug "lib/clipboard", from:oh-my-zsh, if:"[[ $OSTYPE == *darwin* ]]"

#docker compose
zplug "plugins/docker-compose", from:oh-my-zsh

zplug "b4b4r07/enhancd", use:init.sh

zplug "tarrasch/zsh-bd", at:3724233, frozen:1

zplug "jhawthorn/fzy", \
    as:command, \
    rename-to:fzy, \
    hook-build:"
    {
        make
        sudo make install
    } &>/dev/null
    "

zplug "junegunn/fzf-bin", as:command, from:gh-r, rename-to:fzf

# ついでに tmux 用の拡張も入れるといい
zplug "junegunn/fzf", as:command, use:bin/fzf-tmux


if ! zplug check --verbose; then
    printf "Install? [y/N]: "
    if read -q; then
        echo; zplug install
    fi
fi



#沒有用
#POWERLEVEL9K_MODE="Hack"

zplug load

解決zplug install unknow error

安裝gawk
sudo apt-get install gawk

vue-electron測試使用初體驗

最近剛好看到vue-electron
剛好手頭想做一個桌面程式
就想嘗試看看

1
2
3
4
5
6
7
8
# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project
npm install
npm run dev

先不要安裝es-lint

打開Visual Studio Code就可以改程式
而且存檔都會自動重新載入

剛開始試著改程式,都沒辦法載入成功
後來是發現es-lint不要安裝
就不會有問題了

連編譯exe設定都幫你設定好了
這真的太棒了

1
npm run build

目前有用簡單功能,有做ajax動作
爬文以後,有看到vue-electron內建有axios
axios可以使用ajax功能
跨網域預設還是會擋的
main/index.js設定webPreferences: { webSecurity: false }

1
2
3
4
5
6
  mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: { webSecurity: false }
  });

有做跨網域的問題就可以解決

[JS]為什麼能用document.form1.username呢?

為什麼能用document.form1.username這個東西?

這個困擾我很久…,在這公司這幾年
常常看到舊的code,從不解用成習慣
同事也不知道為什麼,古早人都是這樣寫
之前有找,但沒有找到相關資訊…
今天花一些時間找到資料,終於找到為什麼

平常見網路教使用document.form1.elements['username']document.forms['form1'].elements['uername'].
公司常見寫法document.form1.username,只知道form1是用name不是用id去命名的
一直思考到今日,我又繼續查