排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术
排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
uni-app 微信小程序，flex 实现内容元素垂直与水平居中
效果如下，中间那块内容垂直与水平居中：
[TOC]代码如下：<template>
<view class="training-record-container">
<view class="statistics-area">
<view class="sta-training-item">
<view class="sta-ti-content"...
“天地不仁，以万物为刍狗”，刍狗到底是啥？很多人都理解错了
本文转自：小橘子谈生活
“天地不仁，以万物为刍狗”，出自《道德经》第五章。在常见的理解中，有人认为 “刍狗” 就是低贱、微不足道的东西。因为从字面来看，“刍” 有草的含义，而 “刍狗” 就是用草扎成的狗，很容易让人联想到这是一种可以随意丢弃、没有价值的物品，但这种理解却是片面的，与《道德经》所蕴...
不同分辨率自适应布局。vue 搜索栏，操作按钮自适应布局
标签<div class="toolbar">
<div>
<el-button type="primary" :icon="Plus" size="default" @click="openAddCertificateUser">添加 </el-button>
<el-button type="success" :icon="Plus&quo...
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" :...
js根据逗号拆分字符串，并且去掉最后一个逗号
代码如下：
// 原始字符串
const str = "000f276dd46e47c99dc4e6133bd129d7,0019eeaae60942aab94d84025e020061,";
// 使用 split 方法按逗号拆分字符串
const parts = str.split(',');
// 去掉最后一个空字符串（如果存在）
const result = parts.slice(0, -1);
consol...
好看的渐变色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>
...
uni-app 中怎么获取所有checkbox 选中的值
官方文档：https://uniapp.dcloud.net.cn/component/checkbox.html这个文档的示例真的太少了，就光一个获取所有checkbox 选中的值都没有…..
template<checkbox-group @change="methods.checkboxChange">
<template v-for="(item, index) in state.messages" :key="index&qu...
css 如何实现div边框四个角的颜色不一样
可以伪元素和其他div来创建看起来像是边框的元素，并分别为它们设置不同的背景色，模拟四个角有不同颜色的效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-wi...
uniapp vue3 引用样式表样式
这样即可：
<style scoped lang="scss">
@import '@/static/css/report-box.scss';
</style>
注意根据情况在样式表要加上lang="scss"，就看里边样式具体写的方式了，比如里边用了scss语法没有加这句话就会报错
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,支持横向和纵向滚动。
...
vue 实现全局配置
方法一1: 在静态资源里边加一个config.js
里边写一点配置，如：
window.peizhi = {
title: '过程管理平台 ',
activeName: '教学活动展示',
autoLoginUrl:"http://localhost:8080/#/",
login: {
// 登录页系统名称
// sysName: 'SmartEDU',
sysName...
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...
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"
设置了这句话...
vue3 使用 nextTick。数据加载完成后执行方法，dom加载完成后执行内容
在Vue3中，nextTick的使用方式与Vue2有所不同。在Vue2中，我们通常使用this.$nextTick()来调用nextTick API，而在Vue3中，用法如下：
import { onMounted, ref, nextTick } from 'vue';
update(){
console.log('需要执行的方法')
}
nextTick(() => {
up...
sqlsugar in多字段,linq 多字段查询,多对多查询方式。 in and
sqlsugar in多字段版本>=5.1.4.67-preview04
List<OrderItem> list=xxx;
db.Queryable<OrderItem>().Where(it => list.Any(s => s.Id == it.Id && s.Name == it.Name))
//也可以用动态表达式拼OR实现
他生成的sql不是 in (a,b)这种，其实想一下他in的不是一个而是一个集合，所...
vue 运行dev与打包build错误digital envelope routines::unsupported
原因是：当 nodejs 升级到17+版本以后，开始支持 OpenSSL 3.0，而 OpenSSL 3.0 对各种摘要算法做了更严格的限制，可能会导致一些程序运行错误。
简单的解决方法在命令后面加上环境变量设置即可。
原来的配置：
"scripts": {
"serve": "vue-cli-service serve",
"...
vue 循环,v-for
记录一下备忘
<view v-for="(item,index) in dataList" :key="index">
{{item.fileName}}
</view>
navicat把查询结果导出excel
执行sql后有一个导出结果就可以选择导出excel
注意一般要执行后才会执行这个菜单，而且好像导出一次后这个菜单会变白，不晓得是不是我这边这个工具的问题。最好把你想要导出的sql单独开一个查询窗口执行后点击导出结果，可以避免sql太多操作错乱了