zhaokang555

腾讯云

开发者社区

文档建议反馈控制台

首页TVP

LV0

发表了文章 2023-10-232023-10-23 19:14:17

你也许不再需要使用 CSS Media Queries（媒体查询）了

最近，CSS 引入了一项新功能：Container Queries (https://developer.mozilla.org/zh-CN/docs/Web/...

zhaokang555 2023-10-232023-10-23 19:14:19

css、class、container、media、布局

发表了文章 2023-10-172023-10-17 10:06:03

为什么 CSS flex 布局中没有 `justify-items` 和 `justify-self`?

为什么在 CSS flex 布局中存在 align-items 和 align-self，却没有 justify-items 和 justify-self 呢？...

zhaokang555 2023-10-172023-10-17 10:06:08

css、flex、self、布局、语法

发表了文章 2023-10-172023-10-17 10:05:49

如何编写难以维护的 React 代码？耦合通用组件与业务逻辑

在众多项目中，React代码的维护经常变得棘手。其中一个常见问题是：将业务逻辑直接嵌入通用组件中，导致通用组件与业务逻辑紧密耦合，使其失去“通用性”。这种做法使...

zhaokang555 2023-10-172023-10-17 10:05:53

react、function、title、系统、重构

发表了文章 2023-10-172023-10-17 10:05:39

5 分钟理解 Next.js Static Export

Static Export 是一种 Web 开发模式，它允许我们在构建网站时将页面提前生成为静态 HTML 文件，而不是在每次请求时动态生成。这意味着页面内容在...

zhaokang555 2023-10-172023-10-17 10:05:42

网站、export、next、static、性能

发表了文章 2023-10-172023-10-17 10:05:31

使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频（未完待续）

最近项目上有个需求，需要实现：录音、回放录音、实现音频可视化效果、上传wav格式的录音等功能。于是乎，我就顺便调研了下如何在浏览器中处理音频，发现 HTML5 ...

zhaokang555 2023-10-172023-10-17 10:05:35

api、audio、web、浏览器、音频

发表了文章 2023-10-172023-10-17 10:05:20

如何编写难以维护的React代码？耦合组件

在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是：子组件直接操作父组件方法，从而导致父子组件深度耦合。这样的实现让子组件过于依赖父...

zhaokang555 2023-10-172023-10-17 10:05:24

react、开发、事件、通信、优化

发表了文章 2023-10-172023-10-17 10:05:10

如何编写难以维护的React代码？——滥用useEffect

在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子：

zhaokang555 2023-10-172023-10-17 10:05:13

react、filter、list、数组、优化

发表了文章 2023-10-172023-10-17 10:04:50

从零开始，开发一个 Web Office 套件（16）：拖动控制点，调整编辑器大小

原因分析：这是因为编辑器平移或调整大小后，editor.blankSpace没有及时更新。

zhaokang555 2023-10-172023-10-17 10:04:53

office、web、编辑器、富文本编辑器、开发

发表了文章 2023-10-172023-10-17 10:04:40

从零开始，开发一个 Web Office 套件（15）：拖动边框，平移编辑器

Bug表现：如下图，我加了一些辅助线。当我的鼠标从两个边框重叠处开始拖动，且我拖动了一定距离（记为n），但是编辑器却移动了2n的距离。

zhaokang555 2023-10-172023-10-17 10:04:42

office、web、编辑器、开发、事件

发表了文章 2023-10-172023-10-17 10:04:30

从零开始，开发一个 Web Office 套件（14）：复制、粘贴、剪切、全选

在Mac上，当用户按下command键时，KeyboardEvent.metaKey为true；在Windows上，当用户按下ctrl键时，KeyboardEv...

zhaokang555 2023-10-172023-10-17 10:04:36

office、web、富文本编辑器、开发、算法

发表了文章 2023-10-172023-10-17 10:04:21

从零开始，开发一个 Web Office 套件（13）：删除、替换已选中文字

zhaokang555 2023-10-172023-10-17 10:04:24

office、web、富文本编辑器、开发、算法

发表了文章 2023-10-172023-10-17 10:04:12

从零开始，开发一个 Web Office 套件（12）：删除文字 & 回车换行

zhaokang555 2023-10-172023-10-17 10:04:13

office、web、开发、事件、算法

发表了文章 2023-10-172023-10-17 10:03:52

从零开始，开发一个 Web Office 套件（11）：支持中文输入法（or 其它使用输入法的语言）

输入中文（或者其它需要输入法的语言），跟输入英文的不同之处在于：我们通过键盘输入的文字，并不是直接显示在input框里。而是要通过输入法进行映射、选择，再填入i...

zhaokang555 2023-10-172023-10-17 10:03:53

office、web、富文本编辑器、开发、事件

发表了文章 2023-10-172023-10-17 10:03:40

从零开始，开发一个 Web Office 套件（10）：捕获键盘事件，输入文字

为了实现键盘输入，我们需要在container div元素（canvas父元素）中插入一个input（或者textarea）元素，作为代理，来捕获键盘相关事件。

zhaokang555 2023-10-172023-10-17 10:03:42

存储、office、web、开发、事件

发表了文章 2023-10-172023-10-17 10:03:20

从零开始，开发一个 Web Office 套件（9）：拖动鼠标选中文字 Edge Case

上一节我们初步完成了拖动选中文字的feature，不过还遗留了一些 edge case。这篇文章我们来处理它们。

zhaokang555 2023-10-172023-10-17 10:03:25

case、edge、office、web、开发

发表了文章 2023-10-172023-10-17 10:03:10

从零开始，开发一个 Web Office 套件（8）：状态管理 & 拖动鼠标选中文字

之前，我们的一些全局状态是以class static field的方式存在的。这样做刚开始可能不会出现问题，但是到后面会出问题：

zhaokang555 2023-10-172023-10-17 10:03:14

office、web、博客、管理、开发

发表了文章 2023-10-172023-10-17 10:03:01

从零开始，开发一个 Web Office 套件（7）：新的问题—— Click 事件的 z-index

为了实现这个feature，我们就要监听编辑器空白处的click事件。与此同时，我们会遇到和hover事件相同的问题: 我们需要找到最上层的元素（Char or...

zhaokang555 2023-10-172023-10-17 10:03:02

click、office、web、开发、事件

发表了文章 2023-10-172023-10-17 10:02:51

从零开始，开发一个 Web Office 套件（6）：光标 & Click 事件

然后，在CanvasTextEditor中添加函数createBlinkingCursor，暂时将光标绘制在最后一个字符后面。

zhaokang555 2023-10-172023-10-17 10:02:52

click、office、web、开发、事件

发表了文章 2023-10-172023-10-17 10:02:37

从零开始，开发一个 Web Office 套件（5）：Mouse hover over text

如上图，CanvasTextEditorChar的包围盒是由：left, boundingBoxTop, width, height定义的。另外，其top仅指的...

zhaokang555 2023-10-172023-10-17 10:02:39

hover、office、text、web、开发

发表了文章 2023-10-172023-10-17 10:02:26

从零开始，开发一个 Web Office 套件（4）：新的问题—— z-index

《从零开始, 开发一个 Web Office 套件》系列博客目录这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Offi...

zhaokang555 2023-10-172023-10-17 10:02:27

office、web、博客、函数、开发

12 3 4 5 下一页

个人简介

暂未填写公司和职称
暂未填写个人简介
暂未填写技能专长
暂未填写学校和专业
暂未填写个人网址
暂未填写所在城市
加入社区时间：2023-10-16

个人成就

获得 266 次赞同
文章被阅读 17.5K 次

关注了：1关注者：12