[避免内存溢出的MyBatis数据加载优化...]的搜索结果

...下，当你正在处理大量数据或者需要确保通信的可靠性时，消息队列的健康状态直接关系到系统的稳定性和性能。因此，了解如何监控它们是至关重要的。 2. Netty中的消息队列基础 在深入探讨之前，让我们先了解一下Netty中的消息队列是如何工作的。Netty通过ChannelPipeline来处理网络数据流，而ChannelHandler则是Pipeline中的处理单元。当数据到达或从Channel发出时，会依次通过这些处理器进行处理。你可以把消息队列想象成一个大大的“数据篮子”，放在这些处理器之间。当处理器忙不过来或者还没准备好处理新数据时，就可以先把数据暂存在这个“篮子”里，等它们空闲了再拿出来处理。这样就能让整个流程更顺畅啦！ 例如，假设我们有一个简单的EchoServer，在这个服务器中，客户端发送一条消息，服务器接收并返回同样的消息给客户端。在这个过程中，消息队列充当了存储待处理消息的角色。 java public class EchoServerInitializer extends ChannelInitializer { @Override protected void initChannel(SocketChannel ch) throws Exception { ChannelPipeline pipeline = ch.pipeline(); // 添加编码器和解码器 pipeline.addLast(new StringEncoder()); pipeline.addLast(new StringDecoder()); // 添加业务处理器 pipeline.addLast(new EchoServerHandler()); } } 在这个例子中，虽然没有直接展示消息队列，但通过ChannelPipeline和ChannelHandler，我们可以间接地理解消息是如何被处理的。 3. 实现消息队列的监控 现在，让我们进入正题，看看如何实现对Netty消息队列的监控。要达到这个目的，我们可以用一些现成的东西，比如说自己定义的ChannelInboundHandler和ChannelOutboundHandler，再加上Netty自带的一些监控工具，比如Metrics。这样操作起来会方便很多。 3.1 自定义Handler 首先，我们需要创建自定义的ChannelHandler来记录消息的入队和出队情况。你可以试试在处理方法里加点日志记录，这样就能随时掌握每条消息的动态啦。 java public class MonitorHandler extends SimpleChannelInboundHandler { @Override protected void channelRead0(ChannelHandlerContext ctx, String msg) throws Exception { System.out.println("Received message: " + msg); // 记录消息入队时间 long enqueueTime = System.currentTimeMillis(); // 处理消息... // 记录消息出队时间 long dequeueTime = System.currentTimeMillis(); System.out.println("Message processed in " + (dequeueTime - enqueueTime) + " ms"); } } 3.2 使用Metrics Netty本身并不直接提供监控功能，但我们可以通过集成第三方库（如Micrometer）来实现这一目标。Micrometer让我们能轻松把应用的性能数据秀出来，这样后面分析和监控就方便多了。 java import io.micrometer.core.instrument.MeterRegistry; import io.micrometer.core.instrument.Timer; // 初始化MeterRegistry MeterRegistry registry = new SimpleMeterRegistry(); // 在自定义Handler中使用Micrometer public class MicrometerMonitorHandler extends SimpleChannelInboundHandler { private final Timer timer; public MicrometerMonitorHandler() { this.timer = Timer.builder("message.processing") .description("Time taken to process messages") .register(registry); } @Override protected void channelRead0(ChannelHandlerContext ctx, String msg) throws Exception { Timer.Sample sample = Timer.start(registry); // 处理消息 sample.stop(timer); } } 4. 总结与反思 通过上述步骤，我们已经成功地为Netty中的消息队列添加了基本的监控能力。然而，这只是一个起点。在实际操作中，你可能会遇到更多需要处理的事情，比如说怎么应对错误，怎么监控那些不正常的状况之类的。另外，随着系统变得越来越复杂，你可能得找一些更高级的工具来解决问题，比如说用分布式追踪系统（比如Jaeger或者Zipkin），这样你才能更好地了解整个系统的运行状况和性能表现。 最后，我想说的是，技术总是在不断进步的，保持学习的心态是非常重要的。希望这篇文章能够激发你对Netty和消息队列监控的兴趣，并鼓励你在实践中探索更多可能性！ --- 这就是我们的文章，希望你喜欢这种更有人情味的叙述方式。如果你有任何疑问或想要了解更多细节，请随时提问！

...中的Tuple是一种数据结构，可存放多个元素，每个元素的数据类型可不同。Tuple与List集合类似，但是不同的是，List集合只能存储一种数据类型，而Tuple可存储多种数据类型。   可能你会说，Object类型的List实际也是可以存储多种类型的啊？但是在创建List的时候，需要指定元素数据类型，也就是只能指定为Object类型，获取的元素类型就是Object，如有需要则要进行强转。而Tuple在创建的时候，则可以直接指定多个元素数据类型。   Tuple具体是怎么的数据结构呢？ 元组（tuple）是关系数据库中的基本概念，关系是一张表，表中的每行（即数据库中的每条记录）就是一个元组，每列就是一个属性。 在二维表里，元组也称为行。   以上是百度百科中的"元组"概念，我们将一个元组理解为数据表中的一行，而一行中每个字段的类型是可以不同的。这样我们就可以简单理解Java中的Tuple数据结构了。 2. 使用 2.1 依赖Jar包 Maven坐标如下： <dependency><groupId>org.javatuples</groupId><artifactId>javatuples</artifactId><version>1.2</version></dependency> 引入相关依赖后，可以看出jar包中的结构很简单，其中的类主要是tuple基础类、扩展的一元组、二元组…十元组，以及键值对元组；接口的作用是提供【获取创建各元组时传入参数值】的方法。 2.2 基本使用 2.2.1 直接调用 以下以三元组为例，部分源码如下： package org.javatuples;import java.util.Collection;import java.util.Iterator;import org.javatuples.valueintf.IValue0;import org.javatuples.valueintf.IValue1;import org.javatuples.valueintf.IValue2;/ <p> A tuple of three elements. </p> @since 1.0 @author Daniel Fernández/public final class Triplet<A,B,C> extends Tupleimplements IValue0<A>,IValue1<B>,IValue2<C> {private static final long serialVersionUID = -1877265551599483740L;private static final int SIZE = 3;private final A val0;private final B val1;private final C val2;public static <A,B,C> Triplet<A,B,C> with(final A value0, final B value1, final C value2) {return new Triplet<A,B,C>(value0,value1,value2);}   我们一般调用静态方法with，传入元组数据，创建一个元组。当然了，也可以通过有参构造、数组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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

... 用Kylin解决数据集成与管理问题 在大数据时代，数据就像石油一样珍贵。不过呢，要想让这些数据真正派上用场，我们就得搞定数据整合和管理，让它变得又快又好。嘿，今天想跟大家聊聊Apache Kylin，这是一款超棒的开源分布式分析工具，它能帮我们轻松搞定数据整合和管理的问题。 1. Kylin是什么？ 首先，让我们来了解一下Kylin是什么。Kylin这东西啊，是建在Hadoop上面的一个数据仓库工具，你可以用SQL来跟它对话，而且它在处理超大规模的数据时，查询速度能快到像闪电一样，几乎就在一眨眼的工夫。Kylin最初是由eBay开发的，后来成为了Apache软件基金会的顶级项目之一。对那些每天得跟海量数据打交道，还得迅速分析的企业来说，Kylin简直就是个神器。 2. 数据集成挑战 在开始之前，我们需要认识到数据集成与管理面临的挑战。我们在搭建数据仓库的时候，经常会碰到各种棘手的问题，比如数据来源五花八门、数据量大到吓人，还有数据质量也是参差不齐，真是让人头大。而Kylin正是为了解决这些问题而生。 2.1 多样化数据源 想象一下，你的公司可能拥有来自不同部门、不同系统的数据，比如销售数据、用户行为数据、库存数据等。如何把这些数据统一起来，形成一个完整的数据视图，是数据集成的第一步。 代码示例： python 假设我们有一个简单的ETL流程，将数据从多个源导入Kylin from pykylin import KylinClient client = KylinClient(host='localhost', port=7070) project_name = 'sales_project' 创建一个新的项目 client.create_project(project_name) 将数据从Sales系统导入Kylin sales_data = client.import_data('sales_source', project_name) 同样的方式处理用户行为数据 user_behavior_data = client.import_data('user_behavior_source', project_name) 在这个例子中，我们简化了实际操作中的复杂度，但是可以看到，通过Kylin提供的API，我们可以轻松地将来自不同源的数据导入到Kylin中，为后续的数据分析打下基础。 3. 数据管理策略 有了数据之后，接下来就是如何有效地管理和利用这些数据了。Kylin提供了多种数据管理策略，包括但不限于数据模型的设计、维度的选择以及Cube的构建。 3.1 数据模型设计 一个好的数据模型设计能够极大地提升查询效率。Kylin 这个工具挺酷的，可以让用户自己定义多维数据模型。这样一来，我们就能够根据实际的业务需求，随心所欲地搭建数据立方体了。 代码示例： python 定义一个数据模型 model = { "name": "sales_model", "dimensions": [ {"name": "date"}, {"name": "product_id"}, {"name": "region"} ], "measures": [ {"name": "total_sales", "function": "SUM"} ] } 使用Kylin API创建数据模型 client.create_model(model, project_name) 在这个例子中，我们定义了一个包含日期、产品ID和区域三个维度以及总销售额这一指标的数据模型。通过这种方式，我们可以针对不同的业务场景构建适合的数据模型。 3.2 Cube构建 Cube是Kylin的核心概念之一。它是一种预计算的数据结构，用于加速查询速度。Kylin 这个工具挺酷的，能让用户自己决定怎么搭建 Cube。比如说，你可以挑选哪些维度要放进 Cube 里，还可以设置数据怎么汇总。 代码示例： python 构建一个包含所有维度的Cube cube_config = { "name": "all_dimensions_cube", "model_name": "sales_model", "dimensions": ["date", "product_id", "region"], "measures": ["total_sales"] } 使用Kylin API创建Cube client.create_cube(cube_config) 在这个例子中，我们构建了一个包含了所有维度的Cube。这样做虽然会增加存储空间的需求，但能够显著提高查询效率。 4. 总结 通过上述介绍，我们可以看到Kylin在解决数据集成与管理问题上所展现的强大能力。无论是面对多样化的数据源还是复杂的业务需求，Kylin都能提供有效的解决方案。当然，Kylin并非万能，它也有自己的局限性和适用场景。所以啊，在实际操作中，我们要根据实际情况灵活地选择和调整策略，这样才能真正把Kylin的作用发挥出来。 最后，我想说的是，技术的发展永远是双刃剑，它既带来了前所未有的机遇，也伴随着挑战。咱们做技术的啊，得有一颗好奇的心，老是去学新东西，新技能。遇到难题也不要怕，得敢上手，找办法解决。只有这样，我们才能在这个快速变化的时代中立于不败之地。

...应用于实际项目开发，优化构建过程，提高项目的可维护性和迭代速度。

...全球1.4亿余条专利数据，还可实现批量下载专利全文，大大提升了专利研究工作的效率。 同时，学术界也在探索更先进的自然语言处理（NLP）和计算机视觉（CV）技术在专利信息抽取和自动识别验证码方面的应用。例如，有研究人员利用深度学习模型对专利网站的验证码进行智能识别，并结合自动化脚本实现高效、无误的批量下载。这一进展预示着未来可能实现完全自动化的专利全文下载解决方案。 此外，针对专利数据的合法合规使用，国家知识产权局近期发布了新版《专利信息公共服务体系建设方案》，强调将加强专利数据开放共享和安全保障，鼓励社会各界充分利用专利信息资源，推动技术创新与产业发展。 综上所述，无论是从实际应用工具的更新迭代，还是前沿科技的研究突破，都显示了专利全文批量下载领域的快速发展与创新实践。对于广大需要频繁查阅和分析专利全文的专业人士来说，关注这些动态不仅能提升工作效率，还能更好地适应知识产权保护环境的变化，从而在各自的领域中取得竞争优势。

...地（如控制台、文件、数据库等）、过滤规则以及日志级别等信息的配置文件。在Dubbo框架中，若日志配置文件内容有误，则可能造成日志输出异常，使得开发者无法通过日志获取到有效信息，以了解系统的运行状态和排查问题。例如，在文章中提到的logback.xml即为基于Logback的日志框架所使用的配置文件，其中的错误配置会直接影响到Dubbo应用的日志记录功能。

...，必须兼顾用户体验的优化与完善。 近年来，随着5G网络的普及以及AI技术的快速发展，声音社交产品的形态正在发生深刻变化。比如，Snapchat等社交媒体已成功引入了多种音频滤镜和变声功能，这些功能不仅能够增强用户互动性，还通过趣味化处理提升了用户分享内容的积极性。相比之下，尽管啵啵试图另辟蹊径，但在声音美化技术的应用上还需进一步探索和突破。 此外，值得注意的是，在移动互联网时代，用户的注意力日益碎片化，社交产品的黏性和活跃度愈发依赖于其独特的内容生成方式及社交机制。未来，无论是啪啪还是啵啵，乃至整个社交产品市场，都需要深入挖掘用户需求，不断迭代产品功能，并在竞争激烈的市场环境中找准自身定位，实现差异化发展。 近期，有消息称，一些社交应用正致力于研发更为智能的声音识别与编辑技术，力求将声音元素与AI算法结合，创造出更具吸引力和个性化的声音社交体验。这一发展趋势表明，对于包括人人网在内的所有社交平台而言，持续关注并投入技术研发，紧跟甚至引领行业趋势，才是保持竞争力并在市场上立足的关键所在。

...了效率，我们可以稍微优化一下。比如说啊，检查一个数是不是有因数的时候，其实没必要从头到尾都查一遍，查到这个数的平方根就够了。为啥呢？因为如果一个数能被分成两个部分，比如说是 \( n = a \times b \)，那这两个部分里肯定至少有一个不会比平方根大。换句话说，你只要找到一个小于等于平方根的因数，另一个就不用再费劲去挨个找了，直接配对就行啦！ 下面是Java代码实现： java public static boolean isPrime(int num) { if (num <= 1) return false; // 小于等于1的数都不是素数 for (int i = 2; i i <= num; i++) { // 只需要检查到sqrt(num) if (num % i == 0) { return false; // 如果能被i整除，则不是素数 } } return true; } 这段代码看起来简单吧？但是它的作用可不小哦！现在我们可以用它来生成一系列素数了。 --- 三、拆分数字 递归的力量 接下来，我们的目标是找到所有可能的组合方式，让这些素数组合起来等于给定的目标数字。这里我们可以用递归来解决这个问题。递归的核心思想就是把大问题分解成小问题，然后逐步解决。 假设我们要把数字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找到素数，还掌握了如何用递归的方法拆分数字。虽然过程有点复杂，但每一步都很值得回味。 未来，如果你对这个问题感兴趣，不妨尝试优化代码，或者挑战更大的数字。也许你会发现更多有趣的规律呢！ 最后，希望大家都能喜欢编程带来的乐趣。记住，学习编程就像学习一门新的语言，多实践、多思考，总有一天你会说得非常流利！再见啦，下次见！

...，成功地从大规模基因数据集中挖掘出与特定疾病关联的遗传变异位点，并通过选取合适的共轭先验分布，如Dirichlet-Multinomial模型，对患者群体的风险概率进行了精准预测。 此外，在机器学习领域，概率密度函数和概率质量函数的应用日益广泛。《IEEE Transactions on Pattern Analysis and Machine Intelligence》上的一篇论文报道了如何将连续型随机变量的概率密度函数应用于深度生成模型，以实现更高质量的数据生成和更准确的不确定性量化（引用时效性和针对性）。 同时，条件概率和贝叶斯公式在大数据分析和人工智能决策过程中发挥着关键作用。例如，Google最近的一项研究成果展示了如何结合条件概率和贝叶斯网络构建强大的推荐系统，能够实时更新用户兴趣偏好，提供个性化服务（时效性和针对性）。 总的来说，随着科技的发展，数理统计与概率论在解决实际问题时展现出越来越强的生命力，不仅在基础科学研究中扮演核心角色，也在诸多前沿技术领域，如生物信息学、机器学习、以及互联网服务等领域提供了坚实的理论支撑。读者可以进一步关注相关领域的学术期刊、会议论文及业界报告，以及时获取最新的理论突破与实践成果。

...传输方式：HTTP 数据格式：JSON 签名算法：MD5 字符编码：UTF-8 [API]查询商户信息与结算规则 URL地址：http://pay.lqan.cn/api.php?act=query&pid={商户ID}&sign={签名字符串} 请求参数说明： 字段名变量名必填类型示例值描述 操作类型act是Stringquery此API固定值 商户IDpid是Int1001 签名字符串sign是String67d12af9ddbe38d9c7b0931ad102ca3c签名算法与支付宝签名算法相同 返回结果： 字段名变量名类型示例值描述 返回状态码codeInt11为成功，其它值为失败 商户IDpidInt1001所创建的商户ID 商户密钥keyString(32)89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i所创建的商户密钥 商户类型typeInt1此值暂无用 商户状态activeInt11为正常，0为封禁 商户余额moneyString0.00商户所拥有的余额 结算账号accountString1070077170@qq.com结算的支付宝账号 结算姓名usernameString张三结算的支付宝姓名 满多少自动结算settle_moneyString30此值为系统预定义 手动结算手续费settle_feeString1此值为系统预定义 每笔订单分成比例money_rateString98此值为系统预定义 [API]查询结算记录 URL地址：http://pay.lqan.cn/api.php?act=settle&pid={商户ID}&sign={签名字符串} 请求参数说明： 字段名变量名必填类型示例值描述 操作类型act是Stringsettle此API固定值 商户IDpid是Int1001 签名字符串sign是String67d12af9ddbe38d9c7b0931ad102ca3c签名算法与支付宝签名算法相同 返回结果： 字段名变量名类型示例值描述 返回状态码codeInt11为成功，其它值为失败 返回信息msgString查询结算记录成功！ 结算记录dataArray结算记录列表 [API]查询单个订单 URL地址：http://pay.lqan.cn/api.php?act=order&pid={商户ID}&out_trade_no={商户订单号}&sign={签名字符串} 请求参数说明： 字段名变量名必填类型示例值描述 操作类型act是Stringorder此API固定值 商户IDpid是Int1001 商户订单号out_trade_no是String20160806151343349 签名字符串sign是String67d12af9ddbe38d9c7b0931ad102ca3c签名算法与支付宝签名算法相同 返回结果： 字段名变量名类型示例值描述 返回状态码codeInt11为成功，其它值为失败 返回信息msgString查询订单号成功！ 易支付订单号trade_noString2016080622555342651凉秋易支付订单号 商户订单号out_trade_noString20160806151343349商户系统内部的订单号 支付方式typeStringalipayalipay:支付宝,tenpay:财付通, qqpay:QQ钱包,wxpay:微信支付 商户IDpidInt1001发起支付的商户ID 创建订单时间addtimeString2016-08-06 22:55:52 完成交易时间endtimeString2016-08-06 22:55:52 商品名称nameStringVIP会员 商品金额moneyString1.00 支付状态statusInt01为支付成功，0为未支付 [API]批量查询订单 URL地址：http://pay.lqan.cn/api.php?act=orders&pid={商户ID}&sign={签名字符串} 请求参数说明： 字段名变量名必填类型示例值描述 操作类型act是Stringorders此API固定值 商户IDpid是Int1001 查询订单数量limit否Int20返回的订单数量，最大50 签名字符串sign是String67d12af9ddbe38d9c7b0931ad102ca3c签名算法与支付宝签名算法相同 返回结果： 字段名变量名类型示例值描述 返回状态码codeInt11为成功，其它值为失败 返回信息msgString查询结算记录成功！ 订单列表dataArray订单列表 [API]支付订单退款 URL地址：http://pay.lqan.cn/api.php?act=refund&pid={商户ID}&out_trade_no={商户订单号}&sign={签名字符串} 只支持微信官方、QQ钱包官方、当面付退款 请求参数说明： 字段名变量名必填类型示例值描述 操作类型act是Stringrefund此API固定值 商户IDpid是Int1001 商户订单号out_trade_no是Int1000 退款原因desc否String 退款金额money否Double20.00不填默认退全款 签名字符串sign是String67d12af9ddbe38d9c7b0931ad102ca3c签名算法与支付宝签名算法相同 返回结果： 字段名变量名类型示例值描述 返回状态码codeInt11为成功，其它值为失败 返回信息msgString退款成功! 发起支付请求 URL地址：http://pay.lqan.cn/submit.php?pid={商户ID}&type={支付方式}&out_trade_no={商户订单号}¬ify_url={服务器异步通知地址}&return_url={页面跳转通知地址}&name={商品名称}&money={金额}&sitename={网站名称}&sign={签名字符串}&sign_type=MD5 请求参数说明： 字段名变量名必填类型示例值描述 商户IDpid是Int1001 支付方式type是Stringalipayalipay:支付宝,tenpay:财付通, qqpay:QQ钱包,wxpay:微信支付 商户订单号out_trade_no是String20160806151343349 异步通知地址notify_url是Stringhttp://域名/notify_url.php服务器异步通知地址 跳转通知地址return_url是Stringhttp://域名/return_url.php页面跳转通知地址 商品名称name是StringVIP会员 商品金额money是String1.00 网站名称sitename否String某某某平台 签名字符串sign是String202cb962ac59075b964b07152d234b70签名算法与支付宝签名算法相同 签名类型sign_type是StringMD5默认为MD5 支付结果通知 通知类型：服务器异步通知(notify_url)、页面跳转通知(return_url) 请求方式：GET 特别说明：回调成功之后请输出 SUCCESS字符串，如果没有收到商户响应的SUCCESS字符串，系统将通过策略重新通知5次，通知频率为15s/60s/3m/30m/1h 请求参数说明： 字段名变量名必填类型示例值描述 商户IDpid是Int1001 易支付订单号trade_no是String20160806151343349021凉秋易支付订单号 商户订单号out_trade_no是String20160806151343349商户系统内部的订单号 支付方式type是Stringalipayalipay:支付宝,tenpay:财付通, qqpay:QQ钱包,wxpay:微信支付 商品名称name是StringVIP会员 商品金额money是String1.00 支付状态trade_status是StringTRADE_SUCCESS 签名字符串sign是String202cb962ac59075b964b07152d234b70签名算法与支付宝签名算法相同 签名类型sign_type是StringMD5默认为MD5 签名算法 请对参数按照键名进行降序排序(a-z)sign sign_type 和空值不进行签名！。 排序后请操作参数生成或拼接一个url请求字符串 例如 a=b&c=d&e=f (Url值不能携带参数！不要进行urlencode) 再将拼接好的请求字符串与平台生成的Key进行MD5加密得出sign签名参数 MD5 ( a=b&c=d&e=f + KEY ) (注意：+ 为各语言的拼接符！不是字符！) 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_39620334/article/details/115933932。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...el团队在持续更新和优化其核心功能的同时，也在积极探索新的特性支持和性能提升。 今年早些时候，Babel 7.14版本发布，引入了对ECMAScript 2021新特性的支持，如顶级Await表达式、Logical Assignment Operators等，并进一步优化了@babel/preset-env预设的行为，允许开发者更精细地控制转换目标与兼容范围。同时，为了更好地配合现代模块打包工具，例如Webpack 5和Rollup，Babel开始加强对Tree Shaking的支持，使得代码体积得到更有效的压缩。 此外，Babel社区也积极推动生态建设，不断涌现出新的插件以支持最新的提案或特定场景需求，如@babel/plugin-proposal-logical-assignment-operators处理逻辑赋值运算符，以及@babel/plugin-syntax-top-level-await实现顶层await操作的支持。 值得关注的是，针对遗留项目和渐进式升级的需求，Babel官方文档提供了详尽的迁移指南和常见问题解答，帮助开发者从Babel 6平滑过渡至Babel 7，确保项目的稳定性和兼容性。 综上所述，无论是在跟进最新标准还是优化项目构建流程方面，Babel都在与时俱进并保持活跃发展。对于广大前端开发者而言，深入理解和熟练运用Babel的各项配置与最佳实践，无疑将极大地提升开发效率和代码质量。建议密切关注Babel的官方博客和技术论坛，及时掌握最新动态和技术趋势，以应对日新月异的前端开发挑战。

...作特别有用，比如关闭数据库连接、清除缓存等等。 --- 总结：拥抱错误，掌控未来 好了，朋友们，今天的分享就到这里啦！通过这篇文章，我希望你能对throw语句有了更深的理解。其实啊，错误并不可怕，可怕的是我们不去面对它。throw语句就像是一个信号灯，提醒我们及时调整方向；而try...catch则是我们的导航系统，帮助我们顺利抵达目的地。 记住一句话：错误不是终点，而是成长的契机。所以，别害怕抛出错误，也不要逃避捕获错误。让我们一起用throw语句打造更加健壮的代码吧！如果你还有什么疑问，欢迎随时来找我讨论哦～

...大规模的分布式计算，优化游戏性能和用户体验。 Lua社区与生态系统的成长 Lua社区的活跃和生态系统的不断完善，为开发者提供了丰富的资源和工具。从开源库到专业服务，开发者可以根据项目需求快速找到合适的解决方案，加速项目进展。此外，社区活动、教程和文档的丰富也为新加入的开发者提供了友好的入门路径。 总的来说，Lua在游戏开发领域的应用正呈现出多元化、高效化和智能化的趋势。随着技术的进一步发展，Lua有望在游戏开发中发挥更加重要的作用，推动游戏产业向更高水平迈进。

...arType字体渲染优化问题，微软等公司也在不断探索改进方案，力求在保证验证码安全性的前提下提升显示效果，减少毛边现象，提供更为平滑清晰的文字显示。而在实际应用中，如银行、社交平台等高安全需求场景，则纷纷开始采用多模态验证码，结合图形、语音等多种方式，构建更为立体全面的安全防护体系。 总之，验证码技术的演进充分体现了AI与安全领域的交叉融合，未来将进一步发展为智能、高效且人性化的身份验证机制，持续抵御自动化攻击，保障用户的网络安全。

...具，最近因为其在性能优化上的突破而受到广泛关注。谷歌在2023年推出了Flutter 3.10版本，该版本不仅修复了一些已知问题，还显著提升了热重载的速度和稳定性，这对于开发者来说无疑是个好消息。 与此同时，苹果公司也在持续推进SwiftUI的发展。作为苹果自家的跨平台UI框架，SwiftUI凭借其简洁的语法和强大的生态系统，在iOS和macOS平台上表现出色。特别是在苹果推出Vision Pro头显设备后，SwiftUI被赋予了更多的可能性，因为它能够轻松适配各种屏幕尺寸和分辨率，为开发者提供了更加灵活的设计空间。 除了技术层面的进步，政策环境的变化也为跨平台开发带来了新的机遇和挑战。例如，欧盟最近通过的一项法案要求所有智能手机和平板电脑必须支持USB-C接口，这一规定促使各大厂商加速推进设备间的互联互通。对于跨平台开发者而言，这意味着他们需要考虑如何让应用程序在不同硬件环境下都能顺畅运行，从而满足用户的多样化需求。 此外，人工智能技术的崛起也为跨平台开发注入了新动力。借助AI辅助设计工具，开发者可以更高效地创建界面原型，并利用机器学习算法优化用户体验。例如，Adobe推出的Sensei AI技术已经广泛应用于Photoshop、Illustrator等软件中，帮助用户快速完成复杂的编辑任务。未来，随着AI技术的不断进步，跨平台开发或许将迎来全新的变革时代。 总之，无论是技术革新还是政策推动，都表明跨平台开发正处于快速发展阶段。作为开发者，紧跟行业趋势、持续学习新技术将是应对未来挑战的关键所在。

...的重要环节。通过不断优化招聘流程、提升人才评价标准，并加强校企之间的深度融合，我们才能更好地促进人才与市场的精准对接，实现高质量就业的目标。

...bbo的负载均衡算法优化以及服务熔断机制，他们在高峰期成功将请求延迟降低了30%以上，极大地提升了用户体验。此外，Dubbo与Spring Cloud的深度融合也为开发者提供了更加统一的微服务治理方案，使得不同技术栈的应用程序能够无缝协作。 然而，尽管Dubbo具备诸多优势，但在实际部署过程中仍需注意潜在风险。比如，部分企业在迁移至新版本时遇到了兼容性挑战，特别是对于老旧代码库而言，如何平衡创新与稳定性始终是一个难题。对此，业内专家建议，企业应优先评估现有系统的依赖关系，制定详细的升级计划，并借助Dubbo提供的灰度发布功能逐步推进改造工作，从而降低整体改造成本。 展望未来，随着Service Mesh概念的兴起，Dubbo也在积极探索与Istio等服务网格框架的合作模式，试图构建更为灵活且智能的服务管理体系。可以预见的是，Dubbo将在更广泛的业务场景下发挥重要作用，为企业数字化转型注入新的活力。与此同时，我们也期待Dubbo社区能够继续倾听用户需求，不断完善产品功能，共同推动开源生态的发展壮大。

...涵盖必备基础、爬虫和数据分析 ③ 100多个Python实战案例，含50个超大型项目详解，学习不再是只会理论 ④ 20款主流手游迫解 爬虫手游逆行迫解教程包 ⑤ 爬虫与反爬虫攻防教程包，含15个大型网站迫解 ⑥ 爬虫APP逆向实战教程包，含45项绝密技术详解 ⑦ 超300本Python电子好书，从入门到高阶应有尽有 ⑧ 华为出品独家Python漫画教程，手机也能学习 ⑨ 历年互联网企业Python面试真题,复习时非常方便 👉Python学习视频600合集👈 观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。 👉实战案例👈 光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。 👉100道Python练习题👈 检查学习结果。 👉面试刷题👈 资料领取 上述这份完整版的Python全套学习资料已经上传CSDN官方，朋友们如果需要可以微信扫描下方CSDN官方认证二维码输入“领取资料” 即可领取 好文推荐 了解python的前景：https://blog.csdn.net/weixin_49891576/article/details/127187029 了解python的兼职：https://blog.csdn.net/weixin_49891576/article/details/127125308 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_49891576/article/details/130861900。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

.... 进阶 多阶段构建优化镜像大小 虽然上面的方法可行，但生成的镜像体积有点大（大约150MB左右）。有没有办法让它更小呢？答案是有！这就是Docker的“多阶段构建”。 修改后的Dockerfile如下： dockerfile 第一阶段：构建阶段 FROM node:16-alpine AS builder WORKDIR /app COPY package.json ./ RUN npm install COPY . . RUN npm run build 假设你有一个build脚本 第二阶段：运行阶段 FROM node:16-alpine WORKDIR /app COPY --from=builder /app/dist ./dist 假设build后的文件存放在dist目录下 COPY package.json ./ RUN npm install --production EXPOSE 3000 CMD ["node", "dist/index.js"] 这里的关键在于“--from=builder”，它允许我们在第二个阶段复用第一个阶段的结果。这样就能让开发工具和测试依赖 stays 在它们该待的地方，而不是一股脑全塞进最终的镜像里，这样一来镜像就能瘦成一道闪电啦！ --- 7. 总结与展望 写到这里，我相信你已经对如何用Docker部署Node.js应用有了基本的认识。虽然过程中可能会遇到各种问题，但每一次尝试都是成长的机会。记得多查阅官方文档，多动手实践，这样才能真正掌握这项技能。 未来，随着云计算和微服务架构的普及，容器化将成为每个开发者必备的技能之一。所以，别犹豫啦，赶紧去试试呗！要是你有什么不懂的，或者想聊聊自己的经历，就尽管来找我聊天，咱们一起唠唠~咱们一起进步！ 最后，祝大家都能早日成为Docker高手！😄

...的，比如JAVA、大数据、算法等，下图从BOSS上截取的： 蚂蚁金服不在望京，在环球金融中心。 美团 美团是望京第二大互联网公司，技术氛围浓厚。事业部很多，包括酒店事业部、闪购、美团金融、优选事业部、美团买菜等。 美团的福利常常被叫做白开水福利，不过比普通公司还是要好一些，六险一金、15薪、餐补、下午茶等。 面试比阿里容易一些，不过算法和八股文也是必须要准备的。 常年招聘，岗位很多，下面岗位来自BOSS： Lazada 东南亚头部电商，而且业务还囊括了娱乐、金融和物流，业务主要服务于东南亚。工作地点在朝阳区阿里中心。 福利待遇包括六险一金、年终奖、股权、餐补交通补等。 主要招聘岗位包括java开发、游戏开发、前端、UI等。 bilibili bilibili也是非常不错的一家互联网公司，总部在上海，北京的工作地点在朝阳区东煌大厦10层。截至2021年第一季度，B站月活用户达2.23亿 福利待遇比较完备，包括六险一金、餐补、全勤奖、下午茶、股权等。 招聘岗位包括游戏服务端开发、java开发、C++开发、TA、linux内核开发等。从招聘岗位来看，java 开发并不是bilibili的热门岗位。 每日优鲜 每日优鲜近几年的发展是非常快速的，也是一家非常值得加入的公司。工作地点在万科时代中心。 工作强度比较大，工作内容也比较有挑战，晋升也比较快。建议想在技术上成长的朋友们加入。 福利待遇包括六险一金，股票期权。 招聘岗位以java为主，架构、资深、中高级都有。 BIGO BIGO主要业务在音视频领域，主要产品有Bigo Live、Likee、Hello，目前全球月活用户近4亿，产品和服务覆盖超过150个国家和地区。 福利待遇也是非常不错的，六险一金、年终奖、住房补贴、股票期权等。 主要招聘岗位包括JAVA、音视频领域后端开发。 coupang 韩国电商平台，总部在首尔，成立于2010年，是一家成熟的老牌公司，在2021年3月上市。目前国内研发团队主要在上海，在北京也有研发团队。工作地点在颐堤港。 coupang工作强度不大，不加班不内卷。福利待遇也是很不错的，包括六险一金、餐补、补充公积金、节日福利等。 招聘岗位主要包括JAVA、IOS、搜索工程师、全栈工程师等。 面试难度比较大，前后包括五轮以上面试，第一轮是电话面试，后面线程面试会有手写代码环节。 水滴公司 水滴这两年发展很快，工作地点在望京科技园。 福利待遇方面，属于互联公司中等偏上的水平，包括六险一金、补充公积金、免费健身房等。 招聘岗位JAVA居多，各种级别的都有，还有一些中间件的岗位。 据面试过水滴的求职者反馈，面试很难，对基础要求高，可能会问一些平时不太关注的非常细的问题。 keep 爱运动的小伙伴相信都熟悉keep这款软件，目前keep的用户量已经破3亿。工作地点在万科时代中心。 薪资待遇行业中等，不过该有的服务也基本都有，包括六险一金、年终奖、股权等。 招聘岗位以java为主，各种级别都有。 雪球 国内知名的投资交流平台，2020年底完成1.2亿美元 E 轮融资，发展潜力巨大。工作地点在融新科技中心。 福利待遇在行业内属于中等水平，包括六险一金、年终奖、餐补、零食下午茶等。 招聘岗位以java为主，还有搜索研发、全栈开发等。 陌陌 陌生人社交平台，深受年轻人喜爱，18年陌陌全资收购了探探，规模进一步扩大，目前月活用户在1亿+，出海业务也做的非常好。 福利待遇属于行业中等偏上，互联网有的福利基本都有，包括六险一金、年终奖等。 招聘岗位很多，包括java、中间件、推荐算法、自然语言处理、安全、游戏开发、IOS等。 面试难度中等，会有手写sql、算法、linux命令的环节。 松果出行 松果出行主要业务是构建国内县域城市交通出行网络，目前主要是共享电单车和共享新能源汽车服务。目前业务已经覆盖全国21个省，5000个县。 福利待遇属于行业中等，五险一金、年终奖等，没有补充医疗保险。 招聘岗位很多，以JAVA为主，各种级别都有。也有物联网、传感器硬件相关的岗位。 小桔科技 目前研发团队主要做推荐、搜索系统，注册地在大连。 福利待遇行业中等，五险一金、年终奖，没有补充医疗保险。 招聘岗位包括JAVA、PHP、搜索算法、前端、数仓等。 理想汽车 智能电动车品牌，这两年在行业内名气比较大。 福利待遇行业中等偏上，六险一金、交通补贴等。 招聘岗位很多，以JAVA为主，各种级别都有。另外也招聘PaaS平台研发、搜索、车载语音、大数据等。 参加过理想汽车面试的同学反馈面试体验不太好，面试官没有耐心，给大家一个参考。 狮桥 智慧物流+普惠金融融资租赁业务。 福利待遇中等偏下，五险一金、年终奖，没有补充医疗保险。 招聘岗位主要是JAVA开发。 领创集团 海外金融业务，主要做印度市场。 福利待遇中等偏下，六险一金，年终奖，工作节奏慢。 招聘岗位主要是JAVA，招聘岗位主要是java。 面试过的同学反馈体验比较好，面试官比较nice，有手写代码环节。 总结 今天主要推荐了望京的16家值得加入的互联网公司，事实上，望京区域的互联网公司和其他科技公司至少有几百家，由于个人精力有限，主要梳理了业界比较知名和自己熟悉的公司。相信还有好多非常不错的公司值得加入，欢迎大家跟我交流讨论。 欢迎关注个人公众号，一起学习进步 本篇文章为转载内容。原文链接：https://blog.csdn.net/zjj2006/article/details/121412370。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...查。 2020年监测数据显示，新生代农民工占比达到50.1%，男性占比高于女性。新生代农民工中男性占比为66.3%，比上年提高4.6个百分点；男性占比高于女性32.5个百分点，比上年提高9.1个百分点。 就业集中于劳动密集型行业，从事信息传输、软件和信息技术服务业的新生代农民工占比大幅提高。 2020年就业人数前五位的行业依次为居民服务、修理和其他服务业，制造业，建筑业，批发和零售业，住宿和餐饮业，共吸纳67.2%的新生代农民工就业。 2020年北京市外来新生代农民工监测报告 为了进一步做好农民工服务工作，了解外来农民工在京工作、生活需要，国家统计局北京调查总队在全市范围开展了农民工市民化进程动态监测调查，2020年监测数据显示，新生代农民工（出生于20世纪80年代以后，年龄在16周岁及以上，在异地以非农就业为主的农业户籍人口）占比达到50.1%，已经成为农民工的主体。 一、新生代农民工总体特征 男性占比高于女性，差距进一步加大。新生代农民工中男性占比为66.3%，比上年提高4.6个百分点；男性占比高于女性32.5个百分点，比上年提高9.1个百分点。 31-40岁农民工占比提高。新生代农民工平均年龄31.4岁，比上年增加0.4岁。其中，31-40岁的占比为57.9%，比上年提高3.2个百分点；21-30岁的占比为39.9%，16-20岁的占比为2.2%，分别比上年下降2.6个和0.6个百分点。 大学本科以上学历新生代农民工占比增加。新生代农民工中大学本科以上学历占比为21.2%，比上年提高7.9个百分点。其中，大学本科学历的占比为20.0%，研究生学历的占比为1.2%。 外来新生代农民工主要来自北京周边地区。其中，河北、河南两省占比最大，河北省占比为37.3%，比上年同期提高3.5个百分点，河南省占比为12.3%，比上年同期下降3.3个百分点。 二、新生代农民工就业情况 （一）就业集中于劳动密集型行业，从事信息传输、软件和信息技术服务业的新生代农民工占比大幅提高 调查样本中，2020年就业人数前五位的行业与上年一致，依次为居民服务、修理和其他服务业，制造业，建筑业，批发和零售业，住宿和餐饮业，共吸纳67.2%的新生代农民工就业。 除上述五大行业外，从事信息传输、软件和信息技术服务业的新生代农民工比例为7.9%，比上年提高3.7个百分点，在所有行业中增幅最大。 （二）收入水平整体提高，内部差距拉大 调查样本中，新生代农民工月均收入6214元，比上年增加364元，增长6.2%。其中，66.5%月均收入在5000元及以上，比上年高8.6个百分点。 1.不同行业差距较大 新生代农民工从业人数最多的七个行业按照收入水平排序依次为：信息传输、软件和信息技术服务业，建筑业，交通运输、 仓储和邮政业，制造业，批发零售业，住宿和餐饮业，居民服务、修理和其他服务业。月均收入分别为10571元、6587元、6489元、6017元、5888元、5668元和5195元。其中，收入最高的信息传输、软件和信息技术服务业从业人员月均收入比上年同期增长15.5%；从业人数最多、收入最低的居民服务、修理和其他服务业从业人员月均收入比上年同期降低2.6%。 2.不同收入段间收入差距加大 高收入段人员收入增速高于中低收入段。月均收入5000元及以上人员平均月收入为7507元，比上年同期提高2.8个百分点；月均收入4000-5000元人员平均月收入为4175元，比上年同期降低3.4个百分点；月均收入4000元以下人员平均月收入为3064元，比上年同期提高1.1个百分点。 （三）自营人员收入高，工作强度大 自营就业的新生代农民工月均收入6716元，比务工就业人员高568元；自营就业的新生代农民工平均每周工作6.5天，每天工作9.5小时，分别比务工就业人员多0.9天和0.7小时。 三、新生代农民工生活情况 （一）消费支出下降，吃穿住消费占新生代农民工总消费支出的7成以上 受疫情影响，未来收入的不确定性增加，新生代农民工户均消费支出降低。2020年，新生代农民工家庭户均生活消费支出42395元，比上年减少1833元，下降4.1%。 按照金额排序，新生代农民工消费支出排在前三位的依次为：食品烟酒、居住、衣着及其他日用品和服务，分别为14032元、10861元和5141元，前三位消费支出占总消费支出的70.8%。 （二）居住性质略有改变，居住满意度小幅提升 租赁私房人员占比减少，单位提供住房比例提升。从住房性质来看，新生代农民工主要以租赁私房为主，租赁私房的占60.5%，比上年同期降低3.2个百分点；单位提供住房的占33.1%，比上年同期提高4.7个百分点。 单位提供住房，居住消费支出减少，新生代农民工对现在居住条件表示满意的占66.5%，比上年提高3.0个百分点，其中，表示非常满意的占18.6%，比较满意的占47.9%。 （三）网络依赖增加，自我提升类活动减少 上网已经成为新生代农民工业余时间的主要休闲活动。新生代农民工业余时间的主要活动排在前三位的依次是：上网、休息和朋友聚会，其中上网占60.1%，比上年同期提高4.7个百分点。 自我提升类活动减少。业余时间参加学习培训、读书看报的新生代农民工占比分别为3.8%和7.6%，比上年同期分别下降2.5个和1.3个百分点。 四、“90后”农民工工作和生活特点 （一）“90后”农民工工作特点 1.“90后”农民工从事行业略有不同 “90后”农民工喜好略有不同，就业人数最多的七个行业依次为：制造业，建筑业，居民服务、修理和其他服务业，信息传输、软件和信息技术服务业，住宿和餐饮业，文化和娱乐服务业，批发和零售业。与新生代农民工群体差距最大的两个行业是信息传输、软件和信息技术服务业，批发和零售业，其中，从事信息传输、软件和信息技术服务业的占11.6%，比新生代农民工群体高3.7个百分点；从事批发和零售业的占5.8%，比新生代农民工群体低6.3个百分点。 2.“90后”农民工收入略高 调查样本中，“90后”农民工月均收入6424元，比新生代农民工群体平均水平高210元。其中，月均收入在5000元及以上的占68.4%，比新生代农民工群体高1.9个百分点。 3.自营人员占比较低 由于年纪尚轻，积累不够，“90后”农民工中的96.3%以受雇就业为主，自营就业人员仅占3.7%，低于新生代农民工群体7.9个百分点。 （二）“90后”农民工生活特点 1.消费支出略低，更偏重于衣着及教育文化娱乐方面 “90后”农民工家庭户均生活消费支出42009元，比新生代农民工群体低386元。其中，衣着及其他日常用品和服务、教育文化娱乐支出占总消费支出的比重分别为14.0%和5.9%，分别比新生代农民工群体高1.9个和1.0个百分点；居住和交通通信费支出占总消费支出的比重分别为23.9%和9.2%，分别比新生代农民工群体低1.8个和1.0个百分点。 2.业余生活更注重休息和自我提升 “90后”农民工业余时间的主要活动排在前三位的依旧是上网、休息和朋友聚会，但与整个新生代农民工群体不同的是，“90后”农民工更注重休息和自我提升，其中，业余时间休息的占34.5%，比新生代农民工群体高5.6个百分点；业余时间参加文娱体育活动、学习培训和读书看报的占27.5%，分别比新生代农民工群体、全部外来农民工整体高5.7个和11.8个百分点。 新生代农民工定义：出生于20世纪80年代以后，年龄在16周岁及以上，在异地以非农就业为主的农业户籍人口 推荐阅读： 世界的真实格局分析，地球人类社会底层运行原理 不是你需要中台，而是一名合格的架构师（附各大厂中台建设PPT） 企业IT技术架构规划方案 论数字化转型——转什么，如何转？ 华为干部与人才发展手册（附PPT） 企业10大管理流程图，数字化转型从业者必备！ 【中台实践】华为大数据中台架构分享.pdf 华为的数字化转型方法论 华为如何实施数字化转型（附PPT） 超详细280页Docker实战文档！开放下载 华为大数据解决方案（PPT） 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_45727359/article/details/119745674。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...面我们强行将它变成了数据属性描述符 其次，如果我们想监听更加丰富的操作，比如新增属性、删除属性，那么 Object.defineProperty 是无能为力的 所以我们要知道，存储数据描述符设计的初衷并不是为了去监听一个完整的对象 Ps: 原来的对象是 数据属性描述符，通过 Object.defineProperty 变成了 访问属性描述符 2. Proxy基本使用 在ES6中，新增了一个Proxy类，这个类从名字就可以看出来，是用于帮助我们创建一个代理的： 也就是说，如果我们希望监听一个对象的相关操作，那么我们可以先创建一个代理对象（Proxy对象） 之后对该对象的所有操作，都通过代理对象来完成，代理对象可以监听我们想要对原对象进行哪些操作 将上面的案例用 Proxy 来实现一次： 首先，我们需要 new Proxy 对象，并且传入需要侦听的对象以及一个处理对象，可以称之为 handler； const p = new Proxy(target, handler) 其次，我们之后的操作都是直接对 Proxy 的操作，而不是原有的对象，因为我们需要在 handler 里面进行侦听 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {// 获取值时的捕获器get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return target[key]},// 设置值时的捕获器set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)target[key] = newValue} })console.log(objProxy.name)console.log(objProxy.age)objProxy.name = 'kobe'objProxy.age = 30console.log(obj.name)console.log(obj.age)/ 监听到obj对象的name属性被访问了why监听到obj对象的age属性被访问了18监听到obj对象的name属性被设置值监听到obj对象的age属性被设置值kobe30/ 2.1 Proxy 的 set 和 get 捕获器 如果我们想要侦听某些具体的操作，那么就可以在 handler 中添加对应的捕捉器（Trap） set 和 get 分别对应的是函数类型 set 函数有四个参数： target：目标对象（侦听的对象） property：将被设置的属性 key value：新属性值 receiver：调用的代理对象 get 函数有三个参数 target：目标对象（侦听的对象） property：被获取的属性 key receiver：调用的代理对象 2.2 Proxy 所有捕获器 (13个) handler.getPrototypeOf() Object.getPrototypeOf 方法的捕捉器 handler.setPrototypeOf() Object.setPrototypeOf 方法的捕捉器 handler.isExtensible() Object.isExtensible 方法的捕捉器 handler.preventExtensions() Object.preventExtensions 方法的捕捉器 handler.getOwnPropertyDescriptor() Object.getOwnPropertyDescriptor 方法的捕捉器 handler.defineProperty() Object.defineProperty 方法的捕捉器 handler.ownKeys() Object.getOwnPropertyNames 方法和 Object.getOwnPropertySymbols 方法的捕捉器 handler.has() in 操作符的捕捉器 handler.get() 属性读取操作的捕捉器 handler.set() 属性设置操作的捕捉器 handler.deleteProperty() delete 操作符的捕捉器 handler.apply() 函数调用操作的捕捉器 handler.construct() new 操作符的捕捉器 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {// 获取值时的捕获器get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return target[key]},// 设置值时的捕获器set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)target[key] = newValue},// 监听 in 的捕获器has: function (target, key) {console.log(监听到obj对象的${key}属性的in操作)return key in target},// 监听 delete 的捕获器deleteProperty: function (target, key) {console.log(监听到obj对象的${key}属性的delete操作)delete target[key]} })// in 操作符console.log('name' in objProxy)// delete 操作delete objProxy.name/ 监听到obj对象的name属性的in操作true监听到obj对象的name属性的delete操作/ 2.3 Proxy 的 construct 和 apply 到捕捉器中还有 construct 和 apply，它们是应用于函数对象的 function foo() {console.log('调用了 foo')}const fooProxy = new Proxy(foo, {apply: function (target, thisArg, argArray) {console.log(对 foo 函数进行了 apply 调用)target.apply(thisArg, argArray)},construct: function (target, argArray, newTarget) {console.log(对 foo 函数进行了 new 调用)return new target(...argArray)} })fooProxy.apply({}, ['abc', 'cba'])new fooProxy('abc', 'cba')/ 对 foo 函数进行了 apply 调用调用了 foo对 foo 函数进行了 new 调用调用了 foo/ 3. Reflect 3.1 Reflect 的作用 Reflect 也是 ES6 新增的一个 API，它是一个对象，字面的意思是反射 Reflect 的作用： 它主要提供了很多操作 JavaScript 对象的方法，有点像 Object 中操作对象的方法 比如 Reflect.getPrototypeOf(target) 类似于 Object.getPrototypeOf() 比如 Reflect.defineProperty(target, propertyKey, attributes) 类似于 Object.defineProperty() 如果我们有 Object 可以做这些操作，那么为什么还需要有Reflect这样的新增对象呢？ 这是因为在早期的 ECMA 规范中没有考虑到这种对 对象本身 的操作如何设计会更加规范，所以将这些 API 放到了 Object上面 但是 Object 作为一个构造函数，这些操作实际上放到它身上并不合适 另外还包含一些类似于 in、delete 操作符，让 JS 看起来是会有一些奇怪的 所以在 ES6 中新增了 Reflect，让我们这些操作都集中到了 Reflect 对象上 那么 Object 和 Reflect 对象之间的 API 关系，可以参考 MDN 文档： 比较 Reflect 和 Object 方法 3.2 Reflect 的常见方法 Reflect中有哪些常见的方法呢？它和Proxy是一一对应的，也是13个 Reflect.getPrototypeOf(target) 类似于 Object.getPrototypeOf() Reflect.setPrototypeOf(target, prototype) 设置对象原型的函数. 返回一个 Boolean， 如果更新成功，则返回 true Reflect.isExtensible(target) 类似于 Object.isExtensible() Reflect.preventExtensions(target) 类似于 Object.preventExtensions() , 返回一个 Boolean Reflect.getOwnPropertyDescriptor(target, propertyKey) 类似于 Object.getOwnPropertyDescriptor() , 如果对象中存在该属性，则返回对应的属性描述符, 否则返回 undefined Reflect.defineProperty(target, propertyKey, attributes) 和 Object.defineProperty() 类似, 如果设置成功就会返回 true Reflect.ownKeys(target) 返回一个包含所有自身属性（不包含继承属性）的数组 （类似于 Object.keys(), 但不会受 enumerable 影响） Reflect.has(target, propertyKey) 判断一个对象是否存在某个属性，和 in 运算符 的功能完全相同 Reflect.get(target, propertyKey[, receiver]) 获取对象身上某个属性的值，类似于 target[name] Reflect.set(target, propertyKey, value[, receiver]) 将值分配给属性的函数，返回一个 Boolean，如果更新成功，则返回 true Reflect.deleteProperty(target, propertyKey) 作为函数的 delete 操作符，相当于执行 delete target[name] Reflect.apply(target, thisArgument, argumentsList) 对一个函数进行调用操作，同时可以传入一个数组作为调用参数。和 Function.prototype.apply() 功能类似 Reflect.construct(target, argumentsList[, newTarget]) 对构造函数进行 new 操作，相当于执行 new target(...args) 3.3 Reflect 的使用 那么我们可以将之前Proxy案例中对原对象的操作，都修改为Reflect来操作 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return Reflect.get(target, key)// return target[key] // 对原来对象进行了直接操作},set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)Reflect.set(target, key, newValue)// target[key] = newValue // 对原来对象进行了直接操作} })objProxy.name = 'kobe'console.log(objProxy.name)/ 监听到obj对象的name属性被设置值监听到obj对象的name属性被访问了kobe/ 3.4 Receiver的作用 我们发现在使用getter、setter的时候有一个receiver的参数，它的作用是什么呢？ 如果我们的源对象（obj）有 setter 、getter 的访问器属性，那么可以通过 receiver 来改变里面的 this const obj = {_name: 'why',get name() {return this._name // 不使用receiver, _name属性的操作不会被objProxy代理，因为this指向obj},set name(newValue) {this._name = newValue} }const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// receiver 是创建出来的代理对象console.log('get 方法被访问-------', key, receiver)console.log(objProxy === receiver) // truereturn Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)} })objProxy.name = 'kobe'console.log(objProxy.name) // kobe/ get 方法被访问------- name { _name: 'kobe', name: [Getter/Setter] }trueget 方法被访问------- _name { _name: 'kobe', name: [Getter/Setter] }truekobe/ 3.5 Reflect 的 construct function Student(name, age) {this.name = namethis.age = age}function Teacher() {}const stu = new Student('why', 18)console.log(stu)console.log(stu.__proto__ === Student.prototype)/ Student { name: 'why', age: 18 }true/// 执行 Student 函数中的内容，但是创建出来的对象是 Teacher 对象const teacher = Reflect.construct(Student, ['why', 18], Teacher)console.log(teacher)console.log(teacher.__proto__ === Teacher.prototype)/ Teacher { name: 'why', age: 18 }true/ 4. 响应式 4.1 什么是响应式？ 先来看一下响应式意味着什么？我们来看一段代码： m 有一个初始化的值，有一段代码使用了这个值； 那么在 m 有一个新的值时，这段代码可以自动重新执行 let m = 0// 一段代码console.log(m)console.log(m 2)console.log(m 2)m = 200 上面的这样一种可以自动响应数据变量的代码机制，我们就称之为是响应式的 对象的响应式 4.2 响应式函数设计 首先，执行的代码中可能不止一行代码，所以我们可以将这些代码放到一个函数中： 那么问题就变成了，当数据发生变化时，自动去执行某一个函数； 但是有一个问题：在开发中是有很多的函数的，如何区分一个函数需要响应式，还是不需要响应式呢？ 很明显，下面的函数中 foo 需要在 obj 的 name 发生变化时，重新执行，做出相应； bar 函数是一个完全独立于 obj 的函数，它不需要执行任何响应式的操作； // 对象的响应式const obj = {name: 'why',age: 18}function foo() {const newName = obj.nameconsole.log('你好啊，李银河')console.log('Hello World')console.log(obj.name)}function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe' // name 发生改变时候 foo 函数执行 响应式函数的实现 watchFn 如何区分响应式函数？ 这个时候我们封装一个新的函数 watchFn 凡是传入到 watchFn 的函数，就是需要响应式的 其他默认定义的函数都是不需要响应式的 / 封装一个响应式的函数 /let reactiveFns = []function watchFn(fn) {reactiveFns.push(fn)}// 对象的响应式const obj = {name: 'why',age: 18}watchFn(function foo() {const newName = obj.nameconsole.log('你好啊，李银河')console.log('Hello World')console.log(obj.name)})watchFn(function demo() {console.log(obj.name, 'demo function ---------')})function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe' // name 发生改变时候 foo 函数执行reactiveFns.forEach((fn) => {fn()}) 4.3 响应式依赖的收集 目前收集的依赖是放到一个数组中来保存的，但是这里会存在数据管理的问题： 在实际开发中需要监听很多对象的响应式 这些对象需要监听的不只是一个属性，它们很多属性的变化，都会有对应的响应式函数 不可能在全局维护一大堆的数组来保存这些响应函数 所以要设计一个类，这个类用于管理某一个对象的某一个属性的所有响应式函数： 相当于替代了原来的简单 reactiveFns 的数组； class Depend {constructor() {this.reactiveFns = []}addDepend(reactiveFn) {this.reactiveFns.push(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }const depend = new Depend()function watchFn(fn) {depend.addDepend(fn)}// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}watchFn(function foo() {const newName = obj.nameconsole.log('你好啊，李银河')console.log('Hello World')console.log(obj.name)})watchFn(function demo() {console.log(obj.name, 'demo function ---------')})function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe'depend.notify() 4.4 监听对象的变化 那么接下来就可以通过之前的方式来监听对象的变化： 方式一：通过 Object.defineProperty 的方式（vue2采用的方式）； 方式二：通过 new Proxy 的方式（vue3采用的方式）； 我们这里先以Proxy的方式来监听 class Depend {constructor() {this.reactiveFns = []}addDepend(reactiveFn) {this.reactiveFns.push(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }const depend = new Depend()function watchFn(fn) {depend.addDepend(fn)}// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}// 监听对象的属性变化：Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)depend.notify()} })watchFn(function foo() {const newName = objProxy.nameconsole.log('你好啊，李银河')console.log('Hello World')console.log(objProxy.name)})watchFn(function demo() {console.log(objProxy.name, 'demo function ---------')})objProxy.name = 'kobe'objProxy.name = 'james'/ 你好啊，李银河Hello Worldkobekobe demo function ---------你好啊，李银河Hello Worldjamesjames demo function ---------/ 4.5 对象的依赖管理 目前是创建了一个 Depend 对象，用来管理对于 name 变化需要监听的响应函数： 但是实际开发中我们会有不同的对象，另外会有不同的属性需要管理； 如何可以使用一种数据结构来管理不同对象的不同依赖关系呢？ 在前面我们刚刚学习过 WeakMap，并且在学习 WeakMap 的时候我讲到了后面通过 WeakMap 如何管理这种响应式的数据依赖： 实现 可以写一个 getDepend 函数专门来管理这种依赖关系 / 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取mapconst map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象const depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化：Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} }) 正确的依赖收集 我们之前收集依赖的地方是在 watchFn 中： 但是这种收集依赖的方式我们根本不知道是哪一个 key 的哪一个 depend 需要收集依赖； 只能针对一个单独的 depend 对象来添加你的依赖对象； 那么正确的应该是在哪里收集呢？应该在我们调用了 Proxy 的 get 捕获器时 因为如果一个函数中使用了某个对象的 key，那么它应该被收集依赖 / 封装一个响应式函数 /let activeReactviceFn = nullfunction watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化：Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数activeReactviceFn && depend.addDepend(activeReactviceFn)return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} }) 4.6 对 Depend 重构 两个问题： 问题一：如果函数中有用到两次 key，比如 name，那么这个函数会被收集两次 问题二：我们并不希望将添加 reactiveFn 放到 get 中，因为它是属于 Depend 的行为 所以我们需要对 Depend 类进行重构： 解决问题一的方法：不使用数组，而是使用 Set 解决问题二的方法：添加一个新的方法，用于收集依赖 // 保存当前需要收集的响应式函数let activeReactviceFn = nullclass Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化：Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数depend.depend()return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} })watchFn(function () {console.log(objProxy.name, '--------------')console.log(objProxy.name, '++++++++++++++')})objProxy.name = 'kobe'/ why --------------why ++++++++++++++kobe --------------kobe ++++++++++++++/ 4.7 创建响应式对象 目前的响应式是针对于obj一个对象的，我们可以创建出来一个函数，针对所有的对象都可以变成响应式对象 / 保存当前需要收集的响应式函数 /let activeReactviceFn = null/ 依赖收集类 /class Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}/ 创建响应式对象函数 /function reactive(obj) {// 监听对象的属性变化：Proxy(vue3)/Object.defineProperty(vue2)return new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数depend.depend()return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} })}const info = reactive({address: '广州市',height: 1.88})watchFn(() => {console.log(info.address, '---')})info.address = '北京市' 4.8 Vue2 响应式原理 前面所实现的响应式的代码，其实就是 Vue3 中的响应式原理： Vue3 主要是通过 Proxy 来监听数据的变化以及收集相关的依赖的 Vue2 中通过 Object.defineProerty的方式来实现对象属性的监听 可以将 reactive 函数进行如下的重构： 在传入对象时，我们可以遍历所有的 key，并且通过属性存储描述符来监听属性的获取和修改 在 setter 和 getter 方法中的逻辑和前面的 Proxy 是一致的 / 保存当前需要收集的响应式函数 /let activeReactviceFn = null/ 依赖收集类 /class Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}/ 创建响应式对象函数 /function reactive(obj) {Object.keys(obj).forEach((key) => {let value = obj[key]Object.defineProperty(obj, key, {get: function () {const dep = getDepend(obj, key)dep.depend()return value},set: function (newValue) {value = newValueconst dep = getDepend(obj, key)dep.notify()} })})return obj}const info = reactive({address: '广州市',height: 1.88})watchFn(() => {console.log(info.address, '---')})info.address = '北京市' 本篇文章为转载内容。原文链接：https://blog.csdn.net/wanghuan1020/article/details/126774033。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。