阿彪师傅-CSDN博客

原创 vite打包进度条插件vite-plugin-progress

vite-plugin-progress 插件是一个在打包时展示进度条的插件，如果您觉得该插件对您的项目有帮助，欢迎 star 支持一下，感谢！使用（不带参数）：在中配置参数 0ptions：：自定义进度条的格式；：进度条在终端中的宽度；：完成后的默认字符；：未完成的默认字符；：间隔更新时间默认16（毫秒）；：完成后是否清除终端，默认 false；：完成后执行的回调函数；终端中的输出格式流，默认；：进度条的头字符；参数 opti...

2022-06-17 14:34:51 2313

原创手把手教你用 vite+vue3+ts+pinia+vueuse 打造大厂企业级前端项目

前言前天有幸看了尤雨溪、月影、郭辉、屈光宇几位大佬的《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全的一波好家伙给震撼到了；虽然我看直播中说的最多的是别更新了，学不动了 , 但是身为前端搬砖大师，又有多少人已经暗暗的卷起来了呢？所以特意给大家准备了 vue3 项目周边一条龙服务特意打包带给大家通过这篇文章你可以学到如何使用使用 Vite 搭建项目如何在 Vite 中集成 typescript如何在 Vite 中集成 vue-router4 和

2022-04-02 20:59:29 3118 2

原创爆锤面试官的 CSS 垂直居中的正确方式

前言之锤爆面试官工具神器 - CSS 无论是实际开发中，亦或者是求职面试中，css 垂直居中往往都是一个绕不开的话题，其中不乏有许多面试者在多次双重尝受打击之后，而没有一个很好的反击点，刚好结合自己以前受的委屈和痛苦，来给大家一个锤爆面试官大佬们的机会。其实垂直居中主要分为了两种类型：居中元素宽高已知和居中元素宽高未知，那么我们就结合这两种类型来一一做举例。居中元素宽高已知1. absolute + margin auto顾名思义，就是利用当前元素的 position: abs.

2021-07-29 23:53:52 299

原创 JavaScript 前端单例模式详解 — 设计模式《三》

单例模式创建形的单例模式在前端实际应用中使用场景较多，尤其在于写框架与组件中使用率较高。介绍/概述：限制类实例化次数只能一次，确保一个类只有一个实例，并提供一个访问它的全局访问点。代码演示例子：简单实现一个全局的 windows 类，保证全局只有一个。“简单版” 单例模式：1.ES5 实现function NewWindow(name) { this.name = name;}NewWindow.prototype.getName = function () {

2021-07-11 22:36:37 319

原创 JavaScript 前端简单工厂模式、工厂方法模式、抽象工厂模式优缺点及详解 — 设计模式《二》

工厂模式前言：就前端 JavaScript 语言来说，可以把简单工厂模式、工厂方法模式、抽象工厂模式归纳为一种即工厂模式；一. 简单工厂模式介绍/概述：简单工厂模式的工厂类一般是使用静态方法，通过接收的参数的不同来返回不同的对象实例。不修改代码的话，是无法扩展的，否则就违反了开放封闭原则。示例：客户去购买咖啡，那么可以通过 CoffeFactory 来进行购买，具体类图如下UML类图：抽象类或接口（如上的Coffee）：定义了要创建的产品对象的接口；具体实现：具有统一父类

2021-06-23 22:26:23 800

原创 JavaScript 前端设计模式之设计原则 — 设计模式入门篇《一》

设计原则前言：在了解设计模式之前，一定要先理解什么是设计原则，只有这样才能悟透设计模式的根本以及来源。1.何为设计？按哪一种思路或者标准来实现的功能；功能相同，可以有不同设计的方式；需求如果不断变化，设计的作用才能体现出来；2. SOLID 五大设计原则单一职责原则（S）单一功能原则认为对象应该仅具有一种单一功能的概念;开放封闭原则（O）开闭原则认为软件体应该是对于扩展开放的，但是对于修改封闭的概念;里式替换原则（L）里式替换原则认为程序中的对象应该是可以在不改变程

2021-06-21 23:42:22 336

原创 Vite2.x + Vue3.x + Typescript + Element-plus搭建完整的后台管理系统项目

前言听说2021年是vue3.0大爆发的一年 ????话说vue3.0正式版都发布大半年了，你不会对vue3.0还一知半解吧 ????????长话不短说，完整版本的vite2.x + vue3.x + typescript + element-plus教程送给大家完整版仓库地址请点击依赖版本vite@2.1.3 依赖node版本12.x.x以上element-plus@1.0.2-beta.35Vue-router@4.0.5vuex@4.0.0axios@0.21.1一、初

2021-03-28 17:10:25 2484

原创超详细Gulp打包seajs模块压缩合并，绝对对你项目有帮助 ~

前言项目背景：项目存在于n+1年前的php旧框架中，其中使用的技术大家不用猜应该也知道了；由于其中许多业务一直都存在这个php旧框架中，而且暂时性的不存在做整体迁移的情况，所以只能在php旧框架中动手了 [???? 伤心太平洋]；现阶段需解决的点：php旧框架版本戳问题 [???? 暗自伤心]：由于浏览器缓存机制，每次修改文件，需手动更改对应的版本戳，修改成本较高，涉及文件变更也较多；ES6语法支持问题 [???? 猛男落泪]：了解过javascript的同学应该知道，ES6语法可以

2021-03-16 22:59:53 193

Jeddy 部长的博客