Clfeng

开工大吉，奉上春节后第一个工作日的文章~ 关于如何使用JSON Schema规范JSON数据格式，文章介绍了校验工具、基本规范，schema组合约束、条件等较为常见的复杂模...

PEG.js 是一个简单的 JavaScript 解析器生成器，可以生成具有出色错误报告的快速解析器。您可以使用它来处理复杂的数据或计算机语言，并轻松构建转换器、解释器、编...

@idux 是一个基于 Vue 3.x 和 TypeScript 开发的开源组件库，Monorepo模式、灵活的全局配置、深入细节的主题定制能力、国际化语言支持等特性。感兴...

本文从快速搭建的角度，带你从0到1搭建一套符合Eslint标准、符合约定式提交要求的项目，希望能给带来一些帮助。...

本文详细介绍了vue生态中的pinina的基本使用。想了解pinia为何物的小伙伴，快来围观和点赞吧~...

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的...

本文大纲： 通过 vue-i18n 的 <i18n> 了解 customBlocks 和基本配置； 从源码层面了解 vue-loader 对 customBlocks 的处...

导学 在了解 CI/CD 最基础的概念和用法之后让我们学习一些稍微高级点的功能：webhook 以及 GitLab 的 api 调用。文章整体的结构为提出两个具体的功能需求...

背景 最近团队中需要编写一个 shell 脚本，用于前端增量模块打包使用，主要就是为了解决每次打全量包耗费的时间较长，能够根据 git 提交判断哪些模块需要进行打包。为了实...

背景 最近想做个类似 vue-cli 中 vue serve 的功能，能够直接指定一个入口文件进行快速预览开发的需求。 简单来说，就是在命令行输入 vue serve My...

公司的项目大部分都是 2B 类型的中后台 PC 端项目，且业务都非常庞大。常年累月的维护下，使用webpack dev速度变得非常慢。 因为最近的工作主要是负责一些前端的基...

前言 当我们入手准备去查看一个项目的源代码时，可以从以下几个方面进行入手： 查看 package.json，根据 main 或者module 字段能够看出源代码的入口文件 ...

工作流 Babel 的编译流程如上图所示，主要有三步：parse、transform、generate。parse 编译源代码，生成抽象语法树；transform 对 AS...

前言 你是否有过这样的一个 UI 需求：页面上的某些组件需要根据它们所在视口滚动到某个阈值，或者从所处视口进入或移出？在JavaScript中，可以通过监听滚动条事件进而在...

模块化的背景 早期 JavaScript 是为了实现简单的页面交互逻辑, 但随着时代发展, 浏览器不单单仅只能呈现简单交互, 各种各样的网站开始大放光彩。随着网站开始变得复...

导学 CICD 是持续集成（Continuous Integration）、持续交付（Continuous Delivery）与持续部署（Continuous Deploy...

导学 在《CI/CD 半桶水（一）》一章中，我们创建了自己的学习项目，并搭建好了 CI/CD 环境，还编写了自己的第一个流水线。在这一章节里，我们将进一步了解 CI/CD ...

导学 通过前两章的内容，我们有了自己的 CI/CD 环境也掌握了 CI/CD 最核心的相关概念。这一章我们将进一步了解 CI/CD 的各种关键字及其作用。 注：这一章节看起...