Webpack to Vite踩坑指北 前言 最近一直在看vite的源码(传送),恰逢公司的项目使用的是webpack,正好借此机会做下迁移,并将该过程记录。当前项目使用webpack+vue2 对比 这里挑选了一个比较复杂的路由页面,分别使用vite和webpack启动,记录从npm run start到页面加载的耗时 vite webpack 基础改造 packag 前端 2025年05月25日 77 点赞 0 评论 13872 浏览
mangosteen day 4 swr原理 当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库 意为当用户数据过期将重新发起请求获得最新数据 步骤:首先从缓存中返回显示的是过期的数据,同时会发起fetch请求(重新认证),最后获得最新数据 与zustand进行类比 所有远程的数据(http请求的数据)都缓存到swr中,其余的数据存储到zustand即可 当我们在使用swr发送 前端 2025年05月24日 136 点赞 0 评论 13395 浏览
H5跳转微信小程序 这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 <!--pages/webview/webview.wxml--> <web-view src="https://abc.com/#/home"></web-view> Tips: 微信页面 webview 组件 个人小程序不支持 abc.com 域名要加到小程序合法域名 前端 2025年05月24日 35 点赞 0 评论 13693 浏览
Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR 简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler 前端 2025年05月24日 152 点赞 0 评论 11018 浏览
position有哪些属性值 position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的最终位置。 static: 默认值,没有定位,指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置,此属性下 top、right、bottom、left 和 z-index 属性无效。 relative相对定位:元素先放置在未添加定位时的位置,在不改变页面布局的前提 前端 2025年05月24日 87 点赞 0 评论 2914 浏览
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法 问题场景:我们在axios中统一处理500、401、404状态码并统一抛出el-message提示,那么就会出现重复提示的问题非常的不友好。如图: image.png 解决办法: 新建一个resetMessage.js文件,写入以下代码 // resetMessage.js // 重置message,防止重复点击重复弹出message弹框 import { Message } f 前端 2025年05月24日 74 点赞 0 评论 2929 浏览
Flutter-AnimatedWidget组件源码解析 配图来自网络,如侵必删 在日常的开发当中,可能会出现Flutter SDK自带的动画组件不能满足我们实际的开发需求;遇到这种情况,我们可以通过AnimatedWidget组件来自定义动画组件,这篇博客分享AnimatedWidget组件相关的内容,记录一次AnimatedWidget组件的源码解读。 AnimatedWidget组件源码 abstract class AnimatedW 前端 2025年05月24日 113 点赞 0 评论 18750 浏览
多屏幕适配方案 在大屏开发中,最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。 一. 最外层元素增加 scale 这里的最外层元素指的是能包含所有页面的元素。我们可以给最外层元素设置固定的宽高,比如 1920 * 1080。一旦大屏的尺寸跟设定的不符合,则通过缩放相应的倍数来适配大屏。 具体代码如下: // 获取缩放倍率 getScale = () => { const [width, h 前端 2025年05月24日 199 点赞 0 评论 11246 浏览
解决element-ui中的el-select选择器无法显示选中内容的问题 问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。 问题代码: <div class="form-group"> < 前端 2025年05月24日 63 点赞 0 评论 15051 浏览
关于 Web 安全:2. 信息收集与资产识别 一、子域名收集子域名收集目的: 枚举出一个主域名下所有可能存在的子域名。比如拿到目标是 example.com,那要找到它的:api.example.com admin.example.com mail.example.com test.example.com ... 这些子域可能有: 测试系统(test) 前端 2025年05月22日 178 点赞 0 评论 3003 浏览