现阶段在前端应用机器学习，要针对合适的场景和需求，寻求特定化、轻量化的模型方案，最终往往有比较不错的效果。展望未来，随着硬件设备的迭代更新，用户群体会有越来越高的 NPU 和高性能 GPU 的设备占比，再加上 WebGPU、WebNN 这类加速 AI 推理计算的 API 和标准...

业务中有时候需要获取某个 zip 压缩包内的文件内容展示到前端，在 zip 包体积不是那么大的时候（几MB、十几MB甚至几十MB）并且不涉及压缩包解密的时候，可以考虑纯前端方案。

要写一个简单的音频或者视频播放器的进度条还是要考虑不少东西的，看看借助于 VueUse 来实现能有多省事～首先确定播放器进度条的功能有播放暂停按钮进度条可以跟随播放丝滑更新有当前播放时间和总时间可以根据播放更新当前时间可以点击进度条的某一处跳转到指定处进...

之前我写过一篇文章给我一个你不用tailwindcss的理由！，极力推荐使用 tailwindcss 来提升开发效率和体验，尤其是样式代码的体验会有质的提升。当然样式代码打包体积的减少也可以起到优化我们整体前端项目的作用。但是为什么有这篇文章了呢？因为托尼老师给了我不用 ...

打开微软应用商店搜索安装Windows Terminal和Prower Shell, 然后用管理员模式执行Set-ExecutionPolicy RemoteSigned -Scope CurrentUser：让操作系统可以执行powershell脚本。

建议看下这个 [链接]

欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可以看对应的视频版本。

本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐首先，我们来看这样一个例子，我们要实现这样一个单行...

我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。

Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。

the-last-naruto是一个基于[email protected]和Vite@3的一个项目模板(支持IE11浏览器)，灵感来源自antfu大佬的vitesse-lite。旨在给项目上还需要支持IE11浏览器的一些同学提供近似Vue3生态的开发体验。

今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张 PNG/SVG 图片：就这张图片而言...

移动端在原生和网页的混合开发模式下难免会有在网页上调用原生能力的业务场景，比如操作相册、本地文件，访问摄像头等。如果原生和前端同学互相不了解对方的提供的方法的执行机制，就很容易出现类似下面这些情况：

在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色

如果你听说过，请继续阅读并考虑使用tailwindcss，因为看完之后：开发上：可能为你甚至你们的前端团队节省很多写样式的时间，也能让你或者你们的项目开发体验有很大提升

MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架，并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系...

package.lock.json、yarn.lock、pnpm-lock.yaml文件的讲解及如何使用ni优雅的跨不同的包管理工具项目进行依赖包处理

现有的一个项目2年前创建的，随着时间流逝，代码量已经暴增到了将近上万个文件，但是工程化已经慢慢到了不可维护的状态，想给他来一次大换血，但是侵入式代码配置太多了……，最终以一种妥协的方式引入了TypeScript、组合式Api、vueuse，提升了项目的工程化规范程度，...

全称performant npm(高性能的npm)，见名知意，就是一个npm的替代品，至于为什么高性能，用什么样的方式解决了依赖包体积趋近于黑洞的问题，比这yarn有什么改进，已经有官网文档无数大佬的解读了，我就不再罗里吧嗦再说一遍了，总之就是又快又好有省空间又省时间又安...

在项目里有时候会碰到比如上传文件相关的，一般都是后端提供个接口，然后我们上传的时候后端再传到阿里OSS或者其他服务商的对象存储，然后把最终的url拿到存起来或者返回给前端，这种方式其实在上传图片的频率不高的业务场景中可能并无大碍，但是如果你的项目是相册...