严博艺

如果你在使用一个Canvas渲染引擎，那么你一定会使用图片作为画布上的元素，因为很多复杂的图形，是很难通过Graphics类来手动构建的，所以图片处理是一个Canvas渲染...

谷歌于2023年4月份在chrome113上发布了webGPU，它的前景是非常优秀的，甚至可以说是web端渲染的未来，很多基于webGL的引擎已经开始支持webGPU了，如...

webGL支持的最复杂的图形就是三角形了，对于任何我们想要绘制的图形，我们都需要将其转化成三角形(三角剖分)......本文的内容则是讲述如何将这些数据送入GPU，让GPU...

在2011年左右，webGL登陆了浏览器，在这之前，我们已经可以用canvas来构建高性能(相较于DOM)的web端应用了，虽然canvas相对于DOM比较底层一些，但是c...

假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断...

本文将会介绍Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上，如贝塞尔曲线、圆弧等......

canvas并不会主动维护一个层级关系，我们能做的事情，只有画圆、画矩形、画线等，至于像DOM那样，在一个节点上调用appendChild来给这个节点添加子节点这种事情，在...

在前端站点上下载文件，这是一个极其普遍的需求，很早前就已经有各种解决方法了，为什么还写这么老的文章，只是最近在带一个新人，他似乎很多都一知半解，也遇到了我们必经问题之“不能...

多进程的好处可以避免单个 page、单个插件 crash 影响整个浏览器，也充分利用多核优势，提高浏览器稳定性，速度，安全性。 进程策略：多个 tab 同域名下可能会合并到...

此系列文章作为笔记，用于记录分析 webpack 源码主流程的过程。 版本不同，源码略微有差异。 本项目 demo 开源在github，欢迎交流学习。 采用 vscode ...

个人近期面试情况 今年以来，面试的几个代表性的公司，包括腾讯、饿了么、宝宝树、旷世科技等等，基本都成了。 最终，饿了么刚给我确认了p7的职位。也算自己到了另一个奋斗的阶段了...

中无主而不止，外无正而不行。——庄子 现在前端开发基本上都会用到react、vue，用到了前端mvc、mvvm框架，基本上都会涉及到打包发布，打包常用的工具就是webpac...

用来可视化打包后的，各个文件大小，便于找到主要的优化项。 看上面的打包分析，首先优化antd的组件引入。 目前是全部引入的状态。 如果使用到antd-icon，整个icon...

今天的文章从输入 URL 开始，和大家聊聊这其中前端工程师**需要掌握的网络相关的内容**，希望大家能有所收获。...

屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽 。 contain 和 cover 还需要 ...

Java 篇中老荀说到当今互联网份额最大的编程语言是 Java，作为后辈我对此话是没有异议的。但，要说到国内互联网最火、最热闹的编程语言是什么？应该没人对 JavaScri...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

一次在安装项目依赖的时候，终端报了下面这个错，导致依赖安装失败。 通过报错信息可以看出是 @sentry/cli 这个包的原因，因为项目中并没有直接依赖这个包，为了排除包之...