斯杜莫泽

border-image 通过指定一张图片来取替 border-style 定义的样式，但 border-image 生效的前提是： border-style 和 bord...

在日常开发中，我们经常会遇到需要修改同事代码的情况。有时可能会花费很长时间却只改动了几行代码，而且改完后还可能引发新的bug。我们聊聊导致代码难以维护的常见原因，以及相应的...

背景 有一句是这么说的，“当你手里有一把锤子，眼中满世界都是钉子” 。笔者继上一篇 开发自己的第一个npm包 开发了一个列表项固定高度的虚拟列表组件之后，开发组件上瘾了。 ...

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，...

这篇文章来看看如何使用Three.js在网页上实现一个逼真的 3D 地球，从场景的搭建到地球模型的创建，再到自转动画和鼠标交互的实现，每一步都为最终的效果打下了坚实的基础。...

Performance是Chrome浏览器自带的性能监测工具。根据我的使用，简单理解就是我们可以通过它录制一段时间的浏览器活动，通过活动的数据去分析页面是否存在提升的空间。...

抽象语法树是js代码另一种结构映射，可以将js拆解成AST，也可以把AST转成源代码。这中间的过程就是我们的用武之地。 利用 抽象语法树(AST) 可以对你的源代码进行修改...

在之前的学习之中。我多次碰到过 AST，与它擦肩而过。例如：webpack、Taro、前端的逆向调试（碰上变态的混淆）、以及一些自己开发的“玩具”。但每次都是前面学完很久不...

在使用 tsc 编译我的代码时，对我目前来说，有三个基本的坑，下面我会对它们进行简单的阐述，在此之前看下即将被编译的目录结构。 解决问题的办法就是使用 copyfiles ...

在外漂泊多年，终是打算回老家找个工作安定下来，最近在各种做面试准备，顺便整理一波分享分享，希望能对大家有所帮助。今天要聊的主题是 **首屏性能优化**。...

说真的，做了5年前端我也换过几家公司 我发现我的前端同事都不会debug，都是用的console.log，那我也不学 反正console也能勉强用 反正前端大多时候也不怎么...

前提 在日常使用vue2开发的过程中，我们大多是使用文档推崇的模版语法的方式进行界面HTML结构的编写 但其实在vue文档中还介绍了另外一个编写HTML的方式：render...

通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。...

Web Workers允许我们将一部分JS运行在后台线程，从而不会阻塞主线程的UI渲染和用户交互。本文将深入探讨如何在前端开发中充分利用Web Workers，优化性能并提...