依韵宵音

📍前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。...

在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能...

飞书、谷歌、石墨、腾讯表格都是使用 canvas 来实现的，表格中的富文本也都是使用 canvas 来渲染的，这篇文章将讲解如何使用 canvas 来渲染富文本。...

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性...

腾讯文档智能表格的界面是用 Canvas 进行绘制的，进行了 Canvas 分层，今天来介绍一下 Feature 层的设计。...

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等...

任何新技术、新产品都是有一定适用场景的，它可能在当下很流行，但它不一定在任何时候都是最优解。在被微前端坑了几次之后，回过头发现，iframe真香！...

本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。...

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样： 当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

自2019年末新冠疫情爆发以来，近三年的就业形势一直不太乐观，大厂裁员的消息接踵而至。身边的朋友都在感慨：现阶段能保住工作就不错了，新工作就算了。 但，就是在这样严峻的大环...

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。...

作者在升级了webpack5以后，整体的开发体验都有了质的提升，本文主要归纳总结了创作者中心升级webpack5的流程以及分享过程中踩过的一些坑，供大家参考...

在 CSS 中，渐变（Gradient）可谓是最为强大的一个属性之一。 但是，经常有同学在使用渐变的过程中会遇到渐变图形产生的锯齿问题。 何为渐变锯齿？ 那么，什么是渐变图...

当我们开发一个canvas应用的时候，出于效率的考量，免不了要选择一个渲染引擎（比如PixiJS)或者更强大一点的游戏引擎（比如Cocos Creator、Layabox)...

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kyl...

在 canvas 中进行排版布局的一些实践，在 web 以及各类小程序（如微信小程序）上该方案均适用。...