摘要：在Node18.16和16.20版本下使用vben框架时，遇到pnpminstall报错关于eslint-config缺失的问题， 解决方案是通过添加pnpm-workspace.yaml文件并指定内部依赖，确保`@vben/eslint-config`版本配置正确。 问题描述node18.16 /
阅读全文
posted @ 2024-10-24 18:03
随笔分类 - Vue
摘要：.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。 在服务器用Nginx部署 前端项目后，出现下面这种问题Failed to load module script: Expected a JavaScript module script but the serv
阅读全文
posted @ 2024-10-24 11:29
摘要：<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit
阅读全文
posted @ 2024-10-15 15:31
摘要：<!DOCTYPE html> <html> <script type="text/javascript" src="style/jquery-3.7.0.min.js?v=0.002?v=1.0.01"></script> <head> <style> .fade { position: abso
阅读全文
posted @ 2024-10-15 09:43
摘要：CSS中实现淡入淡出效果，可以使用transition属性来平滑过渡，并使用opacity属性来设置元素的透明度。 例子1： <div class="fade-box">淡入淡出效果</div> CSS: .fade-box { width: 200px; height: 200px; backgr
阅读全文
posted @ 2024-10-14 17:47
摘要：视频组件官网：https://uniapp.dcloud.net.cn/component/video.html 使用object-fit使内容填充不留黑边 object-fit contain 当视频大小与 video 容器大小不一致时，视频的表现形式。 contain：包含，fill：填充，co
阅读全文
posted @ 2024-10-14 17:31
摘要：阿里云官方镜像站：阿里巴巴开源镜像站-OPSX镜像站-阿里云开发者社区 https://developer.aliyun.com/mirror/?spm=a2c6h.13651102.0.0.6b581b11FYGgU9&serviceType=mirror 简介： 用CNPM/淘宝源的开发者们请注
阅读全文
posted @ 2024-10-10 14:43
摘要：Froala editor 是一款非常不错的所见即所得web编辑器，并且是收费的，单个域名的授权是99美元~ 但是在没有购买正常的情况下，只能编辑10行，且有一个大大的未授权标识。 官方网站演示地址：https://www.froala.com/wysiwyg-editor Github项目地址：h
阅读全文
posted @ 2024-09-12 08:35
摘要：解决webview缓存问题 前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码，在小程序入口进去看到的还是旧页面，尝试了各种操作：手动退出小程序，再次进入；删除 发现-小程序，重新进入；关闭微信，杀掉进程，重新进入修改 Nginx 关于 Cache-Contr
阅读全文
posted @ 2024-08-18 16:11
摘要：微信小程序生命周期函数有两种 页面生命周期：onLoad ，onShow，onReady，onHide，onUnload等 组件的生命周期：created，attached，ready，moved，detached，erroronLoad：监听页面加载一个页面只会调用一次，能够在 onLoad 中获
阅读全文
posted @ 2024-08-02 09:28
摘要：uniapp页面跳转的几种方式 一、uni.navigateTo 定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。 使用： // 1.不传参 uni.navigateTo({ url:'./home/index' }); // 2.传参字符串 uni
阅读全文
posted @ 2024-07-25 15:54
摘要：方案1： 将B页面中的值传回给A页面 A页面 onShow(){ var pages = getCurrentPages(); var prevPage = pages[pages.length - 1]; var brand = prevPage.brand; console.log(brand)
阅读全文
posted @ 2024-07-25 15:52
摘要：一、前言 在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中uni.navigateBack返回后刷新页面数据。 1.1、uni.naviga
阅读全文
posted @ 2024-07-18 16:52
摘要：背景： 因为项目要播放一个宣传和讲解视频，视频文件过大，同时还为了节省存储流量，想到了一个方案，用m3u8切片替代mp4。 m3u8：切片播放，可以理解为一个1G的视频文件，自行设置文件分割大小，通过切片，把视频1G分割成若干个小片段，播放的时候由.m3u8文件来指定在某个时间节点播放某个切片，好处
阅读全文
posted @ 2024-06-24 14:43
摘要：Ant Design Vue 官网： https://www.antdv.com/components/list-cn 何时使用 # 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 <div class="s-table-tool"> <div class="s-table
阅读全文
posted @ 2024-06-23 09:09
摘要：在 SpringBoot 项目的 resources 目录下新建一个 banner.txt 文本文件，然后将启动 Banner 粘贴到此文本文件中，启动项目，即可在控制台展示对应的内容信息。 https://www.bootschool.net/ascii-art/art-and-design 1.
阅读全文
posted @ 2024-06-19 08:32
摘要：vue3 获取指定目录内组件 在Vue 3中，要获取指定目录内的所有组件，可以使用Vue的编程式导入。这通常在自动化场景，如通过编程的方式导入一个目录下所有的Vue组件时使用。 以下是一个简单的例子，展示如何在Vue 3中编程式地导入一个目录下的所有组件： // 假设componentsDir为组件
阅读全文
posted @ 2024-06-17 10:27
摘要：要将URL参数转换为JSON对象，可以使用以下函数： javascript function getQueryParams(url) { // 使用正则表达式提取URL参数 const paramsString = url.split('?')[1]; if (!paramsString) { re
阅读全文
posted @ 2024-06-16 13:16
摘要：vue3版本 ^3.2.45 [ref].value.$el.getBoundingClientRect().top 通过ref获取元素。 使用 getBoundingClientRect().top 获取离顶部的距离 Vue无法读取HTMLCollection列表的length问题解决方案 实践项
阅读全文
posted @ 2024-06-11 08:25
摘要：vue@click传入当前对象 <van-button @click="add(item,$event)">添加</van-button> 方法示例 add(obj,e){ // e.currentTarget.style.display='none'; e.currentTarget.nextEl
阅读全文
posted @ 2024-06-07 14:35
