摘要: 在上一篇中,我们一起分析了 VS Code 整体的代码架构,了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web,后端是本地还是云端,其调用方式并无不同。 这样的架构下,前后端的通信方式是如何实现的呢?本篇我们将一起来探究 VS Code For We 阅读全文
posted @ 2022-10-20 11:32 温瞳 阅读(769) 评论(0) 推荐(2) 编辑
摘要: 我们知道,用户体验是 Web 产品最为重要的部分。尽可能减少首屏加载时间,更为流畅地展示用户所需求的内容,会是用户是否留存的关键因素。 而随着现代 Web 业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。 为此,前 阅读全文
posted @ 2022-10-18 11:19 温瞳 阅读(1098) 评论(0) 推荐(2) 编辑
摘要: 下一代 IDE 的形态究竟是什么呢?VS Code For Web 试图回答这个问题。 背景 众所周知,VS Code 是当前工业界最优秀的代码编辑器之一。它由《设计模式》的作者 Erich Gamma 领导开发,因此,它的设计架构在很多地方十分精妙,近些年已经成为了各家竞相模仿学习的对象。 尽管 阅读全文
posted @ 2022-10-17 14:10 温瞳 阅读(1118) 评论(0) 推荐(5) 编辑
摘要: 这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务,为了方便各品类接入的生成与部署,也顺应上云的趋势,考虑使用 Docker 的方式来固定服务内容,统一进行制品版本的管理。本篇文章就将我在服务 Docker 化的过程中积累起来的优化经验分享出来,供大家参考。 以一个例子开头,大部分刚接触 D 阅读全文
posted @ 2022-10-14 11:24 温瞳 阅读(1428) 评论(0) 推荐(3) 编辑
摘要: :::tip 最近在着手腾讯文档的输入体验优化,在其中有一个不起眼的小需求引起了我的注意,并顺便研究了一些事件监听机制相结合的特点,特此记录一下填坑过程。 ::: 模拟光标跟随 大部分的主流输入法都有这样一个特性,在输入中文时,可以通过左右方向键控制光标,移动至输入区中任意两个字符之间的位置,用户接 阅读全文
posted @ 2022-10-13 16:57 温瞳 阅读(620) 评论(0) 推荐(2) 编辑
摘要: 什么是 React 高阶组件 React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件,并返回处理完成后的 React 组件。React 高阶组件在 React 生态中使用的非常频繁,比如react-router 中的 withRouter 以及 react-redux 中 conn 阅读全文
posted @ 2020-07-03 23:53 温瞳 阅读(1617) 评论(0) 推荐(1) 编辑