八克里

### 新手工程師練習實作參考 * 因為要學習WEB寫程式的範圍很廣泛，所以這裡提供一個快速的實作目標，讓你快速通過新手村。 * 詳細可以參考這篇： https://github.com/goodjack/developer-roadmap-chinese web developer 但是看完後，多數人會直接放棄。 * 底下提供比較簡單開始的新手村，讓開發者可以自己練習。 * 指說明需要完成的元素，內容請自行想像與設計。當成一個屬於自己的作品呈現空間。 ### 使用純文字編輯器操作系統 * Sublime https://www.sublimetext.com/ * VSCODE https://code.visualstudio.com/ * ATOM https://atom.io/ * NotePAD++ https://notepad-plus-plus.org/zh/ * 熟悉上面至少 2 套文字編輯器，並且可以使用他的外掛。 ### 使用 github 建立一個屬於自己的網站。 * 選一個 GIT 工具, https://git-scm.com/download/gui/windows , 可以選 SourceTree 或 https://git-scm.com/download/win * 需要能夠透過 git 工具上傳及維護網站。 * 了解 git 的 pull , clone , merge, getch, commit, push, add 功能與用法 * 了解 branch, master, orign 使用上的意義 * 參考： https://gitbook.tw/chapters/github/using-github-pages.html ### 使用 bootstrap 4 規劃你的網站版面 * 參考： https://getbootstrap.com/docs/4.1/examples/ * 使用 Grid 排版，編排出一個可以放作品的網站版型。 * 可以善用 bootstrap 的各種元件，完成你的目標。 * 調整你的版面, 讓他在 Mobile 環境下，也可以不會太糟糕。 * 使用自訂的 CSS 讓你的 Bootstrap 4 看起來和別人不一樣。 ### 使用 Jquery 的 API * 使用...

https://bitnami.com/   是一個提供預先安裝基礎建設及應用程式的服務網站，可以讓開發人員「初期」不用花太多心思再基礎建設上面，就可以用預先安裝好的服務。 所以先選你要的機器影像檔 VM https://bitnami.com/stack/nginx/virtual-machine 因為我用的是 Linux KVM 但上面只提供 .OVA 格式，所以需要轉換一下格式。 https://wiki.hackzine.org/sysadmin/kvm-import-ova.html   KVM: Importing an OVA appliance 然後就是設定 KVM 的 Machine 了!! (略) 設定好後，把 SSH 打開最重要的。 https://docs.bitnami.com/virtual-machine/faq/ 至於服務該如何使用，可以參考他的文件說明 https://docs.bitnami.com/virtual-machine/infrastructure/nginx/ 其他的操作，就和一般使用 Linux 是一樣的。很快速的你就可以有一個可靠的開發環境了。 最後，bitnami 會自動回傳統計資訊回他的網站，記得把他關閉。

網站追蹤技術--音頻指紋追蹤(audio fingerprinting web-tracking) 透過 HTML AudioContext 的函式，來追蹤使用者。這功能本來是設計來在 web browser 上面處理聲音分析、過濾的，但用在追蹤及網站使用者識別，更是令人驚豔。(這是根本是 HTML5 版本的程式奇淫技巧呀!!) Audio Fingerprinting測試DEMO頁面： https://audiofingerprint.openwpm.com/ 研究機構： 普林斯頓大學的研究室，關於音頻指紋（AudioContext Fingerprinting）、WebRTC Local IP Discovery 及帆布指紋(Canvas Fingerprinting)的說明 https://webtransparency.cs.princeton.edu/webcensus/index.html#fp-results 其中關於 AudioContext Fingerprinting 但需要進一步的研究，指紋的穩定性及唯一性。 這研究室開發的 OpenWPM 看起來很強大呀！！ https://github.com/citp/OpenWPM 另一個研究機構，大量收集，並探討 fingerprinting 的有效性。 https://amiunique.org/ 還發了一篇 IEEE  http://ieeexplore.ieee.org/document/7546540/?reload=true 實作的GITHUB專案： 這個專案，不相容於前一個專案版本 Fingerprintjs ，這個版本但使用多個不同的偵測技術。 線上測試： http://valve.github.io/fingerprintjs2/ 原始碼： https://github.com/Valve/fingerprintjs2 作者的裡面有一段寫到：「I'm also paying special attention to IE plugins, popular in China, such as QQ, Baidu and others.」 , 幫 china user 廠廠了!! 這是我直接放在我網站的連...

* Canvas fingerprinting 可以透過HTML5  BROWSER 的 CANVAS ，依據不同軟體及硬體裝置上對於 Canvas 的實作，得到不同的指紋，得到一個唯一 HASH 值，用這個值來判斷使用者的唯一性。且它無法被無痕視窗封鎖阻擋，也沒有防毒軟體可以阻止它洩漏你的機器識別資訊，AdBlock 要檔是可以，但要自己加入規則鎖 Canvas JS。 * 這讓我想到 上一篇 ，我用 IP清單來抵擋大量的暱名 IP，現在換成這個機制，加上 IP 管制，就可以更精準的阻止匿名攻擊的註冊！！ * 至於哪些沒有 CANVAS 的 browser 就直接把它拋棄了，根本不讓他連網。目前大概只有機器人會用沒有 CANVAS 的 BROWSER 巴。 WIKI: https://en.wikipedia.org/wiki/Canvas_fingerprinting 誰提出的想法： https://cseweb.ucsd.edu/~hovav/dist/canvas.pdf 解釋： https://securehomes.esat.kuleuven.be/~gacar/persistent/the_web_never_forgets.pdf 開始解釋這種追蹤工具的難以抵擋性, 2014年的調查已經有 5% 以上的網站使用這種技術。 猜測正確率論文： https://panopticlick.eff.org/static/browser-uniqueness.pdf  ‎被引用 535 次 「在我們的樣本中，帆布指紋變化相當快速，但即使一個簡單的試探通常能夠猜到是 什麼時候的指紋，是以前觀察過的 '升級版' 瀏覽器指紋， 有 99.1% 的猜測正確 和只有 0.86% 是未命中(false positive rate) 。」 * 線上立即可以測試的網站： (1) 線上測試網站 https://fingerprint.pet-portal.eu/   更詳細的 fingerprint 還可以猜你安裝哪些軟體，且有不錯的識別率。 (2) 我下載 https://github.com/Valve/fingerprintjs 的本機測試結果 ，可以點擊 這裡 測試。這個比較簡單...

Mariadb 和 Mysql 都會有亂碼, 只要它預設編碼還是在 latin 的時還是一直會發生. 所以改成 utf8 編碼是一個對於東亞語系的文字，會比較方便。 UTF8 的介紹請看 wiki https://zh.wikipedia.org/wiki/UTF-8 xxx_bin (區分大小寫) xxx_general_ci (不區分大小寫) Collation 每個字符集的排序規則 http://dev.mysql.com/doc/refman/5.0/en/charset-unicode-sets.html 在 mysql 資料庫中有兩個編碼系統 UCS2 及 UTF8 utf8 使用 1~3 bytes ，帶有 65536 個組合的編碼 utf32 與 utf8mb4 是完整的的 unicode ，差異在 utf32 固定 4 bytes ，而 utf8mb4 則是彈性使用 1~4 bytes 。 utf8mb4 從 MySQL 5.5.3 (released March 2010). 開始提供 目前預設的編碼系統為 xxx_general_ci (default) 為了中文語系使用不要出問題，建議修正如下： ----------------------------------------------------- # 修正 mysql 的設定檔 [root@c7 my.cnf.d]# more /etc/my.cnf.d/my-huge.cnf  [client] default-character-set=utf8mb4 [code] default-character-set=utf8mb4 [mysqld] character-set-server=utf8mb4 collation-server=utf8mb4_general_ci # restart mysql service # 檢查系統的編碼變數 ---------------------------- [root@c7 my.cnf.d]# mysql -u root -p Enter password: MariaDB [(none)]> SHOW VARIABLES WHERE Variab...

PostgreSQL 9.4 in CentOS Linux 7 # 安裝下載 http://www.postgresql.org/download/linux/redhat/ # 安裝 REPO 來源檔 yum install http://yum.postgresql.org/9.4/redhat/rhel-6-x86_64/pgdg-redhat94-9.4-1.noarch.rpm  -y # 安裝主要資料庫程式 yum install postgresql94-server postgresql94-contrib -y /usr/pgsql-9.4/bin/postgresql94-setup initdb systemctl enable postgresql-9.4.service systemctl start postgresql-9.4.service # 裝好後所有的設定檔及紀錄檔都在 /var/lib/pgsql 這個目錄內 [root@c7 ~]# ls /var/lib/pgsql -la total 8 drwx------.  3 postgres postgres   36 Mar 23 09:27 . drwxr-xr-x. 70 root     root     4096 Mar 23 09:27 .. drwx------.  4 postgres postgres   48 Mar 23 09:27 9.4 -rwx------.  1 postgres postgres  267 Mar 23 09:27 .bash_profile # 確認帳號 [root@c7 ~]# id postgres uid=26(postgres) gid=26(postgres) groups=26(postgres) # 切換使用者，並且登入系統設定 [root@c7 ~]# su - postgres -bash-4.2$ psql template1 psql (9.4.6) Type "help" for help. # 建立一個使用者為 mtchang ...

提供各種主流的語言開發環境，免安裝。 http://www.tutorialspoint.com/codingground.htm 正規表示式測試網站 https://regex101.com/ 線上程式碼測試 http://code.runnable.com/