transform vs position:瀏覽器渲染的簡單介紹
有天睡覺前突然想到(就是這麼突然),用 transform 跟 left, top 都可以改變元素位置的話,那是差在哪🧐?就查了一下,原來跟瀏覽器的渲染有關係啊。
有天睡覺前突然想到(就是這麼突然),用 transform 跟 left, top 都可以改變元素位置的話,那是差在哪🧐?就查了一下,原來跟瀏覽器的渲染有關係啊。
扇出的定義是一個函式的內部流數目加上該函式更動到的全域資料數目
以下狀況都可以被算作是函式A的內部流:
雖然完全精確測量程式複雜度的方法是不存在的,但有幾個重要的指標能夠測量出部分的程式複雜度:
⋯⋯等等可以測量出部分的程式複雜度。使用這些項目去檢視自己的程式碼,是建立可測試的程式的良好開始。
開發的時候常常遇到需要固定區塊比例的情境,而且通常長寬都不是絕對的數值。之前都是利用 padding
的特性去做等比例區塊。但現在有了更方便的 aspect-ratio
,加上 vw
/vh
,整理了 3 個可以使用的方法:
有一次聽到「先寫測試再寫程式」覺得太酷了8~就很想成為很會寫測試的人(也就會順便變成很會寫程式!?)。前陣子買了這本書,看了一半覺得有點難XD
所以回頭再讀一次、寫下筆記,更確定自己有讀進去🐣
(前言跟第一章完全沒有程式的部分,讚!)
Recoil 是 Facebook 在2020推出的狀態管理 Library,還在實驗階段(不推薦用在大型專案)。雖然不像 redux 有各種神奇的用法,但比起來少了很多固定的語法要寫,使用起來很簡單!
一圖以蔽之的概念圖:
寫了一陣子的 styled-components,最近才知道原來styled.tag
後面的``,就是 ES6 常常在寫的那個(打爆自己的笨頭),它的名字是 backtick。除此之外還發現了神奇的用法,研究了一下覺得很有趣,尤其這篇文章寫得很詳細(官方推薦)!以下是看完之後做的紀錄,如果習慣看英文的話很推薦看看原文~
先從最簡單的開始8!
前陣子遇到客戶反應 Facebook、Google 第三方登入 API 在
無法使用的問題,花了一段時間糾結跟解決QQ。意外學了很多以前不知道的東西,記錄一下!