UU

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。...

笔者开源的前端进阶之道已有三年之久，至今也有 17k star，承蒙各位读者垂爱。在当下部分内容已经略微过时，因此决定提笔翻新内容。 翻新后的内容会全部集合在「干爆前端」中...

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又...

大家好，我是 Steven。 本来想只用 HTML 和 CSS 去制作，但最后都要运用到 JavaScript，那我们立即开始吧。 打开 CodePen 编辑器，首先建立 ...

大家好呀，我是wangly19。一名专注于Vue的前端萌新。 国庆后如约和大家见面了。经历了金九银十和十一长假后的我也要开始努力写文章了，这次主要是分享下我是如何快速横切到...

首先来看一下,防抖(debounce)和节流(throttle)的概念. 概念: 事件停止触发指定时间后再执行函数,如果在这时间又被触发,则不触发重新计时. 举例: 开始拖...

今天给大家带来的是 在 GitHub 上如何精准搜索的神仙技巧。 以下为【前端GitHub】的第 4 期内容。 相信一般人搜索项目时，都是直接搜索技术栈相关的项目。 高级一...

Jest内置有代码覆盖率报告功能,可以在整个项目范围里收集代码覆盖率信息,包括未经受测试的文件. vue 官方推荐的单元测试框架,对vue框架友好,并且vue脚手架可选自定...

之前，我有提到过，当然大家肯定也都知道，Vue3.0不在有webpack.config.js的配置；但是不可避免,在项目开发中我们肯定会存在一些特殊的需求需要调整webpa...

1. gitlab项目创建 2. gitlab与Jenkins自动构建 3. 自动构建验证...

jest -Jest 是 Facebook 开发的一款 JavaScript 测试框架。在 Facebook 内部广泛用来测试各种 JavaScript 代码 Jest 是...

1. 安装nodejs 3. Vue-cli3.x 将提供以下特性供选择，大家可以根据项目需要进行选择添加的配置项： Babel, PostCSS, ESLin等配置文件怎...

最近在做一个项目的重构，技术选型为vue-cli 3.0 + typescript + vue-router + sass.因为我负责的模块比较少比较简单，所以老大让我先把...

状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState() Hook。 本文...

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试...

近几个月，接手了一个老项目的重构规划，有多老呢？就是前端青铜时代的项目，一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 前端 html、css、js三剑客 加...