發表文章

[製作一些東西] - 前言

圖片
雖然已經開始一陣子了... 總之這個系列就是因為想要有一些東西可以展示就做了,要是有什麼覺得想讓我做做看的也可以留言或發github issue,主要都是1~2天可以完成的就是了。 <-這個系列的repo

如何解決 UnicodeDecodeError: 'utf-8' codec can't decode byte [python][pip]

在中文的windows中用pip安裝模組時有時候會遇到問題 UnicodeDecodeError: 'utf-8' codec can't decode byte *** in position ***: invalid start byte 依照網路上大家提供的的方法,只要在之前在console中輸入 chcp 65001 轉換到utf-8的字碼頁就可以解決,可是我雖然有時會成功,但有時卻怎麼試都沒有辦法。經過幾次後發現到,只要是在python的虛擬環境中這個方法就會失效。 不過到是有一個簡單的方法可以解決,只要先離開虛擬環境,安裝(不會出問題),在進入環境中安裝第二次就可以了。 似乎是因為pip會使用全域環境安裝過的當快取,不會真的執行第二次完整的安裝,所以就不會出問題了😶。

[製作一些東西] - ooxx

圖片
點圖片就能玩~ 從小遊戲開始吧~這次要做的是 ooxx ( 維基百科 )

[製作一些東西] - 8-puzzle

圖片
點擊圖片就可以玩喔~(目前只能用鍵盤) 又到了[製作一些東西]的時間了~這次製作的是 8-puzzle ( 維基百科 )

用 css 製作九宮格 - css grid layout

圖片
在寫 ooxx 的時候,最重要的(?)第一步當然就是要有背景 就是長這樣 看起來很像<table>,雖然也真的可以使用 <table> 來排,不過其實有很多麻煩的地方,而且不太推薦。 所以就來介紹這次的主角 ~ css grid layout ~

es6 解構賦值的陷阱 es6 destructuring

最近發現了一個 es6 的小小危險 先來看一下這個小程式 看起來很正常對不對~ 但是如果你直接執行的話... 就會得到 ❌Uncaught ReferenceError: x is not defined 為什麼呢?其實是因為瀏覽器把它解釋成 現在一看就知道了~完全就不對嘛 解決的方法也很簡單,只要加上分號就行了 最近由於寫太多python,開始喜歡上不寫分號了,不過竟然含有這種陷阱😱

如何為背景圖片增加透明度 [css]

圖片
在寫 ooxx  時面臨了一個問題:我想要讓獲勝的格子產生變透明的動畫(雖然這篇不會講到動畫)