最近收到了一些來自社區(qū)的反饋，希望我能夠對 VSCode Server 的的設計思路以及內(nèi)部實現(xiàn)進行一些解析。因此，本篇文章將會對 VSCode Server 的原理、架構、...
發(fā)簡信
IP屬地：貴州
-
VSCode For Web 深入淺出 -- VS Code Server 設計
-
一文講透 React Diff 算法核心
前言 一直以來我對八股文一直是深惡痛絕的，總覺得這種東西如空中樓閣，對實際解決工程問題沒有任何幫助。并且很多人只從網(wǎng)上搜索面試題答案死記硬背，反而可能由于該題目版本老舊而自己...
-
在 VSCode 中實現(xiàn) Jupyter Debug Adapter
說起 VSCode 中廣受好評的功能，必須算上其優(yōu)秀的調(diào)試（debug）功能，它擁有豐富的功能和直觀的用戶界面。 更為難得的是，VSCode 為這套調(diào)試架構實現(xiàn)的插件化機制，...
-
使用依賴注入框架管理多實例服務（以 InversifyJS 為例）
在大型項目的管理中，控制反轉的思想是非常重要的。它可以幫助我們解耦代碼，提高代碼的可維護性。同時避免了不必要的重復實例化，降低內(nèi)存泄漏的可能性。 而在 JS/TS 技術棧中，...
-
使用依賴注入框架管理多實例服務（以 InversifyJS 為例）
在大型項目的管理中，控制反轉的思想是非常重要的。它可以幫助我們解耦代碼，提高代碼的可維護性。同時避免了不必要的重復實例化，降低內(nèi)存泄漏的可能性。 而在 JS/TS 技術棧中，...
-
VSCode For Web 深入淺出 -- 插件加載機制
最近我在瀏覽 VSCode for web 的 repo，在最近更新的一些 commit 中發(fā)現(xiàn)了一個新的 VSCode 插件特性支持，名為 webOpener，它的作用是什...
-
VS Code For Web 深入淺出 -- 進程間通信篇
在上一篇中，我們一起分析了 VS Code 整體的代碼架構，了解了 VS Code 是由前后端分離的方式開發(fā)的。且無論前端是基于 electron 還是 web，后端是本地還...
-
前端首屏渲染時間的極致優(yōu)化我們知道，用戶體驗是 Web 產(chǎn)品最為重要的部分。盡可能減少首屏加載時間，更為流暢地展示用戶所需求的內(nèi)容，會是用戶是否留存的關鍵因素。 而隨著現(xiàn)代 Web 業(yè)務可供用戶的交互...
-
VS Code For Web 深入淺出 -- 導讀篇
下一代 IDE 的形態(tài)究竟是什么呢？VS Code For Web 試圖回答這個問題。 背景 眾所周知，VS Code 是當前工業(yè)界最優(yōu)秀的代碼編輯器之一。它由《設計模式》的...
-
NodeJS 服務 Docker 鏡像極致優(yōu)化指北
這段時間在開發(fā)一個騰訊文檔全品類通用的 HTML 動態(tài)服務，為了方便各品類接入的生成與部署，也順應上云的趨勢，考慮使用 Docker 的方式來固定服務內(nèi)容，統(tǒng)一進行制品版本的...
-
優(yōu)雅地管理與同步個人工作環(huán)境——dotfiles manager
:::tip實現(xiàn)一個完美個性化標準的目標是：一個統(tǒng)一管理及備份所有應用配置方式。而本篇文章帶來的，就是為了滿足這個目標而誕生的最佳解決方案 Dotfiles manager。...
-
中文輸入法中光標跟隨能力觸發(fā)的瀏覽器事件探究
:::tip最近在著手騰訊文檔的輸入體驗優(yōu)化，在其中有一個不起眼的小需求引起了我的注意，并順便研究了一些事件監(jiān)聽機制相結合的特點，特此記錄一下填坑過程。::: 模擬光標跟隨 ...
-
有向無環(huán)圖的模型設計與應用從 TodoList 說起 對于我們程序開發(fā)者來說，想要學習一個框架，從開發(fā)一個 TodoList 項目做起，這就像學習語言先學會寫 Hello world 一樣基礎。但其實...
-
實現(xiàn)一個版本自動控制的 IndexedDB
隨著現(xiàn)代大型項目復雜度的提升，渲染一個 WEB 頁面需要的數(shù)據(jù)越來越多，在多次打開并渲染的過程中，有許多數(shù)據(jù)都是重復并且不常更新的，因此這部分的數(shù)據(jù)需要通過瀏覽器緩存來緩解網(wǎng)...
-
利用 React 高階組件實現(xiàn)一個面包屑導航
什么是 React 高階組件 React 高階組件就是以高階函數(shù)的方式包裹需要修飾的 React 組件，并返回處理完成后的 React 組件。React 高階組件在 Reac...
-
HTTPS 是如何保證安全的？
每當我們討論到信息安全的時候，我們最長接觸到的信息加密傳輸?shù)姆绞侥^于 HTTPS 了，當我們?yōu)g覽器地址欄閃現(xiàn)出綠色時，就代表著這個網(wǎng)站支持 HTTPS 的加密信息傳輸方式，...
-
多種方式實現(xiàn)web瀑布流布局據(jù)說是蘑菇街的web端面試題:"用至少兩種方式實現(xiàn)瀑布流布局?"其實百度一查有很多種方式.我整理三種:CSS,JS,jQuery,望溫故而知新.不一定是最好的,但是注釋很詳細...