element-ui组件element个人
往前看，别回头——2023个人年终总结
2023年终总结 赶着昨晚回家前，把最后一个commit提交完，终于也又到一年之末了。 这一年来，是一路小跑冲到终点的快节奏，也是步履不停的一路前行； 行至当途，也是到了该停下来好好沉淀思考的时候了； 还记得也是去年年终的时候，开始陆续收到了一些猎头的邀约，BOSS直聘上也不乏一些推 ......
安卓中ViewPager组件的使用场景与优劣分析
在Android应用开发中，ViewPager是一个非常重要的UI组件，它允许用户通过左右滑动的方式切换不同的页面视图。同时，ViewPager在Android开发中是一种常用的视图容器，主要用于在应用程序中实现滑动视图的效果。它通常用于分页展示内容，如图片轮播、标签切换等。 ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
为了降低个人股票投资者的决策误判概率，我们做了一款软件
对于个人股票投资者而言，避免投资决策误判是最重要且最首要的，盈利多少都是次要的。 这是一个什么样的软件？ 这是一个面向个人股票投资者的决策辅助工具【棱镜】，它旨在将你的分析决策逻辑转化为由文字和框架转化为算法，让计算机和算法辅助你共同决策，降低决策误判概率。网站：prismray.cn 为什么要做这 ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
结合 element -Plus组件库，压缩图片大小，限制图片格式
业务背景：业务上需求满足上传的图片不能太大，但是有时候上传的图片确实超过了限制大小，所以前端这边可以将图片压缩再上传，亦或者是上传给后端接口的图片只能是指定格式，我们前端需要将图片后缀转化，也可以处理！封装的使用方法如下：使用 canvas 对图片进行压缩处理： /* * 压缩图片 * param ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
C++ Qt开发：SqlRelationalTable关联表组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlRelationalTable`关联表组件的常用方法及灵活运用。在上一篇文章中详细介绍了`SqlTable... ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
如何查看个人代码量
参考1 （最简单易懂）Pycharm如何统计项目中代码总行数_pycharm统计代码行数-CSDN博客 参考2 pycharm统计代码量插件statistic - 只有时间是永恒 - 博客园 (cnblogs.com) ......
开源个人实用翻译小工具
 ![翻译中](https://img2023.cnblogs.com/blog/1920368/20231... ......
可拖拽弹框组件
可拖拽组件 <BaseDialog v-if="totalDialogVisible" title="合计" :visible.sync="totalDialogVisible" width="30%" @close="handleCloseTotal" @submit="handleCloseTo ......
一键式自动给个人云服务搭建常用平台
背景 有时兴致来了就喜欢瞎鼓捣，几年前还是学生时买过学生优惠的云服务器，但没钱续费关停后就不了了之，近期看到有活动又重新入手了 但问题就来了，之前好不容易搭建上去的各种服务，现在又得重新来一遍 几年前还是学生时可能对这类环境搭建还比较感兴趣 现在人老了，精力不够了，做啥都考虑效率问题 如果几年后又重 ......
table表格 组件
<template> <div> <BaseTable :searchConfig="searchConfig" :operateBtnConfig="operateBtn" :tableData="tableData" :tableConfig="tableConfig" :pagination= ......
下拉分页组件 select-page
组件使用文档： https://terryz.gitee.io/vue/#/selectpage/demo 实例： 需要使用的下拉分页的页面： <el-form-item label="公司" prop="carrierId"> <base-selectPage v-model="ruleForm. ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解 原创 打工人小棋 打工人小棋 2023-05-16 13:24 发表于广东 1. 介绍 在上一期内容中，我分享了一套简单易用的UI框架。没想到大家的学习热情这么高，讨论度是目前所有内容最高的。 由此可见，天下苦UI(秦)久已！！！ 接下去， ......
C++ Qt开发：SqlTableModel映射组件应用
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlTableModule`组件的常用方法及灵活运用。在多数情况下我们需要使用SQL的方法来维护数据库，但此方... ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
分页组件
分页组件的使用 有三种分页方式 需要新建一个py文件，以pagination.py为例 方式一：基本分页 第一步：导入分页类 from rest_framework.pagination import PageNumberPagination 第二步：书写分页类，继承 PageNumberPagin ......
过滤组件
过滤组件的使用 有两种使用方式 方式一：使用drf内置过滤类 第一步：保证视图类继承 GenericAPIView 及其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() seria ......
排序组件
排序组件快速使用 第一步：视图类需继承GenericAPIView或其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() serializer_class = BookSeriali ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
内置组件-Teleport
介绍 <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方。 ......
内置组件-Transition
介绍 <Transition> 是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发： 由 v-if 所触发的切换 由 v-show 所触发的切换 由特殊元素 切换的动态组件 改变特殊的 ......
内置组件-TransitionGroup
介绍 <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。 和 <Transition> 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 J ......
使用Element.animate()实现动画
Element.animate()实现 <div id="app"> <button @click="startAmi">开始</button> <p>{{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. ......