小数uni-number-box组件 思路
iview2.0 InputNumber 保留两位小数
<FormItem prop="free" label="包期费用(元)："> <Input-number :min="0" style="width: 100%" v-model="formValidate.free" placeholder="请输入单价(元)" :formatter="valu ......
大文件上传的思路
1.大文件上传的解决思路1.文件切片：把一个大文件转换成二进制内容，然后按照一个固定的大小对二进制内容进行切割，得到多个小文件，然后循环上传所有的小文件。在js中，文件File对象是Blob对象的子类，可以使用slice()方法完成对文件的切割；2.文件合并：当所有小文件上传完成，调用接口通知后端把 ......
React学习笔记08- 组件的样式
1.使用行内样式 想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现： // 注意这里的两个括号，第一个表示我们在要JSX里插入JS了，第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 ......
React学习笔记07-组件嵌套
一个项目肯定是由多个组件构成的，组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar ......
React学习笔记06-函数式组件
函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo ......
React学习笔记05-类组件
ES6的加入让JavaScript直接支持使用class来定义一个类，react创建组件的方式就是使用的类的继承， ES6 class 是目前官方推荐的使用方式，它使用了ES6标准语法来构建，看以下代码 import React from 'react' import ReactDOM from ' ......
import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用
将 import { useRouter } from 'next/router'; 改为 import Router from "next/router"; 使用： Router.push('/'); 原来使用 import { useRouter } from 'next/router'; 会导 ......
Linux-Shell 小数运算，四舍五入
在shell中做小数运算，可以借助bc 或者awk工具 一、使用bc做小数运算，scale指定小数点位数 1、加法运算（scale参数无效） #echo "5.999 + 5.001"|bc 6.000 #echo "5.111+ 5.1114"|bc 10.2224 运算结果小数点位数以加数中最大 ......
解决多路由复用同一组件页面不刷新问题
如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期 ......
高性能日志脱敏组件：已支持 log4j2 和 logback 插件
项目介绍 日志脱敏是常见的安全需求。普通的基于工具类方法的方式，对代码的入侵性太强，编写起来又特别麻烦。 sensitive提供基于注解的方式，并且内置了常见的脱敏方式，便于开发。 同时支持 logback 和 log4j2 等常见的日志脱敏插件。 拓展阅读 金融用户敏感数据如何优雅地实现脱敏？ 日 ......
记录vue效果之即时编辑表格字段思路
场景:要求单选，多选时候时间变为选择器可修改，但是比如选择了后，时间改了，然后又点了取消，那么就要回到最初的时间去 比如节点二最初为10-01，选了后改成了10-27，然后取消勾选，为10-01的字 解决思路 做一个key-value的数据结构，key为表格行id,value为改的值 <el-tab ......
动态规划 DP 的一些笔记以及解题思路
万物的开始，首先介绍一下动态规划（dynamic programming，DP）的基本概念：动态规划适用于有重叠子问题和最优子结构性质的问题，并且记录所有子问题的结果，因此动态规划方法耗费时间远远少于朴素解法。 动态规划总共可以分为4个步骤：1、定义子问题 2、写出子问题的递推关系 3、确定DP数组 ......
PTA 函数与递归部分题目讲解及思路
7-1 判断素数 题目分析 题目输入n个数，判断其是否为质数 对于判断质数，只需要满足从2开始遍历的每一个数一直到√n均无法被n整除即可 关于为什么只要到√n呢？ 因为n = √n * √n，因此其最大的因数不会超过√n，因此可以优化减少不必要的循环 AC Code #include<iostrea ......
如果需要，如何最多保留两位小数
内容来自 DOC https://q.houxu6.top/?s=如果需要，如何最多保留两位小数 可以使用JavaScript的toFixed()方法来实现。该方法可以将数字四舍五入到指定的小数位数，并返回一个字符串表示结果。如果需要，还可以在结果中保留指定的小数位数。 以下是一个实现该功能的示例代 ......
递归引用组件
对于子组件相同但不确定是几层 for 循环的时候，可以递归引用组件，就是在组件中引用自身。注意要命名 name。 示例代码： 递归组件recursion-view.vue <template> <view class="recursion-view" :style="[views.css]"> <b ......
38 异步组件
异步，需要时才被加载 <template> <div> <KeepAlive> <component :is="tabComponent"> </component> </KeepAlive> <button @click="change">切换组件</button> </div> </templa ......
Vue3 父子、兄弟组件通信
父组件向子组件通信 父组件：Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
36 动态组件
两个组件之间来回切换的行为需求--> 动态组件 组件确实切换了，但没有显示，为啥子 重点是： 1. <component :is="tabComponent"> </component> 2. data() { return { tabComponent: "ComponentB" } }, 3. ......
35 组件生命周期的应用
banner： 横幅，旗帜 这节课没啥的 重要的是，哪个时间节点应该做什么事，可以做什么事，这一点要理解。（或者说，不同的事情放在不同的时间节点完成） <template> <div> <h3>组件的生命周期</h3> <p ref="zhan">{{ msg }}</p> <button @cli ......
34 组件的生命周期
出生————> 死亡 在主要的时间节点上，自动执行 生命周期 钩子函数 mount ：安装 ，handle：处理 组件生命周期示意图 虽然写这东西没什么意义，但还是花了一点时间手撕代码吧 <template> <div> <h3>组件的生命周期</h3> <p>{{ msg }}</p> <butt ......
轻松掌握组件启动之MongoDB（番外篇）：高可用复制集架构环境搭建-mtools
mtools是一个基于Python实现的MongoDB工具集，旨在提供一系列功能，包括MongoDB日志分析、报表生成以及简易的数据库安装等。它由MongoDB原生的工程师单独发起并进行开源维护。mtools包含了一些常用的组件，如mlaunch、mlogfilter、mplotqueries和ml... ......
界面组件DevExpress WPF v23.1 - 全面升级文档处理功能
DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品，还是以数 ......
再学Blazor——组件
Blazor 应用基于组件，组件可以复用和嵌套。本文内容如下： 组件类 组件嵌套 组件参数 组件对象 1. 组件类 所有组件都是继承 ComponentBase 组件基类，razor 文件默认继承 ComponentBase 类。 ComponentBase 实现组件的最低抽象，IComponent ......
《优化接口设计的思路》系列：第五篇—接口发生异常如何统一处理
前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 作为一名从业已达六年的老码农，我的工作主要是开发后端Java业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接 ......
作为一名测试工程师，进行商城的测试用例设计思路是什么？
进行商城的测试用例设计时，可以考虑以下思路： 1. 功能测试：测试商城的基本功能是否正常工作，包括用户注册、登录、浏览商品、搜索商品、添加商品到购物车、下单、支付等。 2. 数据验证测试：验证商城中的数据是否正确、完整和一致，包括商品信息、价格、库存、用户信息等。 3. 用户体验测试：测试商城的用户 ......
27 组件事件
组件事件：组件之间的相关操作，比如说数据传递之类的 $emit 可以子传父亲； props只能父传子 <br> <button @click="SonMethod">通过子级函数操作父级函数</button> </template> <script> export default{ methods: ......
四舍五入的数字 round(列名，小数点位数)
select sal as '原始数据', round(sal) as '四舍五入后的数据' ,round(sal,1) as '四舍五入1个小数点后的数据'from emp; ......
SvgIcon全局组件---开发环境：vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件，使用全局组件前需要在Vus.js实例中注册，并将其挂载到实例中。全局组件是可复用的Vus ......
26 组件传递props校验
基于组件传递，对传输的内容进行校验 1.设置默认值 default 2.必选项 require 3.传参的类型 ps:props 是 只读的，不能修改 ......
使用C#中的Panel组件时，它一直按照左上角为基准对齐
是这里出了问题 点击Panel之后，在右边属性列表中就能看见有一个名Anchor为的属性， 它默认是Top，Left的定义值； 所以Panel才是一直以左上角为基准变化； 现在将其改为Bottom属性： 然后Panel的排列布局就会下一个挨着上一个的底部啦~ 如图所示： ......