原创 基於 SSR 的預渲染首屏直出方案
基於 SSR 的預渲染首屏直出方案 Create React Doc 是一個使用 React 的 markdown 文檔站點生成工具。此前在 Create React Doc 中引入了預渲染技術來預先生成對應路由的靜態頁面，以使基於其搭建的
2022-01-24 14:32:48
3
原创 基於樹莓派部署 code-server
原文鏈接 code-server 是 vscode 的服務端程序，通過部署 code-server 在服務器，可以實現 web 端訪問 vscode。進而可以達到以下能力: 支持跨設備(Mac/iPad/iPhone 等等)編程，同
2021-12-09 13:22:13
原创 TypeScript 條件類型精讀與實踐
在大多數程序中，我們必須根據輸入做出決策。TypeScript 也不例外，使用條件類型可以描述輸入類型與輸出類型之間的關係。 本文同步首發在個人博客中，歡迎訂閱、交流。 用於條件判斷時的 extends 當 extends 用於表示條件
2021-10-04 13:21:56
原创 SEO 在 SPA 站點中的實踐
背景 觀察基於 create-react-doc 搭建的文檔站點, 發現網頁代碼光禿禿的一片(見下圖)。這顯然是單頁應用 (SPA) 站點的通病 —— 不利於文檔被搜索引擎搜索 (SEO)。 難道 SPA 站點就無法進行 SEO 了麼,
2021-03-25 23:31:02
5
原创 crd-leetcode-cl: 將 LeetCode 中 AC 的題目轉化爲 MarkDown 表格
背景: 寫博客的時候每當新增 LeetCode 題解時都需要在 LeetCode/README 手動更新表格, 非常費勁。因此構思了 crd-leetcode-cli 插件實現自動化同步更新 leetcode ac 題解爲 markdown
2020-10-01 13:35:26
1
原创 分享一款將 LeetCode 中 AC 的題目轉化爲 MarkDown 表格的插件
背景: 寫博客的時候每當新增 LeetCode 題解時都需要在 LeetCode/README 手動更新表格, 非常費勁。因此構思了 crd-leetcode-cli 插件實現自動化同步更新 leetcode ac 題解爲 markdown
2020-09-30 17:39:19
2
原创 基於 React 開發了一個 Markdown 文檔站點生成工具
Create React Doc 是一個使用 React 的 markdown 文檔站點生成工具。就像 create-react-app 一樣，開發者可以使用 Create React Doc 來開發、部署 markdown 站點或者博客而
2020-07-07 13:21:04
原创 The Annual Summary Of 2019
Time is flying, it arrives at the end of year again. This is my first year working in PinDuoDuo inc and it seems I arriv
2020-02-20 14:41:38
原创 INHERITED AND NON-INHERITED IN CSS
When I look up css properties in MDN's specifications section, there are some properties in it and it seems unfamiliar t
2019-12-30 13:55:19
原创 組件設計 —— 重新認識受控與非受控組件
重新定義受控與非受控組件的邊界 React 官網中對非受控組件與受控組件作了如圖中下劃線的邊界定義。一經推敲, 該定義是缺乏了些完整性和嚴謹性的, 比如針對非表單組件(彈框、輪播圖)如何劃分受控與非受控的邊界? 又比如非受控組件是否真
2019-11-25 13:52:41
原创 React 現代化測試
測試的動機 測試用例的書寫是一個風險驅動的行爲, 每當收到 Bug 報告時, 先寫一個單元測試來暴露這個 Bug, 在日後的代碼提交中, 若該測試用例是通過的, 開發者就能更爲自信地確保程序不會再次出現此 bug。 測試的動機是有效地提高
2019-08-25 09:45:01
3
原创 React Hooks 深入系列 —— 設計模式
本文是 React Hooks 深入系列的後續。此篇詳細介紹了 Hooks 相對 class 的優勢所在, 並介紹了相關 api 的設計思想, 同時對 Hooks 如何對齊 class 的生命週期鉤子作了闡述。 <!--more--> R
2019-08-01 05:15:03
原创 2018 年度總結 —— 緣見
度過在點我達兩年歡快的時光，開啓在拼多多的新的旅程。 life 2 月: 在老家的方巖山上跨了年； 3 月: 和 w 做了過山車； 4 月：面基了 小小倩; 參加了杭州的草莓音樂節； 5 月：參加了掘金在杭的線下交流會, 初識染陌
2019-05-26 17:50:17
原创 如何使頁面交互更流暢
流暢性 本篇是基於 FDCon2019 上《讓你的網頁更絲滑by劉博文》的覆盤文。該課題也是博主感興趣的領域, 後續會結合 React 的 Schedule 與該文進行進一步整合, 個人博客 被動交互: animation 主動交互: 鼠
2019-05-26 02:35:06
2
原创 React Hooks 深入系列
本文基於近段時間對 hooks 碎片化的理解作一次簡單梳理, 個人博客。同時歡迎關注基於 hooks 構建的 UI 組件庫 —— snake-design。 在 class 已經融入 React 生態的節點下, React 推出的 Hoo
2019-05-12 13:45:07
1