CSS v3 之前 (CSS v1, CSS v2) 沒有在語法上明確的區分 pseudo-class 和 pseudo-element 之間的不同. 二個都是以單一個 : 字元開頭.
- Dec 17 Fri 2021 08:25
-
CSS: 關於 pseudo-class :not()
pseudo-class vs pseudo-element
CSS v3 之前 (CSS v1, CSS v2) 沒有在語法上明確的區分 pseudo-class 和 pseudo-element 之間的不同. 二個都是以單一個 : 字元開頭.
CSS v3 之前 (CSS v1, CSS v2) 沒有在語法上明確的區分 pseudo-class 和 pseudo-element 之間的不同. 二個都是以單一個 : 字元開頭.
- Dec 16 Thu 2021 11:32
-
Python: 關於 Unicode 的 BOM

Unicode 的誕生背景
最早電腦使用的字元編碼都是 ASCII. ASCII 作為美國的計算機編碼標準, 理所當然的只包含了英語的 26 字母大小寫, 再加上一些常用符號. 後來因應一些非英語系國家/地區需要, IBM 將 ASCII 編碼擴充加入他們各自所需要的一些特殊字元, 是為 code page. 例如: code page 437 是原始的英文頁碼; code page 858 是帶有歐元符號的多語言頁碼 (我們用的正體中文是 code page 950). 所以 DOS, Windows 作業系統上有 chcp 指令可以查訽/切換不同的 code page.
- Sep 21 Tue 2021 17:43
-
Python: .py 檔的編碼問題

Python3
Python3 已經支援 unicode, 所有的 .py 檔, 預設都是 UTF-8 編碼, 有沒有附帶 unicode BOM (Byte Order Mark) 都可以. 所以只要使用預設是 UTF-8 的編輯器 (例如: VS Code 或者在 Win10 下使用 notepad) 建立新的 .py 檔即可.
- Aug 12 Thu 2021 00:47
-
Google Drive (新版):如何避開病毒掃瞄直接下載

前言
最近發現 Google Drive 的操作界面和我 2016 年寫 "利用雲端硬碟作為分享檔案及存放網頁的空間" 這一篇貼文時有些不同, 變動大了一些. 所以, 重新截取了操作畫面記錄一下如何利用它來作為分享檔案及存放網頁的空間. 也順便記錄一下如何解決某些類別的檔案 (.exe, .msi, .js...) 分享時無法直接下載的問題.
- Jan 05 Tue 2021 23:54
-
Python: 自行安裝 Jupyter 環境 (jupyterlab+numpy+pandas+matplotlib)

前言
原本在 python 裡安裝 Jupyter 環境並不是什麼大事, 不過因為最近微軟的底層 library (ucrtbase.dll) 當中的 fmod() 函數, 修正修出了一個 bug (只要 Win10 更新至 2004 及 20H2 就會出現, 參考: 微軟 developercommunity 網站), 使得眾多需要用它的軟體 (例如: 線性代數函數庫) 都出了問題. 並且要到下一次更新時才會解決 (20H2 的下一個版本) 因此整個使用 windows 平台的 AI 及大數據相關的底層函數庫不得不做出一些更動. 像是 numpy 就決定: 原本最新的版本 1.19.4 不更動, 等候 MS 把問題解決, 問題就自解了 (因為其他平台並沒有這個問題); 但是相對的, 為了讓 Windows 平台上必需使用 numpy 的其他套件可以有暫時的解決方案, 而更動了 1.19.3 版進行暫時性的修補.
- Dec 12 Sat 2020 23:54
-
Windows Terminal's 設定 Git Bash, SSH, Docker, Anaconda

前言
Windows Terminal 是 Windows 10 的一個免費 APP, 可以從 Microsoft Store 下載取得.它自動認得 WSL 裡安裝的 Distro, 看起來相當不錯. 不過卻少了 git for windows 的 Git Bash, 和 SSH 的設定. 以下是如何設定讓它也可以直接啟動 Git Bash, 直接用 SSH 連上主機, 連上 Docker Container, 進入 Anaconda Prompt.
- Nov 14 Sat 2020 09:12
-
Python: 搶救 Python 大兵 (如何擺脫 anaconda 的糾纏)

前言
前幾天 (寫完其實已經過了一個多月了), 在 Windows10 上, 遇到了一個非常機車的問題: Python for Window 的執行檔 python.exe 被 Anaconda 版的 python.exe 綁架了.
- Nov 11 Wed 2020 11:12
-
Python: Python 多版本管理
Windows 平台的安裝建議
在 Windows 安裝多個版本的 python 你需要注意以下幾點:
使用一致的 '系統安裝' 或者 '用戶安裝'. 也就是第一個版本的 python 你是用 '用戶安裝', 以後就都用 '用戶安裝'. 不要一個是 '系統安裝' 下一個卻是用 '用戶安裝'. (這樣子當 Python 環境出現問題時會比較容易排查)
在可行的狀況下, 盡量是用 '系統安裝'. 除非是要不到系統管理者權限無法進行 '系統安裝', 才改用 '用戶安裝'.
除了最常用的版本之外, 其他的版本不要加進環境變數 PATH 裡 (即安裝時, 第一頁的 "Add Python 3.x to PATH" 不要勾選). 如果已經裝錯了, 可以直接使用 '編輯系統環境變數' 來刪掉它 (一般是有二個 C:\Program Files\Python3x\Scripts\ 和 C:\Program Files\Python3x\).
使用時請配合使用 python 虛擬環境 (強列建議), 或者參考以下說明:
在 Windows 安裝多個版本的 python 你需要注意以下幾點:
使用一致的 '系統安裝' 或者 '用戶安裝'. 也就是第一個版本的 python 你是用 '用戶安裝', 以後就都用 '用戶安裝'. 不要一個是 '系統安裝' 下一個卻是用 '用戶安裝'. (這樣子當 Python 環境出現問題時會比較容易排查)
在可行的狀況下, 盡量是用 '系統安裝'. 除非是要不到系統管理者權限無法進行 '系統安裝', 才改用 '用戶安裝'.
除了最常用的版本之外, 其他的版本不要加進環境變數 PATH 裡 (即安裝時, 第一頁的 "Add Python 3.x to PATH" 不要勾選). 如果已經裝錯了, 可以直接使用 '編輯系統環境變數' 來刪掉它 (一般是有二個 C:\Program Files\Python3x\Scripts\ 和 C:\Program Files\Python3x\).
使用時請配合使用 python 虛擬環境 (強列建議), 或者參考以下說明:
最後這個選項是當你自訂了 Python 的安裝路徑, 而且是一個很深的路徑 (長度大於 260 個字元), 那麼你會需要啟用這個選項. 進一步了解這個問題
- Oct 06 Tue 2020 13:29
-
Python: Python 虛擬環境

Python 自 3.3 版開始提供虛擬環境 (PEP405, virtual environments in core, Sept. 29, 2012).
個人以為主要是為了清理出一個乾淨開發環境, 以便將來部署時不會多出一些有的沒的 package:
別的專案用的, 而且這個專案用不到的.
正在測試學習的.
或者猜想著這個 package 到底是有沒有用到 (不曾記得安裝過, 但實際上是因為和另一個 package 相依而自動安裝進來了).
避免 package 和 python 本身 (以及其他 package) 不相容的問題. 同時也可以避免這些多出來 package 引發不相容的問題. (小弟不才只寫過二個 python 小專案, 引用的東西不多, 所以一直沒有遇到)
- Apr 22 Wed 2020 15:49
-
Syntax High Light (在 痞客邦部落格 中使用) Part2: highlight.js
- Apr 14 Tue 2020 15:07
-
iTunes 更新失敗怎麼辦?

一直以來 (忘了多久了, 大概有好幾年了), 我的 iTunes 都無法順利的經由 Apple Software Update 完成程式的更新. 那也還好, 大不了不更新. 我平時用 iTunes 都只是為了備份手機, 久久才跑一次, 需要的時候再自已手動下載, 重新安裝, 麻煩一點而已無所謂. 只是覺得 Apple 越來服務越差, Apple Software Update 老是更新失敗卻也不修一下.
這幾天要備份時, 卻是遇到一連串的問題!
首先是 Apple 沒有提供下載點了, 只有 "Get it from Microsoft", 要經由 Windows Store 才能下載.
接著是 Windows Store 必需 PC 用 "Microsoft Account" 登入才能下載, 而我現在用的還是 Win7, 根本就是鷄同鴨講.
無奈之下, 只好找其他提供下載點的網站下載. 可是, 安裝時卻出現 "Windows Installer 封裝有問題..."
更慘的是, 連移除 iTunes 重新安裝也還是出現 "Windows Installer 封裝有問題..."
- Apr 06 Mon 2020 05:41
-
CSS: 如何使用 Flex 完成 table 效果

前言
一開始, 你或許會以為我瘋了: 沒事幹嘛硬要用 flex 來做原本 <table> 做的事. 但是如果你想要弄一個可以自動依畫面寬度 (或設備的寬度) 彈性調整的表格模組; 或者你也寫過微信小程序, 那你肯定就不會那麼說了. 以微信小程序來說: <table> <tr> <th> <td> ... 這些 HTML tag 在小程序中都無法正常展現在畫面上. 唯一可用的就只有一種 tag 叫做 <view>. 即使我們強制把這些 HTML tag 的 CSS 設成: