hook day 3.2 03
公共Hooks封装之文字溢出提示useEllipsisPopper
项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 图文内容仅供参考,仅提供文章内所需思考对应的图例 在以上图片中,是管理后台系统中常见的表格内容,因使用的是 Ant Design Vue 框架,根据官方的文档中所示: Column 的 API elli ......
公共Hooks封装之文件下载useDownloadBlob
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解:创建 a 标签下载文件 export function createDownload(blob, fileName, fileType) { if (!blob || !fileName || !fileT ......
公共Hooks封装之自定义表格数据列渲染useTableColumns
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考:何为自定义表格数据列渲染,其为何种场景服务 根据实际业务场景而来,为避免法律风险,部分截图内容脱敏处理 如下图,当表格内容的列非常多时,正常情况下,我们通常采取的方式是左右两侧的列,即左侧 Key 列和右侧 ......
公共Hooks封装之报表导出useExportExcel
写在前面 对于经常需要开发企业管理后台的前端开发来说,必不可少的需要使用表格对于数据进行操作,在对于现有项目进行代码优化时,封装一些公共的 Hooks. 本篇文章为useExportExcel.js 基于个人项目环境进行封装的 Hooks,仅以本文介绍封装 Hooks 思想心得,故相关代码可能不适用 ......
公共Hooks封装之表格数据useTableData
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解:声明变量 import { ref, shallowRef, isRef } from "vue"; const loading = ref(false); // 表格数据UI交互Loading const ......
公共Hooks封装之请求参数useQueryParams
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 此篇内容讲解的是关于公共 Hooks 封装之表格数据 useTableData 中暴露出来与 queryParams 的一些方法,而进行封装的 Hooks,其目的在于减少冗余重复代码的书写。 封装分解:参数定义 co ......
公共Hooks封装之文件下载useDownloadFile
写在前面 对于经常需要开发企业管理后台的前端开发来说,必不可少的需要使用表格对于数据进行操作,在对于现有项目进行代码优化时,封装一些公共的 Hooks. 本篇文章为useDownloadFile.js 基于个人项目环境进行封装的 Hooks,仅以本文介绍封装 Hooks 思想心得,故相关代码可能不适 ......
24-数码管动态显示03
数码管动态显示 二进制码转变为BCD码 动态显示驱动模块,是将传入的待显示的十进制数据,转换为位选和段选信号,传入的数据data是由数据产生模块产生的 二进制表示的十进制数需要转变为BCD码表示的十进制数,从而产生位选和段选信号 BCD码是使用四位二进制数表示二进制数 BCD码分为有权码(8421码 ......
Vue3自定义一个Hooks,实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
【2024-01-03】连岳摘抄
23:59 我们不妨多一些对自己拥有的生活的感激,少一些比别人缺失的焦虑,这样才能够真正地获得生活的幸福和快乐。 ——彭凯平 敏感不是坏事。心有灵犀一点通,说的就是敏感。《论语》里说的“闻一知十”“举一反三”,都需要人的敏感。《中庸》说,“祸福将至,善,必先知之。不善,必先知之,故至诚如神。”如果一 ......
JavaWeb - Day15 - maven高级 - 分模块设计与开发、继承与聚合、私服
01. maven高级-分模块设计与开发 1.1 介绍 所谓分模块设计,顾名思义指的就是我们在设计一个 Java 项目的时候,将一个 Java 项目拆分成多个模块进行开发。 1). 未分模块设计的问题 如果项目不分模块,也就意味着所有的业务代码是不是都写在这一个 Java 项目当中。随着这个项目的业 ......
算法学习Day22二叉树插入和删除
Day22二叉树插入和删除 By HQWQF 2024/01/03 笔记 235. 二叉搜索树的最近公共祖先 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为:“对于有根树 T 的两个结点 p、q,最近公共祖先表示为一个结点 x,满足 x 是 p、q 的祖 ......
代码随想录 day08 反转字符串 反转字符串2 替换数字 单词反转顺序 右旋
反转字符串 经典双指针法 头尾交换 反转字符串2 难点在于模拟题目设定的条件 一开始不明白怎么模拟 后来看了一行标准源码 就明白了 设定步长就可以了 然后对迭代器位置进行约束 替换数字 本题为acm模式 也是一道双指针解题 注意这道题需要扩容之后 从后往前填充 免去了从前往后填充时需要移动元素 单词 ......
Day43 冒泡排序
冒泡排序 步骤: 1.比较数组中,两个相邻的元素,如果第一个数比第二个大,我们就交换他们的位置 2.每一次比较,都会产生一个最大,或者最小的数字 3.下一轮则可以少一次排序! 4.依次循环,直到结束! package com.baixiaofan.array; import java ......
01.03每日总结
第一个例子是对计算器进行测试。 假设让你负责一个计算器小程序的测试工作,如何着手呢?假设先测试其加法运算功能,在字长为 32 位的计算机上运行,若随意取 2 个整数进行相加,那么测试数据的最大可能数目为 232x232=264。如果测试一组数据需要 1 毫秒,一天工作 24 小时,一年工作 365 ......
算法学习Day21二叉搜索树、公共祖先
Day21二叉搜索树、公共祖先 By HQWQF 2024/01/03 笔记 530.二叉搜索树的最小绝对差 给你一个二叉搜索树的根节点 root ,返回 树中任意两不同节点值之间的最小差值 。 差值是一个正数,其数值等于两值之差的绝对值。 示例 1: 输入: root = [4,2,6,1,3] ......
def 入门-渡劫 12days
接口文档 后端把接口写好后 -登录接口 /api/v1/login >post > name pwd >编码格式 -注册接口 -查询所有图书带过滤接口 # 前端人员需要根据接口文档,进行前端开发 # 前后端需要做对接 》对接第一个东西就是这个接口文档 》前端照着接口文档开发 # 公司3个人,每个人开 ......
day38
1.今日内容概要 1.数据库存储引擎 2.字段类型之整型 3.字段类型之浮起点型 4.字段类型之字符类型 5.字段类型之日期类型 6.字段类型之枚举与集合 7.创建表的完整语法 2.sql_mode # 如何查看严格模式 show variables like "%mode"; """ 模糊匹配/查 ......
day37mysql
1.今日内容概要 主体:数据库(入门核心) 1.数据存取演变史 2.数据库软件应用史 3.数据库的本质 4.数据库的分类 5.MySQL数据库 6.基本使用 7.系统服务制作 8.基本SQL语句 2.数据存取的演变史 # 1.文本文件操作阶段 jason|123|read jason*123*rea ......
day07 代码随想录算法训练营 15. 三数之和
题目:15. 三数之和 我的感悟: 加油,我可以的。不能放弃。 理解难点: 双指针 思路打开 边界考虑 代码难点: 缩进问题 continue是跳出循环条件 我以前分不清循环条件和判断条件。哈哈哈。一个是if 一个是while / for 总结概括: 只要不放弃就行!!!!!!!! 代码示例: cl ......
2024-01-03 每日一练
LeetCode 每日一题 2487. 从链表中移除节点 问题 给你一个链表的头节点 head 。 移除每个右侧有一个更大数值的节点。 返回修改后链表的头节点 head 。 解答 首先可以看出这是一个非常典型的单调栈,所以直接用单调栈即可解决 其次,单调栈是栈,那么就可以考虑递归,类似于 拓展1 的 ......
谷粒商城 -day7
130、商城业务-商品上架-构造基本数据 131、商城业务-商品上架构造sku检索属性 133、商城业务-商品上架-远程上架接口 134、商城业务-商品上架-上架接口调试 135、商城业务-商品上架-抽取-测试完成 136、商城业务-首页-整合thymeleaf渲染首页 ......
pandas day01
一、什么是数据分析: 数据分析是指对数据进行收集、处理、转换和挖掘,以发现数据中的规律、趋势和关联性,为决策提供支持和指导的过程。数据分析涵盖了数据预处理、数据建模、数据可视化、数据挖掘等多个方面的技术和方法。 二、pandas的初步使用: 2.1 安装模块 # 安装第三方库 pip install ......
Pytest03-常用参数
"-s" 参数 用于关闭捕捉,从而输出打印信息到控制台 "-v" 参数 用于显示具体的用例执行信息‘ 通过Pytest --help 查看帮助 1.运行名称中包含某字符串的测试用例 -k 2.简化输出信息 -q 3. 如果出现一条测试用例失败,则退出测试 -x 4. 指定目录以及特定类或方法执行 p ......
JUC源码学习系列03
Synchronized 什么是 Synchronized:这是 Java 控制多线程访问共享资源的一种方式,是线程之间通信的一种方式。 什么同步代码块:同步代码块用于阻止多个线程同时对同一方法中的部分代码进行访问。 理解起来,可以看成同步代码块相当于一个保护共享资源的一块区域,这个区域需要有特定身 ......
CCO 2023 Day1 Real Mountains
题面 题意简述:给定一个长度为 \(n\) 的高度数列 \(h\),可以选定 \(i < j < k\) 且 \(h_i > h_j < h_k\),付出 \(h_i + h_j + h_k\) 的代价使 \(h_j\) 增高 \(1\)。问使 \(h\) 满足 \(\exist p \in [1, ......
day07 代码随想录算法训练营 383. 赎金信
题目:383. 赎金信 我的感悟: 我自己独立做出来了。 理解难点: so easy 代码难点: 扩展理解defaultdic, 定义的时候 hashmap = defaultdict(int) hashmap拿到一个不存在的值的时候会设置为0 int可以省略吗? 不可以,int是工厂函数。用于设置 ......
day07 代码随想录算法训练营 454. 四数相加 II
题目:454. 四数相加 II 我的感悟: 把握题意:这道题目是四个独立的数组,只要找到A[i] + B[j] + C[k] + D[l] = 0就可以 有点像上学那会,提醒自己要注意题意。审题很关键。审题的要点是要明白题目说什么。 理解难点: 为什么可以只遍历AB和CD,不遍历AC和BD? 都可以 ......
海亮01/03日杂题
海亮集训:01/03日 T1 T2 T3 T4 CF1697F 题意 构造一个长度为 \(n\) 的数列 \(a\),其中 \(1\le a_i\le k\) 且 \(a\) 不降,即对于所有 \(1\le i \le n-1\),\(a_i \le a_{i+1}\)。给出 \(m\) 个约束,有 ......