Numeral.js

格式化輸出、數字操作
http://numeraljs.com/

Web Design

设计导航 http://hao.shejidaren.com/
DESIGNING BY LEARNING https://heywesley.wordpress.com/

Language轉換

https://github.com/BYVoid/OpenCC

Obfuscator 混淆器

含線上混淆器
https://github.com/javascript-obfuscator/javascript-obfuscator

Markdown

Typora
https://typora.io

VSCode

Markdown 預覽 (README.md)

Ctrl + Shift + V

Lodash

JSON處理
https://github.com/lodash/lodash

Async-validator

同步驗證檢查資料
https://github.com/yiminghe/async-validator

Node.js Package

https://www.npmjs.com/package/pkg

https://github.com/pmq20/node-compiler

MySQL latin1亂碼

MySQL匯出
mysqldump -u root -p test > database.sql --default-character-set=latin1
用Emeditor打開，確認編碼後，
轉存UTF-8

docker gitlab-postgresql + pgweb + radis + gitlab

Docker 電子書：
https://yeasy.gitbooks.io/docker_practice/content/

docker run -d -p 9000:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock uifd/ui-for-docker

docker run --name gitlab-postgresql -d \
--env 'DB_NAME=gitlabhq_production' \
--env 'DB_USER=gitlab' --env 'DB_PASS=password' \
--env 'DB_EXTENSION=pg_trgm' \
--volume /srv/docker/gitlab/postgresql:/var/lib/postgresql \
sameersbn/postgresql:latest

# pgweb
docker run -d -p 8081:8081 --link gitlab-postgresql:postgresql sosedoff/pgweb

# radis
docker run --name gitlab-redis -d \
--volume /srv/docker/gitlab/redis:/var/lib/redis \
sameersbn/redis:latest

# gitlab
docker run --name gitlab -d \
--link gitlab-postgresql:postgresql --link gitlab-redis:redisio \
--publish 10022:22 --publish 10080:80 \
--env 'GITLAB_PORT=10080' --env 'GITLAB_SSH_PORT=10022' \
--env 'GITLAB_SECRETS_DB_KEY_BASE=long-and-random-alpha-numeric-string' \
--env 'GITLAB_SECRETS_SECRET_KEY_BASE=long-and-random-alpha-numeric-string' \
--env 'GITLAB_SECRETS_OTP_KEY_BASE=long-and-random-alpha-numeric-string' \
--volume /srv/docker/gitlab/gitlab:/home/git/data \
sameersbn/gitlab:latest

計畫相關

科技部，計畫查詢網站
https://www.grb.gov.tw/index

Web Messenger 工具

Facebook
https://www.labnol.org/internet/embed-facebook-messenger-website/29136/

UI/UX設計工具

https://designer.io/

p5.js

繪圖函式庫
https://p5js.org/

JSON RESTFul 測試用資料

https://jsonplaceholder.typicode.com/

CSS 顏色漸層色碼

https://webkul.github.io/coolhue/

https://webgradients.com/

https://uigradients.com/#Mantle

CSS Material icons

https://material.io/icons/

Node.js教學

https://dca.gitbooks.io/nodejs-tw-wiki-book/

手冊自動生成工具

https://github.com/apidoc/apidoc

https://swagger.io/

https://apiblueprint.org/

用apidoc註釋寫法，生成swagger格式JSON檔
https://github.com/fsbahman/apidoc-swagger

Open API
https://github.com/kogosoftwarellc/open-api

npm scripts 使用指南

npm scripts 使用指南
http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html

VSCode

VSCode Extension

Path Intellisense	路徑自動完成
jshint	JS語法提示
HTML Snippets	HTML自動完成
Guides	縮排顯示線
Beautify css/sass/scss/less	scss排版
vscode-icons	樹狀圖小圖示
One Dark Pro	色彩主題
Chinese (Traditional) Language Pack for Visual Studio Code	中文化
Git Graph	分支線圖
Code Spell Checker	找拼錯字
vscode-styled-components	Styled-Components 高亮
Vue Snippets JS/HTML/PUG/Razor/PHP	Vue 區塊註解
Markdown All in One	Markdown 排版 (Alt+Shift+F)
Auto Rename Tag	HTML前後標籤同步命名
Debug Visualizer	視覺化 Debug 工具
GitLab Workflow	GitLab 官方擴充套件
Code Runner	直接執行 JavaScript 程式工具 可搭配 ts-node 執行 TypeScript
Bracket Pair Colorizer	括號顏色
Bracket Pair Colorizer 2	括號顏色2(已併入官方) "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": "active",

VSCode Hotkey

Markdown Preview (README.md)	Ctrl + Shift + V
Column Selection	Alt + Shift + Left Mouse Button
Auto format On Paste	"editor.formatOnPaste": true
Show function list	Ctrl+P @
選取一段相同字詞	反白字詞 Ctrl+D
比對	檔案右鍵，選取用以比較

npm install -g ts-node

Patent

Espacenet
https://worldwide.espacenet.com/

USPTO
http://patft.uspto.gov/netahtml/PTO/search-bool.html

國際專利分類查詢
https://www.tipo.gov.tw/sp.asp?xdurl=mp/lpipcFull.asp&ctNode=7231&mp=1

OpenCTM

http://openctm.sourceforge.net/

CSS Parser

https://github.com/TylerBrinks/ExCSS
https://github.com/Athari/CsCss

Sci-Hub

Sci-Hub
https://sci-hub.cc/

解壓縮 unzip

繁體decode問題：
https://github.com/EvanOxfeld/node-unzip

可設定編碼：
https://github.com/sanori/node-unzip-mbcs

Node.js內建：
https://nodejs.org/api/zlib.html

受歡迎：
https://www.npmjs.com/package/yauzl

圖片壓縮工具

https://imageoptim.com/mac
http://optimizilla.com/zh/
https://tinyjpg.com/

JavaScript 相等表

https://dorey.github.io/JavaScript-Equality-Table/

Awesomplete 自動完成

Awesomplete
http://leaverou.github.io/awesomplete/
https://github.com/LeaVerou/awesomplete

克服JS的奇怪部分

http://disp.cc/b/KnucklesNote?ft=克服JS的奇怪部分

React

React教學文獻
https://github.com/shiningjason1989/react-quick-tutorial
https://github.com/onlinereadbook/bookreactjs
React 小書(從原生JS講解React) https://github.com/huzidaha/react-naive-book、https://www.youtube.com/watch?v=mbMomTT070M

開發環境
https://github.com/horsekitlin/isomorphic-express-demo

React + Redux Workshop, Andy Tsai
https://hackmd.io/p/r1MHEMW4l#/

React-three
https://github.com/Izzimach/react-three
Demo:
https://github.com/poshaughnessy/react-three-demo
http://react-three-demo.herokuapp.com/

React-three-renderer
https://github.com/toxicFork/react-three-renderer

教你如何搭建一个超完美的服务端渲染开发环境
http://www.jianshu.com/p/0ecd727107bb

Ant Design

https://ant.design/

React-md
https://react-md.mlaursen.com/

Material-ui
http://www.material-ui.com/

ES7
npm install --save-dev babel-preset-stage-0

套件
react-copy-to-clipboard 複製文字
https://github.com/nkbt/react-copy-to-clipboard

Hook 寫法 (VP提供)


React Hooks Doc
https://reactjs.org/docs/hooks-intro.html

A Complete Guide to useEffect
https://overreacted.io/a-complete-guide-to-useeffect/

(OS 64)指定的網路名稱無法使用。 : AH00341: winnt_accept: Asynchronous AcceptEx failed.

FYI：
http://orzit.blogspot.tw/2016/12/Resolve-apache24-winnt-accept-Asynchronous-AcceptEx-failed.html

(OS 64)指定的網路名稱無法使用。 : AH00341: winnt_accept: Asynchronous AcceptEx failed.

AcceptFilter http none
AcceptFilter https none
EnableMMAP off
EnableSendfile off

ca-bundle

Windows:
copy COMODORSAAddTrustCA.crt + COMODORSADomainValidationSecureServerCA.crt + AddTrustExternalCARoot.crt qqboxy.ca-bundle.crt

Linux:
cat COMODORSAAddTrustCA.crt + COMODORSADomainValidationSecureServerCA.crt + AddTrustExternalCARoot.crt > qqboxy.ca-bundle.crt

Apache Spark

Apache Spark
http://spark.apache.org/

Node.js
https://github.com/EclairJS/eclairjs-node

Scribbletune

https://github.com/walmik/scribbletune
https://www.npmjs.com/package/scribbletune
Music MIDI 編輯

File Watcher

https://www.npmjs.com/package/filewatcher
https://nodejs.org/api/fs.html#fs_class_fs_fswatcher