前端 - 忆点点的专栏

uni-app 微信小程序，flex 实现内容元素垂直与水平居中

效果如下，中间那块内容垂直与水平居中： [TOC]代码如下：<template> <view class="training-record-container"> <view class="statistics-area"> <view class="sta-training-item"> <view class="sta-ti-content"...

2025-02-28 浏览（2710）

不同分辨率自适应布局。vue 搜索栏，操作按钮自适应布局

标签<div class="toolbar"> <div> <el-button type="primary" :icon="Plus" size="default" @click="openAddCertificateUser">添加 </el-button> <el-button type="success" :icon="Plus&quo...

2025-02-27 浏览（2094）

vue3 读取excel 文件内容返回json。vue3 导入excel

在 Vue 3 中读取 Excel 文件并将其内容转换为 JSON 格式，你可以使用一些第三方库，比如 xlsx 和 file-saver。下面我们使用xlsx来做简单示例。 [TOC]安装依赖npm install xlsx 或者 cnpm install xlsx 读取excel 直接获取整个excel的json数据<template> <el-button type="success" :...

2025-02-25 浏览（3222）

js根据逗号拆分字符串，并且去掉最后一个逗号

代码如下： // 原始字符串 const str = "000f276dd46e47c99dc4e6133bd129d7,0019eeaae60942aab94d84025e020061,"; // 使用 split 方法按逗号拆分字符串 const parts = str.split(','); // 去掉最后一个空字符串（如果存在） const result = parts.slice(0, -1); consol...

2024-11-02 浏览（2521）

好看的渐变色div效果,橙色渐变效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> ...

2024-09-21 浏览（2568）

css 如何实现div边框四个角的颜色不一样

可以伪元素和其他div来创建看起来像是边框的元素，并分别为它们设置不同的背景色，模拟四个角有不同颜色的效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...

2024-09-11 浏览（2210）

uniapp vue3 引用样式表样式

这样即可： <style scoped lang="scss"> @import '@/static/css/report-box.scss'; </style> 注意根据情况在样式表要加上lang="scss"，就看里边样式具体写的方式了，比如里边用了scss语法没有加这句话就会报错

2024-08-12 浏览（2792）

uni-app 小程序分割线与滚动。uni-app 中占满剩下高度，并且在剩下高度里边滚动

[TOC]常用分割线标签: <view class="di-task-spline"></view> 样式： .di-task-spline { height: 1rpx; background: #000000; opacity: 0.1; margin-top: 20rpx; margin-left: 20rpx; margin-right: 20rpx; } 滚动滚动用的组件是scroll-view,支持横向和纵向滚动。 ...

2024-07-10 浏览（3355）

vue 实现全局配置

方法一1: 在静态资源里边加一个config.js 里边写一点配置，如： window.peizhi = { title: '过程管理平台 ', activeName: '教学活动展示', autoLoginUrl:"http://localhost:8080/#/", login: { // 登录页系统名称 // sysName: 'SmartEDU', sysName...

2024-05-06 浏览（3210）

input type file 限制上传图片和视频。限制上传的类型，多文件上传等

input type file 限制上传图片和视频<input type="file" id="fileInput" multiple accept="image/*,video/*" /> 各种限制上传的类型1、<input text="file" accept=".csv" /> cvs格式 2、<input text="file" accept="applic...

2024-04-22 浏览（3490）

vue3 element plus dialog 弹窗滚动条默认在顶部。每次打开弹窗都让滚动条保持在最上方。每次都重新加载弹窗里边的组件，给弹窗里边的组件传参的时候使用

<el-dialog v-model="DialogVisible" :destroy-on-close="true"> <el-table :data="" :show-header="false" max-height="350"> </el-table> </el-dialog> 核心代码就是：:destroy-on-close="true" 设置了这句话...

2024-04-02 浏览（4148）

vue3 使用 nextTick。数据加载完成后执行方法，dom加载完成后执行内容

在Vue3中，nextTick的使用方式与Vue2有所不同。在Vue2中，我们通常使用this.$nextTick()来调用nextTick API，而在Vue3中，用法如下： import { onMounted, ref, nextTick } from 'vue'; update(){ console.log('需要执行的方法') } nextTick(() => { up...

2024-04-02 浏览（3818）

vue 运行dev与打包build错误digital envelope routines::unsupported

原因是：当 nodejs 升级到17+版本以后，开始支持 OpenSSL 3.0，而 OpenSSL 3.0 对各种摘要算法做了更严格的限制，可能会导致一些程序运行错误。简单的解决方法在命令后面加上环境变量设置即可。原来的配置： "scripts": { "serve": "vue-cli-service serve", &quot...

2024-03-27 浏览（3247）

vue 循环,v-for

记录一下备忘 <view v-for="(item,index) in dataList" :key="index"> {{item.fileName}} </view>

2024-01-17 浏览（5043）

vue3 子组件调用父组件方法

[TOC]带有setup()的组合API - context.emit父组件组件 <my-childe ref="RefChilde" @closePopup="closeClassRankingPopup"></my-childe> 子组件组件 setup(props, context) { function handleClose() { context.emit('closeClassRankingPopup', 参数); }...

2023-09-20 浏览（5929）

uni-app 微信小程序实现图片预览

基本用法：在uniapp中，我们可以使用uni.previewImage()API对图片进行预览，具体使用方法如下： uni.previewImage({ urls: ['https://example.com/image1.jpg', 'https://example.com/image2.jpg'], current: 0 }); 其中，urls参数为一个字符串数组，表示需要预览的图片数组；current参数...

2023-09-18 浏览（6209）

js 设置cookie与域

代码如下： document.cookie="key=value;domain=.cqzuxia.com" 还可以设置path=/;expires=等

2023-09-13 浏览（5441）

uni-app vue3模板

<template> <view class="container"> 666 </view> </template> <script setup lang="ts"> import { ref, reactive } from 'vue' const state = reactive({ imgList: ['https://img1.baidu.com/it/u=2749857666,40...

2023-09-11 浏览（4556）

vue3+vite读取环境变量，获取配置。vue3 .env 的使用

在.env.development与.env.production中配置注意要使用VITE开头比如：VITE_IS_SHOW_MENU = true 为什么需要前缀？这是一种安全机制。它明确告诉构建工具哪些变量是安全的、可以暴露给前端浏览器运行的代码。那些不以指定前缀开头的变量（例如 DATABASE_PASSWORD）将不会被注入到客户端代码包中，只能在 Node.js ...

2023-08-24 浏览（5443）

type {} is missing the following properties......

注意一下ts中的类型检查，类型不确定时使用可以使用any,unknown等类型来处理，或者使用类型断言。比如一个json定义的一个对象后赋值为{}，就会提示上面说的错误。要简单的解决可以给一个any类型就行了，代码如下： state.editFromData = {} as any

2023-08-19 浏览（5832）

;

忆点点

情不知从何起,一往而情深

博主信息

排名

文章

粉丝

文章类别

.net 36篇

.net core 15篇

cdn 1篇

云服务 1篇

前端 80篇

后端 7篇

随笔 20篇

架构 1篇

linux 6篇

git 3篇

virtualbox 1篇

app 1篇

英语 4篇

redis 4篇

docker 4篇