没啥好名字

前言 最近团队落地实践了前端单元测试和 E2E (端到端) 测试方案，在此之前我基本没有在实际项目里用过自动化测试方案，总觉得这类方案耗时太大，没什么收益，但自从写自动化测...

作为前端，我们经常有听到 TDD、写单测等等，那么跟UI强关联的组件的测试应该怎么做？ 本文使用 Cypress 框架，通过一个组件示例进行实践，尝试把 TDD 在前端落地...

webpack webpack 中是使用 require.context() 来查找文件内容的 它允许您传入要搜索的目录、搜索子目录的标志以及匹配文件的正则表达式 应用场景...

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有...

UI（User Interface），即用户界面，是软件和用户之间进行交互和信息交换的媒介，实现信息的内部形式与人类可接受形式间的转换。UI开发一般需要经过UI设计、UI实...

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里...

从搭建Monorepo环境再到组件开发,最后打包发布到npm,一步一步带领你打造出一个属于自己的UI组件库...

本文主要是对vue3组合式api和常用的全局属性和方法的总结和一些自己的思考，对新增的响应式api做了比较通俗的解释，同时针对复用性和生命周期及其他内容点对比vue2.x从...

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验...

ESLint是一个十分优秀的JavaScript代码检查工具，我们可以用ESLint来检查TypeScript和JavaScript代码。这篇文章我将一步一步展示如何在项目...

尤大的 Vue3.0 已经发布有一阵子了，已经很成熟了。 而且 Element Plus + Vite 也出了一段时间了，是时候该上手体验分享一波了。 主要是要熟练一下 V...

`console.log` 对一个前端人，那是在熟悉不过了。我们最经常使用它在控制台输出信息然后进行代码调试，你肯定会发现输出的信息的颜色永远是黑色。本文教你如何用 con...

任何程序都需要记录业务日志，因此各种语言都有对应的日志库，例如 Java 中的 Log2j，在 Node.js 中也有很多选择，例如 winston、log4js、buny...

🌏 概论 传统的前端部署往往都要经历：本地代码更新 => 本地打包项目 => 清空服务器相应目录 => 上传项目包至相应目录几个阶段，这些都是机械重复的步骤。对于这一过程...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第13天，点击查看活动详情。 在项目开发的过程中，为了保证代码质量，我们会使用诸多代码质量检测工具，这些工...

需求：点击导出按钮，发送POST请求，下载Excel文件首先，需要跟后端确认接口的ResponseHeader设置了设置完毕后，前端调用接口，把axios的response...

经常发现一些站点通过按钮下载文档浏览器静默（不刷新）地就下载了，而且还可以看到下载的状态等。 日常开发里的逻辑是后端返回文件流并带好header，前端直接通过a标签访问这个...

还不了解axios的同学可以前往这里，axios的使用说明下面看一下下载文件流注意事项：示例：工程化下对axios的配置如下requestDownload.js这种设置存在...

构造Blob对象下载文件流实例用slice(star,end)对Blod对象进行切分Blob属性(只读)参考资料：JavaScript中Blob对象...