程序员优雅哥（公\/同）

2022年10月14日

vite vue3 规范化与Git Hooks

摘要：

在《JS 模块化》系列开篇中，曾提到前端技术的发展不断融入很多后端思想，形成前端的“四个现代化”：工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的 git 规范。阅读全文

posted @ 2022-10-14 15:09 程序员优雅哥（公\/同）阅读(976) 评论(0) 推荐(1) 编辑

2022年10月10日

Vue3 Vite3 状态管理 pinia 基本使用、持久化、在路由守卫中的使用

摘要：

在《基于 vite 创建 vue3 项目》一文中整合了 pinia，有不少伙伴不知道 pinia 是什么，本文简单介绍 pinia。主要包括三方面： pinia 的基本用法，在《基于 vite 创建 vue3 项目》中 demo 的基础上简单重构。如何持久化 pinia 中的数据，保证浏览器刷新时阅读全文

posted @ 2022-10-10 15:03 程序员优雅哥（公\/同）阅读(9855) 评论(0) 推荐(6) 编辑

2022年10月6日

Vue3 Vite3 多环境配置 - 基于 vite 创建 vue3 全家桶项目(续篇）

摘要：

在项目或产品的迭代过程中，通常会有多套环境，常见的有： dev：开发环境 sit：集成测试环境 uat：用户接收测试环境 pre：预生产环境 prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于 vue-cli （webpack）的项目中只需要添加 .env.xxx 文件，阅读全文

posted @ 2022-10-06 17:12 程序员优雅哥（公\/同）阅读(3237) 评论(0) 推荐(2) 编辑

2022年10月4日

vue3 vite2 封装 SVG 图标组件 - 基于 vite 创建 vue3 全家桶项目续篇

摘要：

在《基于 vite 创建 vue3 全家桶》一文整合了 *Element Plus*，并将 *Element Plus* 中提供的图标进行全局注册，这样可以很方便的延续 *Element UI* 的风格 —— 通过 *el-icon-xxx* 的方式使用图标（如果有问题的朋友可以先阅读前面的文章：*基于 Vite 创建 vue3 全家桶项目*）。阅读全文

posted @ 2022-10-04 21:15 程序员优雅哥（公\/同）阅读(1924) 评论(0) 推荐(2) 编辑

2022年9月28日

JS 模块化- 05 ES Module & 4 大规范总结

摘要：

1 ES Module 规范 ES Module 是目前使用较多的模块化规范，在 Vue、React 中大量使用，大家应该非常熟悉。TypeScript 中的模块化与 ES 类似。 1.1 导出模块导出模块有两种方式：按需导出和默认导出。按需导出是使用 export 关键字，将需要导出的成员阅读全文

posted @ 2022-09-28 16:20 程序员优雅哥（公\/同）阅读(806) 评论(0) 推荐(4) 编辑

2022年9月27日

JS 模块化- 04 CMD 规范与 Sea JS

摘要：

1 CMD 规范介绍 CMD： Common Module Definition，通用模块定义。与 AMD 规范类似，也是用于浏览器端，异步加载模块，一个文件就是一个模块，当模块使用时才会加载执行。其语法与 AMD 规范很类似。 1.1 定义模块定义模块使用 define 函数： define( 阅读全文

posted @ 2022-09-27 16:29 程序员优雅哥（公\/同）阅读(414) 评论(0) 推荐(3) 编辑

2022年9月23日

JS 模块化 - 03 AMD 规范与 Require JS

摘要：

*AMD* 规范，全称 *Asynchronous Module Definition*，异步模块定义，模块之间的依赖可以被异步加载。 AMD 规范由 Common JS 规范演进而来，前文介绍 Common JS 规范时说过，浏览器端无法直接使用 Common JS，需要使用 *browserify* 编译后才能运行。而 AMD 规范规范则专注于浏览器端。阅读全文

posted @ 2022-09-23 11:23 程序员优雅哥（公\/同）阅读(496) 评论(0) 推荐(3) 编辑

2022年9月22日

JS 模块化 - 02 Common JS 模块化规范

摘要：