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