前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[URI数组]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...LCA的话,需要一个数组来记录它. 主体思想 从根结点遍历这棵树,遍历到每个结点并使用并查集记录父子关系. 实现方式 用并查集记录父子关系,将遍历过的点合并为一颗树. 若两个结点\(x\),\(y\)分别位于结点\(a\)的左右子树中,那么结点\(a\)就为\(x\)与\(y\)的LCA. 考虑到该结点本身就是自己的LCA的情况,做出如下修改: 若\(a\)是\(x\)和\(y\)的祖先之一,且\(x\)和\(y\)分别在\(a\)的左右子树中,那么\(a\)便是\(x\)和\(y\)的LCA. 这个定理便是Tarjan版LCA的实现基础. 具体步骤 当遍历到一个结点\(x\)时,有以下步骤: 把这个结点标记为已访问. 遍历这个结点的子结点\(y\),并在回溯时用并查集合并\(x\)和\(y\). 遍历与当前结点有查询关系的结点\(z\),如果\(z\)已被访问,则它们的LCA就为\(find(z)\). 需要同志们注意的是,存查询关系的时候是要双向存储的. 该算法的时间复杂度为\(O(n+m)\) Tarjan版的LCA很少用到,但为了方便理解,这里引用了参考文献2里的代码,望原博主不要介意. 代码: include<bits/stdc++.h>using namespace std;int n,k,q,v[100000];map<pair<int,int>,int> ans;//存答案int t[100000][10],top[100000];//存储查询关系struct node{int l,r;};node s[100000];/并查集/int fa[100000];void reset(){for (int i=1;i<=n;i++){fa[i]=i;} }int getfa(int x){return fa[x]==x?x:getfa(fa[x]);}void marge(int x,int y){fa[getfa(y)]=getfa(x);}/------/void tarjan(int x){v[x]=1;//标记已访问node p=s[x];//获取当前结点结构体if (p.l!=-1){tarjan(p.l);marge(x,p.l);}if (p.r!=-1){tarjan(p.r);marge(x,p.r);}//分别对l和r结点进行操作for (int i=1;i<=top[x];i++){if (v[t[x][i]]){cout<<getfa(t[x][i])<<endl;}//输出} }int main(){cin>>n>>q;for (int i=1;i<=n;i++){cin>>s[i].l>>s[i].r;}for (int i=1;i<=q;i++){int a,b;cin>>a>>b;t[a][++top[a]]=b;//存储查询关系t[b][++top[b]]=a;}reset();//初始化并查集tarjan(1);//tarjan 求 LCA} 参考文献 参考文献1 参考文献2 参考文献3 转载于:https://www.cnblogs.com/Lemir3/p/11112663.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30736301/article/details/96105162。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-09 23:03:55
154
转载
转载文章
...也可以通过有参构造、数组Array、集合Collection、迭代器Iterator来创建一个元组,直接调用相应方法即可。 但是,我们可能记不住各元组对象的名称(Unit、Pair、Triplet、Quartet、Quintet、Sextet、Septet、Octet、Ennead、Decade),还要背下单词…因此,我们可以自定义一个工具类,提供公共方法,根据传入的参数个数,返回不同的元组对象。 2.2.2 自定义工具类 package com.superchen.demo.utils;import org.javatuples.Decade;import org.javatuples.Ennead;import org.javatuples.Octet;import org.javatuples.Pair;import org.javatuples.Quartet;import org.javatuples.Quintet;import org.javatuples.Septet;import org.javatuples.Sextet;import org.javatuples.Triplet;import org.javatuples.Unit;/ ClassName: TupleUtils Function: <p> Tuple helper to create numerous items of tuple. the maximum is 10. if you want to create tuple which elements count more than 10, a new class would be a better choice. if you don't want to new a class, just extends the class {@link org.javatuples.Tuple} and do your own implemention. </p> date: 2019/9/2 16:16 @version 1.0.0 @author Chavaer @since JDK 1.8/public class TupleUtils{/ <p>Create a tuple of one element.</p> @param value0 @param <A> @return a tuple of one element/public static <A> Unit<A> with(final A value0) {return Unit.with(value0);}/ <p>Create a tuple of two elements.</p> @param value0 @param value1 @param <A> @param <B> @return a tuple of two elements/public static <A, B> Pair<A, B> with(final A value0, final B value1) {return Pair.with(value0, value1);}/ <p>Create a tuple of three elements.</p> @param value0 @param value1 @param value2 @param <A> @param <B> @param <C> @return a tuple of three elements/public static <A, B, C> Triplet<A, B, C> with(final A value0, final B value1, final C value2) {return Triplet.with(value0, value1, value2);} } 以上的TupleUtils中提供了with的重载方法,调用时根据传入的参数值个数,返回对应的元组对象。 2.2.3 示例代码 若有需求: 现有pojo类Student、Teacher、Programmer,需要存储pojo类的字节码文件、对应数据库表的主键名称、对应数据库表的毕业院校字段名称,传到后层用于组装sql。 可以再定义一个对象类,但是如果还要再添加条件字段的话,又得重新定义…所以我们这里直接使用元组Tuple实现。 public class TupleTest {public static void main(String[] args) {List<Triplet<Class, String, String>> roleList = new ArrayList<Triplet<Class, String, String>>();/三元组,存储数据:对应实体类字节码文件、数据表主键名称、数据表毕业院校字段名称/Triplet<Class, String, String> studentTriplet = TupleUtils.with(Student.class, "sid", "graduate");Triplet<Class, String, String> teacherTriplet = TupleUtils.with(Teacher.class, "tid", "graduate");Triplet<Class, String, String> programmerTriplet = TupleUtils.with(Programmer.class, "id", "graduate");roleList.add(studentTriplet);roleList.add(teacherTriplet);roleList.add(programmerTriplet);for (Triplet<Class, String, String> triplet : roleList) {System.out.println(triplet);} }} 存储数据结构如下: 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_35006663/article/details/100301416。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-17 17:43:51
257
转载
Kylin
...计算好,形成一个多维数组,当用户发起查询时,Kylin可以直接从Cube中检索结果,而无需实时计算,从而实现亚秒级的查询性能。在构建Cube时,可以选择不同的维度组合和度量方法,以平衡存储空间和查询速度的关系。Cube的这种预计算机制,特别适用于需要频繁进行多维度分析的场景。
2024-12-12 16:22:02
88
追梦人
SpringCloud
...product").uri("lb://PRODUCT-SERVICE")) .build(); } 2. 过滤器异常 Spring Cloud Gateway支持自定义过滤器,若过滤器内部逻辑错误或资源不足等,也可能引发异常。比如在开发权限校验过滤器的时候,假如咱们的验证逻辑不小心出了点小差错,就可能会让本来正常的请求被误判、给挡在外面了。 java @Component public class AuthFilter implements GlobalFilter, Ordered { @Override public Mono filter(ServerWebExchange exchange, GatewayFilterChain chain) { // 假设这里的token解析或校验过程出现问题 String token = exchange.getRequest().getHeaders().getFirst("Authorization"); // ...省略校验逻辑... if (isValidToken(token)) { return chain.filter(exchange); } else { // 若返回错误信息时处理不当,可能导致异常 return exchange.getResponse().setStatusCode(HttpStatus.UNAUTHORIZED).buildMono(); } } // ... } 三、异常排查与解决策略 1. 路由匹配异常 : - 排查方法:首先检查路由配置是否正确且完整,确保所有接口都有对应的路由规则。 - 解决方案:添加或修复缺失或错误的路由规则。 2. 过滤器异常 : - 排查方法:通过日志定位到具体哪个过滤器报错,然后审查过滤器内部逻辑。对于自定义过滤器,应重点检查业务逻辑和资源管理部分。 - 解决方案:修复过滤器内部的逻辑错误,保证过滤器能够正确执行并返回预期结果。同时呢,千万记得要做好应对突发状况的工作,就像在过滤器里头万一出了岔子,咱们得确保能给客户端一个明明白白的反馈信息,而不是啥也不说就直接把异常抛出去,让请求咔嚓一下就断掉了。 四、总结与思考 面对Spring Cloud Gateway的异常情况,我们需要具备敏锐的问题洞察力和严谨的排查手段。每一个异常背后都可能是架构设计、资源配置、代码实现等方面的疏漏。所以呢,咱们在日常敲代码的时候,不仅要死磕代码质量,还得把Spring Cloud Gateway的运作机理摸得门儿清。这样一来,当问题突然冒出来的时候,就能快速找到“病灶”,手到病除地解决它。这样子,我们的微服务架构才能真正硬气起来,随时准备好迎接那些复杂多变、让人头疼的业务场景和挑战。 在实际开发中,每一次异常处理的过程都是我们深化技术认知,提升解决问题能力的良好契机。让我们一起在实战中不断积累经验,让Spring Cloud Gateway更好地服务于我们的微服务架构。
2023-07-06 09:47:52
95
晚秋落叶_
Java
...的组合方式,让这些素数组合起来等于给定的目标数字。这里我们可以用递归来解决这个问题。递归的核心思想就是把大问题分解成小问题,然后逐步解决。 假设我们要把数字10拆成素数的和,我们可以从最小的素数2开始尝试,看看能不能凑出来。如果不行,就换下一个素数继续尝试。这样一步步往下走,直到找到所有可能的组合。 下面是一段Java代码示例: java import java.util.ArrayList; public class PrimeSum { public static void main(String[] args) { int target = 10; ArrayList primes = new ArrayList<>(); for (int i = 2; i <= target; i++) { if (isPrime(i)) { primes.add(i); } } findPrimeSums(target, primes, new ArrayList<>()); } public static boolean isPrime(int num) { if (num <= 1) return false; for (int i = 2; i i <= num; i++) { if (num % i == 0) { return false; } } return true; } public static void findPrimeSums(int remaining, ArrayList primes, ArrayList currentCombination) { if (remaining == 0) { System.out.println(currentCombination); return; } for (Integer prime : primes) { if (prime > remaining) break; currentCombination.add(prime); findPrimeSums(remaining - prime, primes, currentCombination); currentCombination.remove(currentCombination.size() - 1); } } } 这段代码里,findPrimeSums方法就是一个递归函数。这玩意儿呢,要收三个东西当输入:一个是剩下的数字,一个是所有的素数小弟们列好队等着用,还有一个是咱们现在正在拼凑的那个组合。当剩余数字为0时,我们就找到了一组有效的组合。 --- 四、结果展示 数字的无限可能性 运行上面的代码后,你会看到类似如下的输出: [2, 2, 2, 2, 2] [2, 2, 2, 3, 1] [2, 2, 3, 3] [2, 3, 5] [3, 7] 哇哦!原来10可以有这么多不同的拆分方式呢!每一组都是由素数组成的,并且它们的和正好等于10。 在这个过程中,我一直在想,为什么会有这么多种可能性呢?是不是因为素数本身就具有某种特殊的规律?还是说这只是数学世界中的一种巧合? 不管怎样,我觉得这种探索的过程真的很迷人。每一次运行程序,都像是在打开一个新的宝藏箱,里面装满了未知的答案。 --- 五、总结与展望 好了朋友们,今天的旅程到这里就要结束了。我们不仅学会了如何用Java找到素数,还掌握了如何用递归的方法拆分数字。虽然过程有点复杂,但每一步都很值得回味。 未来,如果你对这个问题感兴趣,不妨尝试优化代码,或者挑战更大的数字。也许你会发现更多有趣的规律呢! 最后,希望大家都能喜欢编程带来的乐趣。记住,学习编程就像学习一门新的语言,多实践、多思考,总有一天你会说得非常流利!再见啦,下次见!
2025-03-17 15:54:40
61
林中小径
转载文章
...验分布与某一类似然函数组合后,形成的后验分布仍属于同一类分布的情况。这意味着,在进行参数估计时,如果选择了一种与似然函数共轭的先验分布,则可以通过解析形式直接得到后验分布,简化了计算过程。例如,在文章中提到Beta分布作为伯努利分布的共轭先验,意味着给定伯努利分布的数据后,使用Beta分布作为先验时,可以得到同样为Beta分布的后验分布。 最大似然估计(Maximum Likelihood Estimation, MLE) , 最大似然估计是一种参数估计方法,其核心思想是根据观测到的数据集,找到使得该数据出现概率最大的模型参数值。在实际应用中,通过构建似然函数并最大化该函数,从而确定参数的最佳估计值。文章中详细描述了如何使用最大似然估计来求解伯努利分布中的参数p,即通过计算样本集中所有观测结果对应概率乘积的最大化,得出参数p的最可能取值。
2024-02-26 12:45:04
517
转载
转载文章
...n(method, uri, async) ;method:请求方式,通常是GEI|POSTurl:请求地址async:是否异步。如果是true表示异步,false表示同步3.发送请求xhr.send(params);params:请求时需要传递的参数如果是GET请求,设置nu11。 (GET请求的参数设置在url后面)如果是POST请求,无参数设置为null,有参数则设置参数4.接收响应xhr.status响应状态(200=响应成功, 404=资源末找到,500=服务器异常)xhr.responseText 得到响应结果 --> <script type="text/javascript">// 同步请求function text01() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", false);// 3.发送请求xhr.send(null);// 4.判断响应状态if (xhr.status == 200) {console.log("响应成功");} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)}console.log("同步请求...");}text01();// 异步请求function text02() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", true);// 3.发送请求xhr.send(null);// 由于是异步请求,所以需要知道后台已经将请求处理完毕,才能获取响应结果// 遇过监听readyState的变化来得知后面的处理状态 4=完全处理xhr.onreadystatechange = function(){if(xhr.readyState == 4){// 4.判断响应状态if (xhr.status == 200) {// 得到响应结果 console.log(xhr.responseText);} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)} }}console.log("异步请求...");}text02();</script> 运行效果截图: 本篇文章为转载内容。原文链接:https://blog.csdn.net/m0_61507413/article/details/122895643。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-22 17:32:41
521
转载
Material UI
... 使用对象解构:在函数组件中,通过对象解构来明确指定需要覆盖的属性,其他默认属性保持不变。 jsx const MyComponent = ({ color }) => { return ( Custom Color Button ); }; 实例二:属性覆盖与正确传播 现在,我们定义一个包含color属性的MyComponent函数组件,并尝试通过传入不同的参数来观察Props的正确传播: jsx const MyComponent = ({ color }) => { return ( {color} Button ); }; 在这里,我们可以清晰地看到,无论传入secondary还是primary作为color值,按钮都正确地显示了所选颜色,因为我们在MyComponent中明确地控制了color属性的值,从而避免了默认值的覆盖问题。 总结与建议 在使用Material UI时,确保对Props的管理足够细致是关键。为了避免那些让人头疼的默认值冲突,咱们得好好规划一下控件属性怎么传递。就像是给家里的水管线路做个清晰的指引图,确保每一滴水都流向该去的地方,而不是乱窜。这样一来,咱就能大大降低出错的概率,让程序运行得更顺畅,用户体验也更好。哎呀,用React的时候啊,记得好好管理Props这玩意儿!别让它乱跑,要不然后面可就一团糟了。每次组件活蹦乱跳的生命周期里,都得仔细盯着Props,确保它们乖乖听话,既不逃也不躲,一直稳稳当当地在你掌控之中。这样,你的代码才不会像无头苍蝇一样乱撞,保持清爽整洁,运行起来也顺畅多了! 结语:从困惑到掌握 面对Props传播的问题,通过实践和理解背后的工作原理,我们能够逐步克服挑战,提升在Material UI项目中的开发效率和质量。记住,每一次调试和解决问题的过程都是学习和成长的机会。在未来的开发旅程中,相信你会更加熟练地驾驭Material UI,创造出更多令人惊艳的应用。
2024-09-28 15:51:28
101
岁月静好
MySQL
...输出是一个层级结构的数组。具体操作如下: php function getTree($id){ $sql = "SELECT FROM node WHERE parent_id = '$id'"; $result = mysqli_query($conn, $sql); $arr = array(); while($row = mysqli_fetch_assoc($result)){ $arr[] = $row; } foreach($arr as $value){ if($value['child'] > 0){ $arr = array_merge($arr, getTree($value['id'])); } } return $arr; } 以上就是使用递归来处理无限极分类的一个简单示例。这个例子嘛,我们先从某个特定的老爸节点下手,把它的所有小崽子(子节点)都给挖出来。接着呢,对每一个小崽子,如果它们自己还有更下一代的小崽子,那我们就得像孙悟空钻进葫芦娃的肚子里那样,一层层地往里递归调用这个过程,把那些隐藏更深的孙子辈节点也给找全了。最后呢,咱们把这一大家子所有的节点都聚到一块儿,拼成一个完整的、层层分明的家族结构。 然而,递归虽然强大,但也有它的局限性。当数据量大时,递归可能会导致栈溢出,影响程序的执行效率。因此,我们需要寻找其他的解决方案。 五、不使用递归,如何处理无限极分类? 那么,如果不使用递归,我们该如何处理无限极分类呢?答案就是使用非递归的方式,也就是我们常说的迭代法。 迭代法的基本思想是从根节点开始,每次只处理一层数据,直到处理完所有的数据。这种方法压根儿不需要递归调用,所以你完全不用担心什么栈溢出的问题。而且实话跟你说,通常情况下,它的工作效率要比递归高不少! 接下来,我们来看一下如何使用迭代法处理无限极分类。假设我们已经有了一个无限极分类的数据库表,其中包含id、parent_id和name三个字段。我们可以按照以下步骤进行处理: 1. 创建一个空的层级结构数组,用于存储所有的节点; 2. 获取根节点,将其添加到层级结构数组中; 3. 遍历所有的节点,对于每一个节点,如果它还没有被处理过,则对其进行处理,将其添加到层级结构数组中,然后处理它的所有子节点。 具体的代码实现如下: php function getTree($root){ $tree = array(); $queue = array($root); while(count($queue) > 0){ $node = array_shift($queue); $tree[$node['id']] = array( 'id' => $node['id'], 'parent_id' => $node['parent_id'], 'name' => $node['name'], 'children' => array() ); if($node['child'] > 0){ $queue = array_merge($queue, getChildren($conn, $node['id'])); } } return $tree; } function getChildren($conn, $id){ $sql = "SELECT FROM node WHERE parent_id = '$id'"; $result = mysqli_query($conn, $sql); $arr = array(); while($row = mysqli_fetch_assoc($result)){ $arr[] = $row; } return $arr; } 以上就是在非递归的情况下,处理无限极分类的一个简单示例。在举这个例子的时候,我们首先动手整了个空荡荡的层级结构数组出来,接着找准了那个根节点,把它给塞进了这个层级结构数组里头。然后,我们就像在超市排队结账一样,用一个队列来装那些等待被处理的节点。每当轮到一个节点时,我们就把它从队列里拽出来,塞进层级结构数组这个大篮子里,并且仔仔细细地处理它所有的“孩子”——也就是子节点。最后一步,咱们就像玩接龙游戏一样,把已经处理过的节点从队列里拿出来,然后美滋滋地接着处理下一个排着队的节点,就这么一直玩下去,直到队列里一个节点都不剩,就表示大功告成了! 总结来说,无论是使用递归还是非递归,都可以有效地处理无限极分类。但是,不同的方法适用于不同的场景,我们需要根据实际情况选择合适的方法。
2023-08-24 16:14:06
58
星河万里_t
转载文章
...需要配置非常多的插件数组,如果项目使用了es2016又得增加一堆,而且我们压根也记不住哪个es版本里该使用哪些插件。 preset就是解决这个问题的,它是一系列插件的集合,以@babel/preset-env为例,假设项目中安装的npm包版本是2020年1月发布的,那么这个预设里包含了2020年1月以前所有进入到stage4阶段的语法转换插件。 可能有小伙伴会问,假如我设置了一个语法插件,指定某个预设里又包含了插件,此时会发生什么?这就涉及到插件和预设的执行顺序了,具体的规则如下: 插件比预设先执行 插件执行顺序是插件数组从前向后执行 预设执行顺序是预设数组从后向前执行 三、插件和预设的参数 不配置参数的情况下,每个插件或预设都是数组中的一个字符串成员,例:preset:["@babel/preset-env","@babel/preset-react"],如果某个插件或预设需要配置参数,成员项就需要由字符串换成一个数组,数组的第一项是插件或预设的名称字符串,第二项为对象,该对象用来设置插件或预设的参数,格式如下: {"presets": [["@babel/preset-env",{"useBuiltIns": "entry"}]]} 四、插件和预设的简写 插件或可以在配置文件里用简写名称,如果插件的npm包名称的前缀为 babel-plugin-,可以省略前缀。例如"plugins": ["babel-plugin-transform-decorators-legacy"]可以简写为"plugins": ["transform-decorators-legacy"]。 如果npm包名称的前缀带有作用域@,例如@scope/babel-plugin-xxx,短名称可以写成@scope/xxx。 到babel7版本时,官方的插件大多采用@babel/plugin-xxx格式的,没有明确说明是否可以省略@babel/plugin-,遇到这中npm包时,最好还是采用全称写法比较稳妥。 预设的短名称规则跟插件差不多,前缀为babel-preset-或带有作用域的包@scope/babel-preset-xxx的可以省略掉babel-preset-。 babel7里@babel/preset-前缀开头的包,例如@babel/preset-env的短名称是@babel/env,官方并没有给出明确说明以@babel/preset-xxx卡头的包是否都可以采用简写,因此最好还是采用全称。 五、混乱的babel6预设 如果直接接触babel7的前端同事都知道es预设直接用@babel/preset-env就行了,但是如果要维护和迭代基于babel6的项目呢?各个项目中使用的可能都不一样,babel-preset-es20xx、babel-preset-stage-x、babel-preset-latest这些预设是啥意思? babel-preset-es20xx: TC39每年发布的、进入标准的ES语法转换器预设,最后一个预设是babel-preset-es2017,不再更新。 babel-preset-stage-x: TC39每年草案阶段的ES语法转换器预设。x的值是0到3,babel7时已废弃,不再更新。 babel-preset-latest: TC39每年发布的、进入标准的ES语法转换器预设。在babel6时等于babel-preset-es2015、babel-preset-es2016、babel-preset-es2017。该包从 v2 开始,需要@babel/core@^7.0.0,也就是需要babel7才能使用,既然要升级到babel7,不如使用更加强大的@babel/preset-env。 本篇文章为转载内容。原文链接:https://blog.csdn.net/douyinbuwen/article/details/123729828。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-16 22:15:54
121
转载
c++
...处理各种数据结构,如数组、向量、列表等。嘿,兄弟!你知道数据结构这玩意儿能帮咱们整理和保管各种信息吧?但是啊,有时候呢,如果我们操作得不当,它也能给我们惹来一堆麻烦,你懂我的意思吗?就像咱们在厨房里做菜,放多了盐或者少放了调料,菜就可能不好吃一样。所以啊,用数据结构的时候可得小心点儿,别让它变成咱们的“小麻烦制造机”!其中之一就是容器大小不足的问题。哎呀,你懂的,就像你去超市购物,东西已经塞满了购物车,再往里塞个大号的西瓜,那购物车肯定要翻车或者搞不好西瓜砸到脚上。程序也一样,如果数据容器已经装得满满的了,你还拼命往里加东西,要么程序就直接罢工,要么就乱七八糟地运行,搞得谁都不开心。为了不让这种尴尬的状况发生,同时给咱们的程序员小伙伴们提供一份贴心的错误提示,C++这门编程语言特地准备了一个叫做 std::length_error 的小工具。它专门用来告诉我们,哎呀,你的容器(就是那个放东西的大盒子)不够大,装不下你想要塞进去的东西啦!这样一来,咱们在写代码的时候,如果遇到了这种情况,就知道是哪里出了问题,然后就可以愉快地修改和解决啦! 为什么需要 std::length_error 想象一下,你正在开发一个应用程序,它需要在用户输入时动态地增加数据容器的大小。哎呀,兄弟,你可得小心点啊!要是你操作不当,特别是像往杯子里倒水那样,已经装满了还拼命加,那可就麻烦大了。程序也是一样,万一你试图在容器已经满满当当的情况下继续塞东西进去,那可就有可能出岔子。可能就是程序突然罢工,或者变得乱七八糟,啥结果都可能出现。所以啊,记得要适时放手,别让东西堆积成山!使用 std::length_error 可以帮助你在这样的情况下优雅地捕获错误,而不是让程序突然停止工作。 实现 std::length_error 在C++中,std::length_error 是 头文件中的一个类模板。这个类通常用来表示操作的长度超过了容器的当前容量。例如,当你尝试访问一个超出范围的数组索引时,或者在向固定大小的数组或容器添加元素时超过了其最大容量,都会触发 std::length_error。 下面是一个简单的示例代码来展示如何使用 std::length_error: cpp include include include int main() { std::vector vec = {1, 2, 3}; // 尝试向已满的容器添加元素 try { vec.push_back(4); // 这里会触发 std::length_error } catch (const std::length_error& e) { std::cout << "Caught std::length_error: " << e.what() << std::endl; } return 0; } 在这个例子中,我们创建了一个包含三个整数的向量,并尝试向其中添加第四个元素。由于向量已经满了,这会导致 std::length_error 被抛出,然后通过 catch 块捕获并打印错误信息。 如何处理 std::length_error 处理 std::length_error 的方式与处理其他异常类型相同。通常,你会在 try-catch 块中放置可能抛出异常的代码,并在 catch 块中处理错误。例如,在上面的例子中,我们捕获了异常并输出了错误信息。 cpp try { vec.push_back(4); } catch (const std::length_error& e) { std::cerr << "Error: " << e.what() << std::endl; // 可能的处理步骤,例如记录日志、通知用户或尝试释放资源 } 结论 std::length_error 提供了一种机制,使得程序员能够在容器大小不足的情况下得到明确的错误信息,而不是让程序意外崩溃。这对于提高代码的健壮性和用户体验至关重要。哎呀,兄弟!咱们得给程序安个保险丝,对吧?这样,当它碰到那些小麻烦,比如电池没电了或者突然停电啥的,它就能聪明地自我修复,而不是直接挂掉。这样一来,咱们的应用就稳如泰山,用户们也不会觉得突然断线啥的,多爽啊! 总之,std::length_error 是C++程序员工具箱中的一个强大工具,用于管理和响应容器大小不足的错误情况。哎呀,兄弟!理解并掌握这种错误处理的方法,能让你的软件不仅稳定得像座大山,还能让用户用起来舒心顺手,就像喝了一口冰凉的可乐,那叫一个爽!这样一来,你的程序不仅能在复杂的世界里稳如泰山,还能让使用者觉得你是个细心周到的好伙伴。别忘了,这可是让你的软件在芸芸众生中脱颖而出的秘诀!
2024-10-03 15:50:22
51
春暖花开
JQuery
jQuery数组怎样循环赋值 1. 为什么我要写这篇文章? 嘿,大家好!最近我在做一个前端项目的时候,遇到了一个让我有点抓狂的问题——如何用jQuery对数组进行循环赋值?这听起来很简单,但当我真正动手时,才发现这里面有不少坑。所以呢,我想把我的学习过程、遇到的问题以及解决方法都写下来,希望能帮到和我一样困惑的朋友。 首先,咱们得搞清楚一个问题:为什么要用jQuery来操作数组?其实吧,jQuery是一个超级强大的工具库,它能让我们的代码更简洁、更优雅。尤其是当你需要频繁地操作DOM元素时,jQuery简直就是救星。而数组循环赋值这种基础操作,在实际开发中几乎每天都会用到。所以,咱们今天就一起来聊聊这个话题! --- 2. 数组的基本概念与jQuery的关系 在正式进入正题之前,咱们先简单回顾一下数组的概念。数组是一种数据结构,用来存储一系列相同类型的值。比如: javascript var fruits = ["苹果", "香蕉", "橙子"]; 在这个例子中,fruits就是一个数组,里面装着三个字符串。那jQuery是什么呢?jQuery是一个轻量级的JavaScript库,它的核心功能就是简化HTML文档遍历、事件处理、动画效果等操作。其实 jQuery 压根儿不是专门搞数组的,但它里面藏着不少好用的小工具,就像随身带了个万能 Swiss Army Knife(瑞士军刀),想干啥都方便,处理数组什么的基本不在话下! 举个例子,如果你有一堆HTML列表项( 标签),你可以用jQuery快速找到它们并对其进行操作。比如给每个列表项添加点击事件,或者修改它们的内容。这不就是数组循环赋值的典型应用场景吗? --- 3. 如何用jQuery循环赋值? 3.1 使用each()方法 先来说说最常用的each()方法吧。each()是jQuery提供的一个非常实用的函数,它可以用来遍历集合中的每一个元素,并执行回调函数。对于数组来说,each()的表现也非常棒! 假设我们有一个数组numbers,里面存放了一些数字。我们想通过jQuery将这些数字显示在一个无序列表( )中。代码可以这样写: html 这里的关键在于$.each()函数的第一个参数是我们要遍历的数组,第二个参数是一个回调函数,其中index表示当前元素的索引,value则是该元素的值。通过这种方式,我们可以轻松地将数组中的每一项添加到页面上。 不过呢,有时候你会发现直接用each()并不能完全满足需求。比如说,你得看看数组里满足不满足某个条件,要是满足了,那就接着往下走;要是不满足,可能就得另想办法,或者干脆就别执行后面那堆事了。这时候就需要稍微动点脑筋了。 --- 3.2 使用for循环结合jQuery 当然啦,如果你觉得each()太过于“黑箱”,不喜欢隐藏内部细节的话,也可以选择传统的for循环。其实呢,jQuery就是JavaScript的一个小帮手啦,说白了,它再厉害,最后还是得靠原生JavaScript去干活儿。 html 这段代码跟前面的例子类似,只不过我们手动控制了循环变量i,并且直接通过colors[i]访问数组中的元素。这样做的好处就是,你可以更随心所欲地摆弄数组里的数据,比如说直接跳过那些你不想管的项目,特别方便! --- 3.3 高级玩法:链式调用 如果你是个追求极致简洁的人,那么jQuery的链式调用绝对会让你爱不释手。简单来说,链式调用就是让你在一整行代码里接连调用好几个方法,这样就能少写好多重复的东西,看着清爽,用起来也方便! 比如,如果你想一次性创建整个无序列表,可以用下面这种方式: html 这段代码看起来是不是特别酷?我们先创建了一个新的 元素,然后利用map()方法生成所有的 标签,最后再将它们拼接成完整的HTML字符串,再插入到指定的容器中。这种写法不仅高效,还非常优雅! --- 4. 小结与感悟 好了,到这里咱们已经讨论了很多关于jQuery数组循环赋值的内容。说实话,最开始接触这些玩意儿的时候,我也是头都大了,心里直犯嘀咕:这是啥呀?这也太复杂了吧?感觉整个人都不好了,差点怀疑自己是不是选错了路子。其实吧,我后来才明白,这东西也没那么难。你只要把最基本的那些道理搞清楚了,再有点儿耐心,多试着练练,慢慢就啥问题都没啦! 在这里,我想分享一个小技巧:多看官方文档!jQuery的官方文档写得非常好,里面不仅有详细的API说明,还有很多生动的例子。每次遇到问题的时候,我都习惯先去看看文档,很多时候都能找到答案。 最后,希望大家都能从这篇文章中学到一些有用的东西。记住,编程不是一蹴而就的事情,它需要不断的尝试和总结。如果你还有其他关于jQuery的问题,欢迎随时交流哦!加油!💪 --- 好了,这就是我关于“jQuery数组怎样循环赋值”的全部内容啦。希望你能喜欢这篇文章,并且从中受益匪浅!如果觉得有用的话,不妨点赞支持一下吧~😊
2025-05-08 16:16:22
61
蝶舞花间
转载文章
...ndStr; //以数组方式候选字符,可以更方便的剔除不要的字符,如数字 0 与字母 o char[] digitals = new char[10] { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' }; char[] lowerLetters = new char[26] { 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' }; char[] upperLetters = new char[26] { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; char[] letters = new char[52]{ 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; char[] mix = new char[62]{ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; int[] range = new int[2] { 0, 0 }; Random random = new Random(); switch (mode) { case RandomStringMode.Digital: for (int i = 0; i < length; ++i) rndStr += digitals[random.Next(0, digitals.Length)]; break; case RandomStringMode.LowerLetter: for (int i = 0; i < length; ++i) rndStr += lowerLetters[random.Next(0, lowerLetters.Length)]; break; case RandomStringMode.UpperLetter: for (int i = 0; i < length; ++i) rndStr += upperLetters[random.Next(0, upperLetters.Length)]; break; case RandomStringMode.Letter: for (int i = 0; i < length; ++i) rndStr += letters[random.Next(0, letters.Length)]; break; default: for (int i = 0; i < length; ++i) rndStr += mix[random.Next(0, mix.Length)]; break; } return rndStr; } /// <summary> /// 显示验证码 /// </summary> /// <param name="seed">随机数辅助种子</param> /// <param name="strLen">验证码字符长度</param> /// <param name="fontSize">字体大小</param> /// <param name="mode">随机字符模式</param> /// <param name="clrFont">字体颜色</param> /// <param name="clrBg">背景颜色</param> public static void ShowValidationCode(ref int seed, int strLen, int fontSize, RandomStringMode mode, Color clrFont, Color clrBg) { int tmpSeed; unchecked { tmpSeed = (int)(seed DateTime.Now.Ticks); ++seed; } Random rnd = new Random(tmpSeed); string text = GenerateRandomString(strLen, mode); int height = fontSize 2; // 因为字体旋转后每个字体所占宽度会所有加大,所以要加一点补偿宽度 int width = fontSize text.Length + fontSize / (text.Length - 2); Bitmap bmp = new Bitmap(width, height); Graphics graphics = Graphics.FromImage(bmp); Font font = new Font("Courier New", fontSize, FontStyle.Bold); Brush brush = new SolidBrush(clrFont); Brush brushBg = new SolidBrush(clrBg); graphics.FillRectangle(brushBg, 0, 0, width, height); Bitmap tmpBmp = new Bitmap(height, height); Graphics tmpGph = null; int degree = 40; Point tmpPoint = new Point(); for (int i = 0; i < text.Length; i++) { tmpBmp = new Bitmap(height, height); tmpGph = Graphics.FromImage(tmpBmp); // tmpGph.TextRenderingHint = System.Drawing.Text.TextRenderingHint.SingleBitPerPixelGridFit; // 不填充底色,文字 ClearType 效果不见了,why?! // tmpGph.FillRectangle(brushBg, 0, 0, tmpBmp.Width, tmpBmp.Height); degree = rnd.Next(20, 51); // [20, 50]随机角度 if (rnd.Next(0, 2) == 0) { tmpPoint.X = 12; // 调整文本坐标以适应旋转后的图象 tmpPoint.Y = -6; } else { degree = ~degree + 1; // 逆时针旋转 tmpPoint.X = -10; tmpPoint.Y = 6; } tmpGph.RotateTransform(degree); tmpGph.DrawString(text[i].ToString(), font, brush, tmpPoint); graphics.DrawImage(tmpBmp, i fontSize, 0); // 拼接图象 } //输出图象 System.IO.MemoryStream memoryStream = new System.IO.MemoryStream(); bmp.Save(memoryStream, System.Drawing.Imaging.ImageFormat.Gif); HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache); HttpContext.Current.Response.ClearContent(); HttpContext.Current.Response.ContentType = "image/gif"; HttpContext.Current.Response.BinaryWrite(memoryStream.ToArray()); HttpContext.Current.Response.End(); //释放资源 font.Dispose(); brush.Dispose(); brushBg.Dispose(); tmpGph.Dispose(); tmpBmp.Dispose(); graphics.Dispose(); bmp.Dispose(); memoryStream.Dispose(); } } } 转载于:https://www.cnblogs.com/iRed/archive/2008/06/22/1227687.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30600197/article/details/96672619。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-05-27 09:38:56
249
转载
Mongo
...3.2 深入探究嵌套数组 细心的朋友可能已经注意到,当我们使用$lookup时,返回的结果实际上是将orders集合中的匹配项打包成了一个数组(即orderDetails)。这就相当于说,如果我们要直接找到数组里的某个特定元素,还得费点功夫去搞定它呢! 假设我现在想要获取第一个订单的状态,可以通过添加额外的管道步骤来实现: javascript db.users.aggregate([ { $lookup: { from: "orders", localField: "userId", foreignField: "userId", as: "orderDetails" } }, { $project: { _id: 1, name: 1, email: 1, firstOrderStatus: { $arrayElemAt: ["$orderDetails.status", 0] } } } ]) 这段代码使用了$arrayElemAt函数来提取orderDetails数组的第一个元素对应的status值。 --- 4. 总结与反思 这次经历教会了我什么? 经过这次折腾,我对MongoDB的聚合框架有了更深的理解。其实呢,它虽然挺灵活的,但这也意味着我们得更小心翼翼地把握查询逻辑,不然很容易就出问题啦!特别是处理那些涉及多个集合的操作时,你得弄明白每一步到底干了啥,不然就容易出岔子。 最后,我想说的是,无论是在编程还是生活中,遇到困难并不可怕,可怕的是放弃思考。只要愿意花时间去研究和实践,总会找到解决问题的办法。希望大家都能从中受益匪浅! 好了,今天的分享就到这里啦!如果你也有类似的经历或者疑问,欢迎随时留言交流哦~
2025-04-28 15:38:33
17
柳暗花明又一村_
JSON
...符串、数字、布尔值、数组甚至是嵌套的对象。 比如这样: json { "name": "张三", "age": 25, "isStudent": false, "hobbies": ["reading", "coding"] } 看起来很简单吧?但是,当我们尝试存储一些更复杂的文本内容时,事情就没那么简单了。比如你想存一首诗,或者一封邮件,里面可能有好多换行符,那怎么办呢? --- 三、问题来了 换行符的“尴尬”存在 假设你正在写一个应用程序,需要让用户输入一段多行的文字,比如他们的个人简介。哎,你说如果用户输入的内容里带换行符怎么办?难道直接一股脑儿扔进JSON里?但问题来了啊,JSON这小家伙自己也不太争气,它压根儿就不允许字符串里直接留着换行符呢!这可咋整?除非你用某种方式告诉它,“嘿,这可是真的换行哦!” 这就像是你在写信的时候,突然发现信纸不够宽,只能把一句话分成两行写。而你的朋友收到信后,还得脑补那些断开的部分重新组合起来。所以,我们得想个办法让JSON能够正确地解析这些换行符。 --- 四、解决方案 转义字符登场! 幸运的是,JSON提供了一种非常聪明的方式来解决这个问题——转义字符。具体来说,如果你想在JSON字符串中表示换行符,可以使用\n来代替。这里的\n是一个特殊的符号,代表一个换行操作。 举个例子: json { "poem": "静夜思\n床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。" } 在这个例子中,我们用\n来表示每一句诗之间的换行。当你把这个JSON解析出来时,程序会自动把这些\n替换成实际的换行符,于是输出的结果就会变成: 静夜思 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 是不是很神奇?不过,这里有一个小技巧需要注意:如果你想要表示真正的反斜杠(\),那么你需要用双反斜杠(\\)来表示。因为单个反斜杠在JSON中会被认为是一个转义符。 --- 五、更复杂的情况 多段落文本 当然,现实中的情况往往比一首诗复杂得多。比如说,你得把一封邮件的内容存下来,而这封邮件的正文往往是由好几段话组成的,有长有短,啥样的都有。哎呀,光靠换行符 \n 可不一定行啊,毕竟你还得让每段之间留点空白,不然读起来就像一锅粥,分不清哪是哪呀! 在这种情况下,你可以继续使用\n,同时注意合理安排段落结构。例如: json { "email": "亲爱的李四:\n\n很高兴收到您的来信。以下是我的回复:\n\n第一段内容...\n第二段内容..." } 在这里,\n\n表示两个连续的换行符,从而形成了一段空行。用这种方法,就能把文章分得清清楚楚的,读起来也顺溜多了! --- 六、代码实践 从理论到实战 说了这么多理论,让我们动手试试看吧!下面是一些简单的代码示例,展示如何在JavaScript中生成和解析带有换行符的JSON数据。 示例1:生成JSON字符串 javascript const data = { poem: "静夜思\n床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。", email: "亲爱的李四:\n\n很高兴收到您的来信。以下是我的回复:\n\n第一段内容...\n第二段内容..." }; // 将对象转换为JSON字符串 const jsonString = JSON.stringify(data); console.log(jsonString); 运行这段代码后,你会看到类似这样的输出: json {"poem":"静夜思\\n床前明月光,\\n疑是地上霜。\\n举头望明月,\\n低头思故乡。","email":"亲爱的李四:\\n\\n很高兴收到您的来信。以下是我的回复:\\n\\n第一段内容...\\n第二段内容..."} 可以看到,在生成的JSON字符串中,所有的\n都被转义成了\\n。 示例2:解析JSON字符串 javascript const jsonString = '{"poem":"静夜思\\n床前明月光,\\n疑是地上霜。\\n举头望明月,\\n低头思故乡。","email":"亲爱的李四:\\n\\n很高兴收到您的来信。以下是我的回复:\\n\\n第一段内容...\\n第二段内容..."}'; // 将JSON字符串解析回对象 const parsedData = JSON.parse(jsonString); console.log(parsedData.poem); console.log(parsedData.email); 运行这段代码后,你会看到如下输出: 静夜思 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 亲爱的李四: 很高兴收到您的来信。以下是我的回复: 第一段内容... 第二段内容... 瞧!我们的换行符终于生效啦! --- 七、总结与反思 好了,今天的分享就到这里啦!通过这篇文章,我们不仅了解了如何在JSON中处理多次换行的内容,还学习了一些实用的小技巧。虽然JSON看似简单,但它背后隐藏着很多有趣的细节。希望这些知识能帮助你在未来的编程旅程中更加游刃有余。 最后,我想说的是,编程不仅仅是冷冰冰的技术活儿,它也是一种艺术形式。每一次解决问题的过程,都充满了挑战和乐趣。所以,不管遇到什么困难,都别轻易放弃,试着去思考、去尝试,说不定下一个突破就在前方等着你呢! 祝大家 coding愉快! 😊
2025-04-02 15:38:06
51
时光倒流_
转载文章
...py参考 Numpy数组创建例程 Numpy数组操作例程 Numpy线性代数 Scipy线性代数 如果你同时也在寻找关于Numpy和Scipy更多的资源,下面有几个好的参考教材: 2017·用Python进行数据分析 2017·Elegant Scipy 2015·Numpy指南 作者信息 Jason Brownlee,机器学习专家,专注于机器学习教育 文章原标题《Top Resources for Learning Linear Algebra for Machine Learning》,作者:Jason Brownlee, 译者:海棠,审阅:袁虎。 原文链接 干货好文,请关注扫描以下二维码: 本篇文章为转载内容。原文链接:https://blog.csdn.net/yunqiinsight/article/details/79722954。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-14 09:21:43
326
转载
Material UI
...式呢,那就可以传一串数组,想选几个选几个,自由得很! - onValueChange: 这个属性很重要,它是一个回调函数,每当用户选择了一个新的Chip时,都会触发这个函数,你可以在这里处理业务逻辑。 - variant: 可以设置Chip的样式,比如“filled”(填充型)或者“outlined”(边框型),具体看你喜欢哪种风格。 - color: 设置Chip的颜色,比如“primary”、“secondary”之类的,挺简单的。 让我举个例子吧,比如你想做一个音乐类型的筛选器,代码可以这样写: jsx import React from 'react'; import { Chip, ChipGroup } from '@mui/material'; export default function MusicTypeFilter() { const [selectedTypes, setSelectedTypes] = React.useState([]); const handleTypeChange = (event, newValues) => { setSelectedTypes(newValues); console.log('Selected types:', newValues); }; return ( value={selectedTypes} onChange={handleTypeChange} variant="outlined" color="primary" aria-label="music type filter" > ); } 这段代码创建了一个音乐类型筛选器,用户可以选择多个类型。每次选择后,handleTypeChange函数会被调用,并且打印出当前选中的类型。是不是超简单? --- 3. 单选模式 vs 多选模式 说到ChipGroup,肯定要提到它的两种模式——单选模式和多选模式。这就跟点菜一样啊!单选模式就像你只能从菜单上挑一道菜,不能多点;多选模式呢,就好比你想吃啥就点啥,爱点几个点几个,随便你开心!这听起来很基础对吧?但其实这里面有很多细节需要注意。 比如说,如果你用的是单选模式,那么每次点击一个新的Chip时,其他所有Chip的状态都会自动取消掉。这是Material UI默认的行为,但有时候你可能不想要这种效果。比如你做的是一个问卷调查,用户可以选择“非常同意”、“同意”、“中立”等选项,但你希望他们能同时勾选多个答案怎么办呢? 解决办法也很简单,只需要给ChipGroup设置multiple属性为true就行啦!比如下面这段代码: jsx multiple value={['同意', '中立']} onChange={(event, newValues) => { console.log('Selected values:', newValues); } } > 在这个例子中,用户可以同时选择“同意”和“中立”,而不是只能选一个。是不是感觉特别灵活? --- 4. ChipGroup的高级玩法 最后,咱们来说点更酷的东西!你知道吗,ChipGroup其实还有很多隐藏技能,只要你稍微动点脑筋,就能让它变得更强大。 比如说,你想让某些Chip一开始就被选中,该怎么办?很简单,只要在初始化的时候把它们的值放到value属性里就行啦!比如: jsx const [selectedTypes, setSelectedTypes] = React.useState(['摇滚', '流行']); 再比如,你想给某个Chip加上特殊的图标或者颜色,也可以通过自定义Chip来实现。比如: jsx label="摇滚" icon={} color="error" /> 还有哦,有时候你可能会遇到一些动态数据,比如从后台获取的一组选项。这种情况下,你可以用循环来生成ChipGroup的内容,代码如下: jsx const musicTypes = ['摇滚', '爵士', '流行', '古典']; return ( value={selectedTypes} onChange={handleTypeChange} > {musicTypes.map((type) => ( ))} ); 看到没?是不是特别方便?这种灵活性真的让人爱不释手! --- 5. 总结与反思 好了,到这里咱们就差不多聊完了ChipGroup的所有知识点啦!其实吧,我觉得这个组件真的挺实用的,无论是做前端还是后端,都能帮我们省去很多麻烦事。对啊,刚开始接触的时候确实会有点迷糊,感觉云里雾里的。不过别担心,多试着上手操作个几次,慢慢你就明白了,其实一点都不难! 话说回来,我觉得学习任何技术都得抱着一种探索的心态,不能死记硬背。嘿嘿,说到ChipGroup,我当初也是被它折腾了好一阵子呢!各种属性啊、方法啊,全都得自己动手试一遍,慢慢摸索才知道咋用。就像吃 unfamiliar 的菜一样,一开始啥都不懂,只能一个劲儿地尝,最后才找到门道!所以说啊,大家要是用的时候碰到啥难题,别急着抓头发,先去瞅瞅官方文档呗,说不定就有答案了。实在不行,就自己动手试试,有时候动手一做,豁然开朗的感觉就来了! 总之呢,希望大家都能用好这个组件,把它变成自己的得力助手!如果有啥疑问或者更好的玩法,欢迎随时交流哦~ 😊
2025-05-09 16:08:24
89
月下独酌
Golang
...t // 创建一个大数组 for i := 0; i < 1000000; i++ { largeArray[i] = i i // 每个元素都是i的平方 } fmt.Println("Memory usage:", memoryUsage()) // 打印内存使用情况 } // 计算当前进程的内存使用量 func memoryUsage() int64 { // 实际的内存计算函数,这里简化为返回固定值 return 1024 1024 10 // 单位为字节 } 这段代码看似简单,却隐藏着内存泄漏的陷阱。哎呀,你瞧这大数组largeArray在循环里头转悠,占了满满一屋子的空间呢!可别小看了这事儿,要是循环一结束,咱们不赶紧把用过的资源还回去,那这些宝贵的空间就白白浪费了,慢慢地,咱们手里的内存就像水龙头的水一样,越用越少,到最后可能连最基本的运行都成问题啦!所以啊,记得干完活儿就收工,别让资源闲置! 四、应对策略 识别并解决内存问题 策略1:合理使用内存池(Memory Pool) 内存池是一种预先分配并管理内存块的方法,可以减少频繁的内存分配和释放带来的性能损耗。在Golang中,可以通过sync.Pool来实现内存池的功能。 go package main import ( "sync" ) var pool = sync.Pool{ New: func() interface{} { return make([]int, 1000) }, } func main() { for i := 0; i < 1000; i++ { data := pool.Get().([]int) // 从内存池获取数据 defer pool.Put(data) // 使用完毕后归还到内存池 // 对数据进行操作... } } 策略2:优化数据结构和算法 在处理大量数据时,选择合适的数据结构和算法对于降低内存消耗至关重要。例如,使用链表而非数组,可以避免一次性分配大量内存。 策略3:使用Go的内置工具检查内存使用情况 利用pprof工具可以深入了解程序的内存使用情况,帮助定位内存泄漏点。 sh go tool pprof ./your_binary 五、实战演练 构建一个安全的并发处理程序 在并发场景下,内存管理变得更加复杂。错误的并发控制策略可能导致死锁或内存泄露。 示例代码2: go package main import ( "sync" "time" ) var wg sync.WaitGroup var mutex sync.Mutex func worker(id int) { defer wg.Done() time.Sleep(5 time.Second) mutex.Lock() defer mutex.Unlock() fmt.Printf("Worker %d finished\n", id) } func main() { for i := 0; i < 10; i++ { wg.Add(1) go worker(i) } wg.Wait() } 通过合理使用sync.WaitGroup和sync.Mutex,我们可以确保所有工作线程安全地执行,并最终正确地关闭所有资源。 六、结语 从错误中学习,不断进步 面对“内存不足错误”,关键在于理解其背后的原因,而不是简单的错误提示。通过实践、分析和优化,我们不仅能解决眼前的问题,还能提升代码质量和效率。记住,每一次挑战都是成长的机会,让我们带着对技术的好奇心和探索精神,不断前进吧! --- 本文旨在提供一个全面的视角,帮助开发者理解和解决Golang中的内存管理问题。嘿,无论你是编程界的菜鸟还是老司机,记得,内存管理这事儿,可得放在心上!就像开车得注意油表一样,编程时管理好内存,能让你的程序跑得又快又好,不卡顿,不崩盘。别怕,多练练手,多看看教程,慢慢你就成了那个内存管理的小能手。记住,学无止境,技术提升也是这样,一点一滴积累,你的编程技能肯定能上一个大台阶!
2024-08-14 16:30:03
115
青春印记
转载文章
... //这里我们用一个数组来记录起始位置int[] range = new int[2];RecyclerView.LayoutManager manager = reView.getLayoutManager();if (manager instanceof LinearLayoutManager) {range = findRangeLinear((LinearLayoutManager) manager);} else if (manager instanceof GridLayoutManager) {range = findRangeGrid((GridLayoutManager) manager);} else if (manager instanceof StaggeredGridLayoutManager) {range = findRangeStaggeredGrid((StaggeredGridLayoutManager) manager);}复制代码 LinearLayoutManager和GridLayoutManager获取起始位置方法如下 private int[] findRangeLinear(LinearLayoutManager manager) {int[] range = new int[2];range[0] = manager.findFirstVisibleItemPosition();range[1] = manager.findLastVisibleItemPosition();return range;}private int[] findRangeGrid(GridLayoutManager manager) {int[] range = new int[2];range[0] = manager.findFirstVisibleItemPosition();range[1] = manager.findLastVisibleItemPosition();return range;}复制代码 StaggeredGridLayoutManager获取起始位置有点复杂,如下 private int[] findRangeStaggeredGrid(StaggeredGridLayoutManager manager) {int[] startPos = new int[manager.getSpanCount()];int[] endPos = new int[manager.getSpanCount()];manager.findFirstVisibleItemPositions(startPos);manager.findLastVisibleItemPositions(endPos);int[] range = findRange(startPos, endPos);return range;}private int[] findRange(int[] startPos, int[] endPos) {int start = startPos[0];int end = endPos[0];for (int i = 1; i < startPos.length; i++) {if (start > startPos[i]) {start = startPos[i];} }for (int i = 1; i < endPos.length; i++) {if (end < endPos[i]) {end = endPos[i];} }int[] res = new int[]{start, end};return res;}复制代码 四,获取到起始位置以后,我们就根据位置获取到view及view中的数据 上面第三步拿到屏幕内可见条目的起始位置以后,我们就用一个for循环,获取当前屏幕内可见的所有子view for (int i = range[0]; i <= range[1]; i++) {View view = manager.findViewByPosition(i);recordViewCount(view);}复制代码 recordViewCount是我自己写的用于获取子view内绑定数据的方法 //获取view绑定的数据private void recordViewCount(View view) {if (view == null || view.getVisibility() != View.VISIBLE ||!view.isShown() || !view.getGlobalVisibleRect(new Rect())) {return;}int top = view.getTop();int halfHeight = view.getHeight() / 2;int screenHeight = UiUtils.getScreenHeight((Activity) view.getContext());int statusBarHeight = UiUtils.getStatusBarHeight(view.getContext());if (top < 0 && Math.abs(top) > halfHeight) {return;}if (top > screenHeight - halfHeight - statusBarHeight) {return;}//这里获取的是我们view绑定的数据,相应的你要去在你的view里setTag,只有set了,才能getItemData tag = (ItemData) view.getTag();String key = tag.toString();if (TextUtils.isEmpty(key)) {return;}hashMap.put(key, !hashMap.containsKey(key) ? 1 : (hashMap.get(key) + 1));Log.i("qcl0402", key + "----出现次数:" + hashMap.get(key));}复制代码 这里有几点需要注意 1,这这里起始位置的view显示区域如果不超过50%,就不算这个view可见,进而也就不统计曝光。 2,我们通过view.getTag();获取view里的数据,必须在此之前setTag()数据,我这里setTag是在viewholder中把数据set进去的 到这里我们就实现了recylerview列表中view控件曝光量的统计了。下面贴出来完整的代码给大家 package com.example.qcl.demo.xuexi.baoguang;import android.app.Activity;import android.graphics.Rect;import android.support.v7.widget.GridLayoutManager;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.StaggeredGridLayoutManager;import android.text.TextUtils;import android.util.Log;import android.view.View;import com.example.qcl.demo.utils.UiUtils;import java.util.concurrent.ConcurrentHashMap;/ 2019/4/2 13:31 author: qcl desc: 安卓曝光量统计工具类 wechat:2501902696/public class ViewShowCountUtils {//刚进入列表时统计当前屏幕可见viewsprivate boolean isFirstVisible = true;//用于统计曝光量的mapprivate ConcurrentHashMap<String, Integer> hashMap = new ConcurrentHashMap<String, Integer>();/ 统计RecyclerView里当前屏幕可见子view的曝光量 /void recordViewShowCount(RecyclerView recyclerView) {hashMap.clear();if (recyclerView == null || recyclerView.getVisibility() != View.VISIBLE) {return;}//检测recylerview的滚动事件recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {@Overridepublic void onScrollStateChanged(RecyclerView recyclerView, int newState) {/我这里通过的是停止滚动后屏幕上可见view。如果滚动过程中的可见view也要统计,你可以根据newState去做区分SCROLL_STATE_IDLE:停止滚动SCROLL_STATE_DRAGGING: 用户慢慢拖动SCROLL_STATE_SETTLING:惯性滚动/if (newState == RecyclerView.SCROLL_STATE_IDLE) {getVisibleViews(recyclerView);} }@Overridepublic void onScrolled(RecyclerView recyclerView, int dx, int dy) {super.onScrolled(recyclerView, dx, dy);//刚进入列表时统计当前屏幕可见viewsif (isFirstVisible) {getVisibleViews(recyclerView);isFirstVisible = false;} }});}/ 获取当前屏幕上可见的view /private void getVisibleViews(RecyclerView reView) {if (reView == null || reView.getVisibility() != View.VISIBLE ||!reView.isShown() || !reView.getGlobalVisibleRect(new Rect())) {return;}//保险起见,为了不让统计影响正常业务,这里做下try-catchtry {int[] range = new int[2];RecyclerView.LayoutManager manager = reView.getLayoutManager();if (manager instanceof LinearLayoutManager) {range = findRangeLinear((LinearLayoutManager) manager);} else if (manager instanceof GridLayoutManager) {range = findRangeGrid((GridLayoutManager) manager);} else if (manager instanceof StaggeredGridLayoutManager) {range = findRangeStaggeredGrid((StaggeredGridLayoutManager) manager);}if (range == null || range.length < 2) {return;}Log.i("qcl0402", "屏幕内可见条目的起始位置:" + range[0] + "---" + range[1]);for (int i = range[0]; i <= range[1]; i++) {View view = manager.findViewByPosition(i);recordViewCount(view);} } catch (Exception e) {e.printStackTrace();} }//获取view绑定的数据private void recordViewCount(View view) {if (view == null || view.getVisibility() != View.VISIBLE ||!view.isShown() || !view.getGlobalVisibleRect(new Rect())) {return;}int top = view.getTop();int halfHeight = view.getHeight() / 2;int screenHeight = UiUtils.getScreenHeight((Activity) view.getContext());int statusBarHeight = UiUtils.getStatusBarHeight(view.getContext());if (top < 0 && Math.abs(top) > halfHeight) {return;}if (top > screenHeight - halfHeight - statusBarHeight) {return;}//这里获取的是我们view绑定的数据,相应的你要去在你的view里setTag,只有set了,才能getItemData tag = (ItemData) view.getTag();String key = tag.toString();if (TextUtils.isEmpty(key)) {return;}hashMap.put(key, !hashMap.containsKey(key) ? 1 : (hashMap.get(key) + 1));Log.i("qcl0402", key + "----出现次数:" + hashMap.get(key));}private int[] findRangeLinear(LinearLayoutManager manager) {int[] range = new int[2];range[0] = manager.findFirstVisibleItemPosition();range[1] = manager.findLastVisibleItemPosition();return range;}private int[] findRangeGrid(GridLayoutManager manager) {int[] range = new int[2];range[0] = manager.findFirstVisibleItemPosition();range[1] = manager.findLastVisibleItemPosition();return range;}private int[] findRangeStaggeredGrid(StaggeredGridLayoutManager manager) {int[] startPos = new int[manager.getSpanCount()];int[] endPos = new int[manager.getSpanCount()];manager.findFirstVisibleItemPositions(startPos);manager.findLastVisibleItemPositions(endPos);int[] range = findRange(startPos, endPos);return range;}private int[] findRange(int[] startPos, int[] endPos) {int start = startPos[0];int end = endPos[0];for (int i = 1; i < startPos.length; i++) {if (start > startPos[i]) {start = startPos[i];} }for (int i = 1; i < endPos.length; i++) {if (end < endPos[i]) {end = endPos[i];} }int[] res = new int[]{start, end};return res;} }复制代码 使用就是在我们的recylerview设置完数据以后,把recylerview传递进去就可以了。如下图: 我们统计到曝光量,拿到曝光view绑定的数据,就可以结合后面的view点击,来看下那些商品view的曝光量高,那些商品的转化率高。当然,这都是运营小伙伴的事了,我们只需要负责把曝光量统计到即可。 如果你有任何编程方面的问题,可以加我微信交流 2501902696(备注编程) by:年糕妈妈qcl 转载于:https://juejin.im/post/5ca30ad1e51d4514c01634f1 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_34150503/article/details/91475198。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-07-29 13:55:00
322
转载
转载文章
...Arr 要上传的字节数组 @throws SftpException @throws Exception/public void upload(String directory, String sftpFileName, byte[] byteArr) throws SftpException{upload(directory, sftpFileName, new ByteArrayInputStream(byteArr));}/ 将字符串按照指定的字符编码上传到sftp @param directory 上传到sftp目录 @param sftpFileName 文件在sftp端的命名 @param dataStr 待上传的数据 @param charsetName sftp上的文件,按该字符编码保存 @throws UnsupportedEncodingException @throws SftpException @throws Exception/public void upload(String directory, String sftpFileName, String dataStr, String charsetName) throws UnsupportedEncodingException, SftpException{upload(directory, sftpFileName, new ByteArrayInputStream(dataStr.getBytes(charsetName)));}/ 下载文件 @param directory 下载目录 @param downloadFile 下载的文件 @param saveFile 存在本地的路径 @throws SftpException @throws Exception/public void download(String directory, String downloadFile, String saveFile) throws SftpException, FileNotFoundException{if (directory != null && !"".equals(directory)) {sftp.cd(directory);}File file = new File(saveFile);sftp.get(downloadFile, new FileOutputStream(file));log.info("file:{} is download successful" , downloadFile);}/ 下载文件 @param directory 下载目录 @param downloadFile 下载的文件名 @return 字节数组 @throws SftpException @throws Exception/public byte[] download(String directory, String downloadFile) throws SftpException, IOException {if (directory != null && !"".equals(directory)) {sftp.cd(directory);}InputStream is = sftp.get(downloadFile);byte[] fileData = IOUtils.toByteArray(is);log.info("file:{} is download successful" , downloadFile);return fileData;}/ 删除文件 @param directory 要删除文件所在目录 @param deleteFile 要删除的文件 @throws SftpException @throws Exception/public void delete(String directory, String deleteFile) throws SftpException{sftp.cd(directory);sftp.rm(deleteFile);}/ 列出目录下的文件 @param directory 要列出的目录 @return @throws SftpException/public Vector<?> listFiles(String directory) throws SftpException {return sftp.ls(directory);}/public static void main(String[] args) throws SftpException, Exception {SFTPUtils sftp = new SFTPUtils("xxxx", "xxx", "upload.haha.com", 8888);sftp.login();InputStream inputStream = getInputStream("http://qiniu.xinxuanhaoke.com/keqianduwu_1.jpg");sftp.upload("/www/website/ancai/audio", "123.jpg", inputStream);sftp.logout();}/} 方式二、使用HuTool的工具类 先引入jar <dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.4.0</version></dependency><dependency><groupId>com.jcraft</groupId><artifactId>jsch</artifactId><version>0.1.53</version></dependency> public static void main(String[] args) {Sftp sftp = JschUtil.createSftp("ip或者域名", 端口, "账号", "密码");ChannelSftp client = sftp.getClient();String cd = "/www/website/ancai/audio";//要上传的路径try {sftp.cd(cd); //进入指定目录} catch (Exception e) {log.warn("directory is not exist");sftp.mkdir(cd); //创建目录sftp.cd(cd); //进入目录}InputStream inputStream = urlInputStream("http://audio.xinxuanhaoke.com/50bda079e9ef3673bbaeda20321bf932.mp3");//将文件转成流client.put(String.valueOf(inputStream), "1.mp3");//开始上传。} 本文引自:https://www.cnblogs.com/ceshi2016/p/7519762.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_37862824/article/details/113530683。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-04 09:43:38
71
转载
JSON
...为“JSON-Security”的项目,专门用于收集和分享JSON相关的最佳实践。该项目的维护者表示,他们希望通过这种方式,让更多的开发者意识到JSON安全的重要性,并参与到共同维护网络安全的行动中来。 总的来说,JSON虽然简单易用,但在实际应用中仍需谨慎对待。无论是企业还是个人开发者,都应加强对JSON数据的管理和保护,以应对日益复杂的网络环境带来的挑战。未来,随着JSON技术的进一步发展,相信会有更多创新的安全解决方案涌现,为构建更加安全可靠的网络环境贡献力量。
2025-03-31 16:18:15
12
半夏微凉
Javascript
...变量名,或者一激动让数组越界了之类的,都是挺常见的乌龙事件。简单来说呢,这俩的区别就是——AbortError就像是个“计划内”的小插曲,咱们事先知道它可能会发生,也能提前做好准备去应对;但普通的错误嘛,就好比是突然从天而降的小麻烦,压根儿没得防备,让人措手不及! 举个例子: javascript function divide(a, b) { if (b === 0) { throw new Error('除数不能为零'); } return a / b; } try { console.log(divide(10, 0)); // 抛出普通错误 } catch (error) { console.error(error.message); // 输出 "除数不能为零" } 在这个例子中,divide函数因为传入了非法参数(即分母为0)而抛出了一个普通错误。而如果我们换成AbortError呢? javascript const controller = new AbortController(); function process() { setTimeout(() => { console.log('处理完成'); }, 5000); } process(); controller.abort(); // 中断处理 这里虽然也有中断操作的意思,但并没有抛出任何错误。这就像是说,AbortError不会自己偷偷跑出来捣乱,得咱们主动去点那个abort()按钮才行。就好比你得自己动手去按开关,灯才不会自己亮起来一样。 --- 四、深入探讨AbortError的优缺点 说到优点嘛,我觉得AbortError最大的好处就是它让我们的代码更加健壮和可控。比如说啊,在面对一堆同时涌来的请求时, AbortError 就像一个神奇的开关,能帮我们把那些没用的请求一键关掉,这样就不会白白浪费资源啦!对了,它还能帮咱们更贴心地照顾用户体验呢!比如说,当用户等得花儿都快谢了,就给个机会让他们干脆放弃这事儿,省得干着急。 但是呢,凡事都有两面性。AbortError也有它的局限性。首先,它只适用于那些支持AbortSignal接口的操作,比如fetch、XMLHttpRequest之类。如果你尝试在一个不支持AbortSignal的操作上使用它,那就会直接报错。另外啊,要是随便乱用 AbortError 可不好,比如说老是取消请求的话,系统可能就会被折腾得够呛,负担越来越重,你说是不是? 说到这里,我想起了之前开发的一个项目,当时为了优化性能,我给每个API请求都加了AbortController,结果发现有时候会导致页面加载速度反而变慢了。后来经过反复调试,我才意识到,频繁地取消请求其实是得不偿失的。所以啊,大家在使用AbortError的时候一定要权衡利弊,不能盲目追求“安全”。 --- 五、总结与展望 总的来说,AbortError是一个非常实用且有趣的错误类型。它不仅能让我们更轻松地搞定那些乱七八糟的异步任务,还能让代码变得更好懂、更靠谱!不过,就像任何工具一样,它也需要我们在实践中不断摸索和完善。 未来,随着前端开发越来越复杂,我相信AbortError会有更多的应用场景。不管是应对一大堆同时进行的任务,还是让咱们跟软件互动的时候更顺畅、更开心,它都绝对是我们离不开的得力助手!所以,各位小伙伴,不妨多尝试用它来解决实际问题,说不定哪天你会发现一个全新的解决方案呢! 好了,今天的分享就到这里啦。希望能给大家打开一点思路,也期待大家在评论区畅所欲言,分享你的想法!最后,祝大家coding愉快,早日成为编程界的高手!
2025-03-27 16:22:54
106
月影清风
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
history | tail -n 10
- 查看最近使用的10条命令历史。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"