vite打包配置(静态资源合并打包/清除log/gzip压缩/ENV配置等)
vue3+vite项目的 vite打包配置,包含静态资源拆分打包\超大静态资源拆分\静态资源压缩\去除console和debugger\旧版chorme和ie兼容\ENV配置等内容,持续更新中
记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 常规且有效 的首屏优化建议目标： 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理1、路由懒加载SPA 项目，一个路由对应一个页面，如果不做处理，项目打包
Vue3父子组件通讯一目了然
这篇文章为大家介绍了我们Vue3中的父子组件通讯，你是否学会了呢，小伙伴一定记的尝试哦，大家都知道我们出了父子组件通讯之外呢，还是有很多兄弟组件，爷孙组件通讯，那下篇文章中我们将为大家介绍跨级组件通讯！
盒子拖拽效果，原生js实现
原生js实现拖拽效果
uni-app打开外部链接方式汇总(h5&app)
uni-app打开外部链接方式汇总(h5&app)
【Promise】一文带你了解promise并解决回调地狱
且该promise对象的状态为pending，then方法为一个同步操作，then中的函数参数为异步操作。在该操作中，如果promise对象的状态不改变则不会执行then方法中的函数。总结：promise的状态用来判断then方法执行成功或是失败的函数，promise的结果则是作为实参传递给then
【蓝桥杯Web】第十四届蓝桥杯（Web 应用开发）模拟赛 2 期 | 精品题解
第十四届蓝桥杯Web应用开发模拟赛第 2 期 正式开始了，博主也是第一时间为大家带来了题解！这篇题解包含了大学组和职业院校组的所有内容。因为自己在做题时忘记保存代码了，所以写这篇题解时我不得不又重新做了一遍，看在博主这么肝的份上，大佬们给个一键三连加关注吧！🤗
WebSocket的心跳机制和断线重连
心跳机制的实现，在客户端连接成功的回调中即开启心跳。心跳处理函数内部使用定时器延时触发向服务端发送消息的方法，待服务器将消息返回证明是连线成功状态下，继续调用心跳检测方法。如果客户端给服务端发送心跳消息，在定义的超时时间后客户端没有收到回复，则说明和服务端断线了,此时会触发到客户端连接关闭的回调函数
Vue引入并使用Element-UI组件库的两种方式
在开发的时候，虽然我们可以自己写css或者js甚至一些动画特效，但是也有很多开源的组件库帮我们写好了。我们只需要下载并引入即可。vue和element-ui在开发中是比较般配的，也是我们开发中用的很多的，下面就介绍下如何在eue项目中引入element-ui组件库其他的组件库使用也是和上述步骤大同小
JavaScript DOM API的使用
JavaScript主要由ECMAScriptDOMBOM这三部分组成;我们要知道要完成一个程序, 光有语法是远远不够的, 对于JS来说, 除JS语法(ES)外, 还需要掌握一些WebAPI, 这些API是浏览器给JS代码提供的功能, 即DOM和BOM;DOM是页面文档对象模型, 可以对页面中的元素
【vue2小知识】实现directive自定义指令的封装与全局注册
在vue2中将我们的自定义指令directive统一管理并批量全局注册与使用
WebSocket的使用方法（JS前端）
这些字符串用于指定子协议，这样单个服务器可以实现多个 WebSocket 子协议（可以通过一台服务器根据指定的协议（protocol）处理不同类型的交互）。字符串将以 UTF-8 格式添加到缓冲区，并且 bufferedAmount 将加上该字符串以 UTF-8 格式编码时的字节数的值。其二进制数据
【JavaScript速成之路】JavaScript数据类型转换
JavaScript速成之路4：带你了解JavaScript中的数据类型转换相关知识，即转换为字符串型，转换为数字型，转换为布尔型的各种方法。
watch跟computed的区别
大家好,我是大帅子,今天给大家讲一下watch跟computed的区别,下面我们直接开始吧功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监
【React】React——redux
Redux的工作流 View在redux中会派发action方法action通过store的dispatch方法会派发给store store接收action，连同之前的state，一起传递给reducer reducer返回新的数据给storestore去改变自己的state
2023常见的前端面试题（附加解答）
（1）get请求参数要跟在url后面安全性不高传输数据比较小，但速度快一般用于获取，删除（2）post请求参数会放在请求体中，安全性相对高些传输数据大，但相对速度慢些post一般用于修改或者添加事件委托原理: 事件冒泡机制（把子元素的事件行为 委托给 父级元素执行优点）优点:1. 可以大量节省内存占
Vue3 中的模板语法
我们可以把 Vue.js 的模板语法，直接理解为 HTML 语法的一种扩展，它所有的模板节点声明、属性设置和事件注册等都是按照 HTML 的语法来进行扩展设计的。按照官方的说法就是“所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析”。Vue 使用一种基
基于Vue+Vue-cli+webpack搭建渐进式高可维护性前端实战项目
本文是专栏《手把手带你做一套毕业设计毕业设计》的实战第一篇，将从Vue脚手架安装开始，逐步带你搭建起一套管理系统所需的架构。当然，在默认安装完成之后，会对文件目录进行初步的细化拆分，以便后续功能迭代和维护所用。
四、vue中路由router配置详解
vue路由router
从零入门开源框架---若依(前后端分离版)
学习优秀的开源项目底层的编程思想，设计思路，提高自己的编程能力
