前端

vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint

目的:项目投入使用发现很多使用起来不舒服的地方,进行优化 注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果:最终代码放到gitee这里

React动画

1. React过渡动画 在React中我们可以通过原生的CSS来实现过渡动画, 但是React社区为我们提供了react-transition-group帮助我们快速过渡动画 2. 动画组件: Transition 该组件是一个和平台无关的组件(不一定要结合CSS); 在前端开发中,我们一般是结合CSS来完成样式,所以比较常用的是CSSTransition; CSSTransit

Vue前端框架大全

框架类 Web 名称 Vue 描述 Element UI 2 饿了么 Element Plus 3 饿了么 Ant Design 1 2 蚂蚁金服 Ant Design 2 3 蚂蚁金服 Ant Design 3 3 蚂蚁金服 Arco Design 3 字节跳动 View UI 2 View UI Plus 3 AT-UI 2 H

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa

前端高并发可观测性:别等用户截图才知道页面炸了

前端高并发可观测性:别等用户截图才知道页面炸了前端高并发页面最怕“后端指标正常,用户说卡爆了”。秒杀、直播、活动页、控制台大屏,都可能出现 JS 错误、资源加载失败、接口排队、渲染阻塞、白屏和交互延迟。只看服务端 QPS 和错误率不够,前端必须有自己的可观测性。别等用户截图才知道页面炸了。前端要能回答:谁受影响、哪一步慢、哪个资

Webpack+Vue+Ts完整搭建配置过程

1、webpack的基本配置 (1)、在vscode终端中运行以下命令: mkdir webpack-demo 创建目录 cd webpack-demo 进入目录 npm init -y 创建package.json文件 npm install webpack webpack-cli --save-dev 安装webpack和webpack-cli (2)、新建文件夹src,在src里面

NestJS 核心揭秘:InstanceWrapper 的艺术与前端缓存新思路

文章目录 概述 第一部分:深入幕后——NestJS 的“实例管家” InstanceWrapper 一、核心职责:不止于封装 二、关键属性解构(增强版) 三、一个实例的生命旅程 第二部分:灵感跨界——构建前端页面的“InstanceWrapper”缓存层 一、设计哲学:前端数据包装器

iframe的父子页面通信

平时工作中有时会遇到页面嵌套的情况,一般是用iframe解决。那么,两个页面如何通信呢?下面分两种情况进行: 一、父子页面同源的情况 现在有两个不同源的iframe嵌套页面,父页面parent.html,子页面child.html,二者代码如下: // parent.html // ... <iframe id='testIframe' name='test' src='./ch

vite + vue3多页面配置记录references,loadEnv等

目的:使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的,现在对比一下vite感受一下极速开发体验 增:下一篇vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint 第一部分:项目基础配置ts相关: lib, references