Yichung

@pSnFKx_GTlmTWXn4A8lpKw

Joined on May 6, 2018

  • Git 是我們重要的版本紀錄工具,讓我們可以快速的在各個版本間切換,讓我們的工作目錄跟某個時刻的工作目錄一摸一樣。Git還有branch的概念把上下相關的版本連結在一起,方便我們做版本控制。 當我們使用 git 時,git object 會在背後運作,我們的 git object 存在 .git/objects 資料夾中,我們平常的commit、branch就放在這個地方。git object 紀錄著專案歷史中的每個commit,幫助git將我們的工作目錄變成過去的樣子。 雖然我們常常用 git,但我們鮮少知道在背後的 git object 到底長怎樣,也鮮少去徹底理解branch到底怎麼運作的。這篇文章描述了在git背後紀錄著各個commit的object,以及git如何實現branch的概念幫助我們管理版本。 Commits are snapshots, not diff 平常我們在 commit 時,會看到 git 顯示有多少 insertion 多少deletions,有可能會因此以為git 的版本是這些差異累積起來的,但實際上git在背後是存了一個個 snapshot,每一個版本的目錄跟檔案都被git完整的存了下來。 Git 做的事情就是將檔案系統按照時間做 snapshots。
     Like  Bookmark
  • 自從 webpack 越來越發達後,前端開發再也不是直接寫腳本給瀏覽器執行了。不管是寫什麼,總會有個工具把原始碼打包成瀏覽器看的 code。開發時也會開著 dev-server,配合 hot-reload module 的即時更新剛寫的程式碼。 前端框架三本柱 VAR 也發展出各自的打包工具,Vue 有 vue-cli,React 有 create-react-app(CRA) 配合 Craco 延伸設定。 2020年 vue社群推出來全新的打包工具,Vite。隔壁朋朋的新工具會帶給 React 開發者什麼新的優勢嗎? Vite 就是快 Vite 是法文的「快」,念法「veet」,與原本的打包工具相比,速度快了 10-20倍。Vite 的 dev server 藉著 ES module 提供了非常快速順暢的開發體驗。 與 CRA 比較 我們直接來比較 CRA 以及 Vite 準備好 dev server 的時間。
     Like 5 Bookmark
  • 前端框架、資料綁定 安裝 vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli 創建專案 vue create todo-list
     Like  Bookmark
  • HTML+CSS+Javascript HTML: 骨架 CSS: 皮膚 JavaScript: 肌肉 HTML HyperText Markup Language <tagname attribute>Content</tagname>
     Like  Bookmark
  • # Selu 理論與應用 ###### tags: `Deep Learning` 在這裡我並不是要說明 Selu 是怎麼生出來(畢竟大神也是花了[百頁的論文](https://arxiv.org/abs/1706.02515)才把它生出來的)。這篇只是[李弘毅教授教學](https://www.youtube.com/watch?v=1WPjVpwJ88I)的筆記,簡單介紹 Selu,Selu 的假設,怎麼用Selu才對。 ## 什麼是 Selu 從relu開始,激活函式不斷突破,依序發展為: leaky relu -> elu -> selu。 Selu 的數學式與圖形如下: :::info $a=\begin{equation} \left\{ \begin{array}{**lr**} \lambda z &, z \geq 0 \\ \lambda \alpha (e^z-1) &, z<0 \end{array} \right. \\ \end{equation}$ $\begin{align*} 其中 ,\ & \alpha =
     Like  Bookmark
  • Preprocessor ==== ###### tags: `summertrain` 更快速的開發 & 更清晰的架構 --- html與css共同的問題: 語法囉嗦,需要程式的概念引入 ---- 定義一種新的語言,再把他轉成html/css/js --- ## HTML preprocessor Pug, Slim, Haml ---- ### 更簡潔的語法 ```pug= a(href='google.com') Google ``` ```htmlmixed= <a href="google.com">Google</a> ``` ---- ### 更強大的功能-Code ```pug= - var authenticated = true body(class=authenticated ? 'authed' : 'anon') ``` ---- ### 更強大的功能-Mixin ```pug= mixin pet(name) li.pet= name ul +pet('cat') // li.pet cat +pet('dog') //
     Like  Bookmark