[任务状态 ]的搜索结果

...用于多种自然语言处理任务，包括信息检索和文本摘要。在本文中，TextRank被用来生成文档内容的摘要，以辅助全文检索的结果展示。

...设SeaTunnel任务配置简化版 Pipeline pipeline = new Pipeline(); pipeline.addSource(new FlinkKafkaSource(...)); pipeline.addTransform(new SomeTransform(...)); pipeline.addSink(new HdfsSink(...)); // 运行并捕获异常 try { SeaTunnelRunner.run(pipeline); } catch (Exception e) { System.out.println("Caught an unexpected error: " + e.getMessage()); // 记录日志、堆栈跟踪等详细信息用于后续分析 } 遇到异常后，首要的是记录下详细的错误信息和堆栈跟踪，这是排查问题的重要线索。 3. 深入挖掘异常背后的原因 - 资源监控：查看SeaTunnel运行期间的系统资源消耗（如CPU、内存、磁盘IO等），确认是否因资源不足导致异常。 - 日志分析：深入研究SeaTunnel生成的日志文件，寻找可能导致异常的行为或事件。 - 数据检查：检查输入数据源是否有异常数据或突发流量，例如上述虚构异常可能是由于数据突然激增造成的数据倾斜问题。 4. 实战演练 通过代码调整解决问题 假设我们发现异常是由数据倾斜引起，可以通过修改transform阶段的代码来尝试均衡数据分布： java class BalancedTransform extends BaseTransform<...> { @Override public DataStream<...> transform(DataStream<...> input) { // 添加数据均衡策略，例如Flink的Rescale操作 return input.rescale(); } } // 更新pipeline配置 pipeline.replaceTransform(oldTransform, new BalancedTransform(...)); 5. 总结与反思 每一次面对未列明的SeaTunnel异常，都是一次深入学习和理解其内部工作原理的机会。尽管具体的代码示例在此处未能给出，但这种解决思路和调试过程本身才是最宝贵的财富。在面对那些未知的挑战时，咱们得拿出实打实的严谨劲儿，就像侦探破案那样，用科学的办法一步步来。这就好比驾驶SeaTunnel这艘大数据处理的大船，在浩瀚的数据海洋里航行，咱得结合实际情况，逐个环节、逐个场景地细细排查问题，同时灵活应变，该调整代码逻辑的时候就大胆修改，配置参数也得拿捏得恰到好处。这样，咱们才能稳稳当当地驾驭好这艘大船，一路乘风破浪前进。 请记住，每个项目都有其独特性，处理异常的关键在于理解和掌握工具的工作原理，以及灵活应用调试技巧。嗯，刚才说的那些呢，其实就是一些通用的处理办法和思考套路，不过具体问题嘛，咱们还得接地气儿，根据实际项目的个性特点和需求来量体裁衣，进行对症下药的分析和解决才行。

...并唤起上面方法的阻塞状态，此时阻塞结束，结果正常返回condition.signal();isDone = true;}finally{lock.unlock();}return this;}public boolean isDone() {return isDone;}public RequestTask setDone(boolean done) {isDone = done;return this;} } ReceiveHandle客户端接收到服务端的响应结果处理handle public class ReceiveHandle extends SimpleChannelInboundHandler {protected void channelRead0(ChannelHandlerContext channelHandlerContext, Object o) throws Exception {Response response = (Response) o;//通过seq从请求工厂找到请求的RequestTaskRequestTask requestTask = RequestFactory.get(response.getSeq());//将响应结果写入RequestTaskrequestTask.setResponse(response);} } RequestFactory请求工厂 public class RequestFactory {private static final Map<String, RequestTask> map = new ConcurrentHashMap<String, RequestTask>();public static void put(String uuid, RequestTask requestTask) {map.put(uuid, requestTask);}public static RequestTask get(String uuid) {return map.get(uuid);} } 注： 本人利用业余时间手写了一套轻量级的rpc框架，里面有用到 https://github.com/zhangta0/bigxiang 本篇文章为转载内容。原文链接：https://blog.csdn.net/CSDNzhangtao5/article/details/103075755。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...加到暂存区 4.查看状态 5.把暂存区的文件移除 6.把文件从暂存区上传到本地库 7.将文件变为未暂存状态 8.创建远程仓库并推送 9.删除远程仓库 10.拉取远程仓库 三、其他命令 1.查看命令信息指令 2.查看版本的提交记录 3.进入不同版本 4.分支操作 5.比较文件 四、遇到的错误 一、下载 用于 Windows 安装程序的 32 位 Git。 用于 Windows 安装程序的 64 位 Git。 二、基本命令 git命令和linux的命令基本相同，大部分linux命令在git中都可以使用。 1.初始化本地库 a.首先新建一个文件夹，进入文件夹，点击鼠标右键，找到菜单中的 Git Bash Here，点击进入命令界面。 b.输入命令 git init 初始化本地仓库 你会发现你的文件夹内多出一个 .git文件证明你的本地仓库初始化成功。 有的电脑可能会隐藏后缀名的文件，无法看到 .git文件，你需要去电脑设置可查看隐藏文件。方法：进入此电脑，点击上方查看，勾选隐藏的项目即可查看被隐藏的文件。 2、设置签名 签名主要是设置用户名和email地址，有两种级别：一种是项目级别 git config user.name 用户名， git config user.email邮箱地址；另一种是系统用户级别 git config --global user.name 用户名， git config --global user.email 邮箱地址。项目级别是优先于系统级别的，但二者至少设置一个。一般只用项目级别就行。 用 cat .git/config可以查看设置的项目签名。 3.将文件/目录从工作区追加到暂存区 命令 ：git add 文件/目录 4.查看状态 命令：git status。 第一行信息告诉我们，目前正处于master分支； 第二行信息告诉我们，本地库还没有上传任何文件； 第三、四、五行信息告诉我们，可以用以下命令把暂存区的文件（绿色文件）上传到本地库。 5.把暂存区的文件移除 代码：git rm --cached 文件名。注意文件只是从暂存区中移除，并没有在目录中被删除。 未追加在暂存区的文件显示红色。 6.把文件从暂存区上传到本地库 命令：git commit -m "注释内容" 文件名。 这是查看状态可以看到暂存区已经没有文件可以上传到本地库，说明你上传成功。 7.将文件变为未暂存状态 命令：git rest HEAD 文件名。对在暂存区的文件进行操作。 8.创建远程仓库并推送 a.首先我们要有一个github或gitee账号： github官网：https://github.com/ gitee官网：https://gitee.com/ b.然后在里面创建一个远程仓库（以gihub为例）： 登录进入主页面，找到并点击右上角的加号，点击 New repository,然后填写仓库信息。或者找到点击左方的 New选项。进入创建界面，填入信息。 下面三个选项可根据需要勾选。点击 Create...就创建号一个仓库了。 c.复制仓库地址 找到左上方导航Code选项，点击进入该选项 有两个地址：HTTP地址和SSH地址。我一般用HTTP地址（简单）。 如果你创建远程仓库时选择了下面的三个选项，可能你的Code界面会有所差别，点击右方的 Code即可查看仓库地址。 然后进入git命令界面：输入命令 git remote add origin(别名) 地址为你复制的地址创建别名并储存。命令 git remote -v查看你设置过的地址。 d.最后进行推送操作，将本地仓库推送到远程仓库。 命令 git push -u origin(你要推送到的远程仓库地址) master(你要推送的分支).在第一次推送是用上 -u选项，之后就可以不用。 该界面为成功推送，你再刷新你的github或gitee仓库，这是你上传的文件将出现在远程仓库表明推送成功。 注意：1.如果创建远程仓库时勾选了下面的三个选项，则可能你刷新时没发现有新文件推送到仓库，这是先找到红色划线位置，查看当前分支是否自己推送的分支，找到正确分支再看是否正确推送。 2.如果你是第n次推送，必须要在和远程仓库版本一样的条件下进行修改后推送，否则无法推送（不能跨多个版本推送）。 3.如果推送不成功，可能是你修改前的版本和远程库的版本不一致造成，先进行拉取，在修改推送。 9.删除远程仓库 首先进入要删除的远程仓库，点击上方导航条中的 Settings选项 然后找到进入左边菜单栏中的 Options选项，鼠标划到最下面找到 点击Delete this repository选项 最后按指示输入github用户名和密码进行删除即可。 10.拉取远程仓库 命令：git pull origin master。 在打算更新远程库时，先拉取远程库然后修改或添加，否则可能报错。 表明拉取成功。 注意：若你的本地仓库进行了修该导致无法拉去成功，则尝试用 git pull --rebase命令进行拉取。 三、其他命令 1.查看命令信息指令 命令：git help 2.查看版本的提交记录 命令：git log 以每条版本日志显示一行：git log --pretty=oneline 简写哈希值的方式：git log --oneline 可以看到前进后退步数：git reflog 3.进入不同版本 先用 git reflog命令查看哈希值 a.命令：git reset --hard 哈希值（索引） b.命令：git reset --hard HEAD^，该命令只能后退（查看当前版本之前的版本），后面几个 ^ 则后退几步。 c.命令：git reset --hard~，该命令只能后退（查看当前版本之前的版本），后退 （数值） 步； 4.分支操作 命令：git branch -v，查看所有分支 命令：git branch 分支名，创建分支 命令：git checkout 分支名，切换分支 5.比较文件 命令：git diff 文件名，工作区和暂存区比较 命令：git diff HEAD 文件名，当前版本比较 命令：git diff HEAD^ 文件名，历史版本比较 四、遇到的错误 git config --global http.sslVerify false 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_56180999/article/details/117634968。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...法，都能保持一贯的好状态，稳如泰山。这就像是你的小伙伴，无论走到哪儿，都能给你带来安全感和惊喜，你说赞不赞？哎呀，兄弟，你懂的，现在咱们的应用就像个大家庭，人多了，事儿也杂了，对吧？这时候，怎么管好这个家庭，让每个人都各司其职，不乱套，就显得特别重要了。这就得靠咱们合理的配置管理策略来搞定。比如说，得有个清晰的分工，谁负责啥，一目了然；还得有规矩，比如更新软件得按流程来，不能随随便便；还得有监控，随时看看家里人都在干啥，有问题能及时发现。这样，咱们的应用才能健健康康地成长，不出岔子。所以，合理的配置管理策略，简直就是咱们应用界的定海神针啊！嘿，兄弟！这篇文章就是想给你开开小灶，让你能轻松掌握 GoSpring 在配置管理这块儿的厉害之处。别担心，我不会用一堆冰冷的术语把你吓跑，咱俩就像老朋友聊天一样，把这玩意儿讲得跟吃饭喝水一样简单。跟着我，你就能发现 GoSpring 配置管理有多牛逼，怎么用都顺手，让你的工作效率嗖嗖地往上涨！咱们一起探索，一起享受技术带来的乐趣吧！

...，其实你就是在画一幅任务的蓝图，这幅蓝图就叫JobGraph。JobGraph就像是一个虚拟的工作流程图，里面装着所有干活的小工具（我们叫它们“算子”）和数据的来源（也就是“数据源”），还有这些小工具和来源之间是怎么串在一起的。 为什么JobGraph如此重要？ - 抽象与简化：它将复杂的业务逻辑抽象成一系列简单的算子和数据流，使得开发者能够专注于核心业务逻辑，而无需关心底层的执行细节。 - 灵活性：由于它是基于算子的模型，因此可以根据需要轻松地添加、删除或修改算子，以适应不同的业务需求。 示例代码： java StreamExecutionEnvironment env = StreamExecutionEnvironment.getExecutionEnvironment(); DataStream source = env.addSource(new SocketTextStreamFunction("localhost", 9999)); DataStream transformed = source.map(new MapFunction() { @Override public String map(String value) throws Exception { return value.toUpperCase(); } }); transformed.print(); env.execute("Simple Flink Job"); 这段代码展示了如何创建一个简单的Flink任务，该任务从一个Socket接收字符串数据，将其转换为大写，并打印结果。这里的source和transformed就是构成JobGraph的一部分。 2. ExecutionPlan 通往高效执行的道路 接下来，我们来看看ExecutionPlan。当你的JobGraph准备好之后，Flink会根据它生成一个ExecutionPlan。这个计划详细说明了怎么在集群上同时跑数据流，包括怎么安排任务、分配资源之类的。 为什么ExecutionPlan至关重要？ - 性能优化：ExecutionPlan考虑到了各种因素（如网络延迟、机器负载等）来优化任务的执行效率，确保数据流能够快速准确地流动。 - 容错机制：通过合理的任务划分和错误恢复策略，ExecutionPlan可以保证即使在某些节点失败的情况下，整个系统也能稳定运行。 示例代码： 虽然ExecutionPlan本身并不直接提供给用户进行编程操作，但你可以通过配置参数来影响它的生成。例如： java env.setParallelism(4); // 设置并行度为4 这条语句会影响ExecutionPlan中任务的并行执行方式。更高的并行度通常能让吞吐量变得更好，但同时也可能会让网络通信变得更复杂，增加不少额外的工作量。 3. 探索背后的秘密 JobGraph与ExecutionPlan的互动 现在，让我们思考一下JobGraph和ExecutionPlan之间的关系。可以说，JobGraph是ExecutionPlan的基础，没有一个清晰的JobGraph，就无法生成有效的ExecutionPlan。ExecutionPlan就是JobGraph的具体操作指南，它告诉你怎么把这些抽象的想法变成实实在在的计算任务。 思考与探讨： - 在设计你的Flink应用程序时，是否考虑过JobGraph的结构对最终性能的影响？ - 你有没有尝试过调整ExecutionPlan的某些参数来提升应用程序的效率？ 4. 实践中的挑战与解决方案 最后，我想分享一些我在使用Flink过程中遇到的实际问题及解决方案。 问题1：数据倾斜导致性能瓶颈 - 原因分析：数据分布不均匀可能导致某些算子处理的数据量远大于其他算子，从而形成性能瓶颈。 - 解决办法：可以通过重新设计JobGraph，比如引入更多的分区策略或调整算子的并行度来缓解这个问题。 问题2：内存溢出 - 原因分析：长时间运行的任务可能会消耗大量内存，尤其是在处理大数据集时。 - 解决办法：合理设置Flink的内存管理策略，比如增加JVM堆内存或利用Flink的内存管理API来控制内存使用。 --- 好了，朋友们，这就是我对Flink中的JobGraph和ExecutionPlan的理解和分享。希望这篇文章能让你深深体会到它们的价值，然后在你的项目里大展身手，随意挥洒！如果你有任何疑问或者想要进一步讨论的话题，欢迎随时留言交流！ 记住，学习技术就像一场旅行，重要的是享受过程，不断探索未知的领域。希望我们在数据流的世界里都能成为勇敢的探险家！

...限流熔断等一连串关键任务。可以说，没有它，我们整个系统的稳定性和健壮性可就大打折扣了，它绝对是咱们系统正常运行不可或缺的重要守护者。在实际动手开发和运维的时候，咱们免不了会碰到各种Spring Cloud Gateway捣乱的异常状况。这些小插曲如果没处理好，就有可能对整个微服务的大局造成连锁反应，影响不容小觑。这篇文咱可是要实实在在地聊聊Spring Cloud Gateway那些可能会碰到的异常状况，我不仅会掰开揉碎了用实例代码给你细细解析，还会手把手教你如何对症下药，给出相应的解决办法。 二、Spring Cloud Gateway异常概述 1. 路由匹配异常 在配置路由规则时，若规则设置不正确或者请求无法匹配到任何路由，Gateway会抛出异常。比方说，就像这样的情形：假如客户端向我们发送了一个请求，但是呢，在咱们的gateway路由配置里头，我们还没给这个请求对应的路径或者服务名设定好，这时候，这种问题就有可能冒出来啦。 java @Bean public RouteLocator customRouteLocator(RouteLocatorBuilder builder) { // 假设这里没有配置"/api/user"的路由，那么请求该路径就会出现404异常 return builder.routes() .route("product-service", r -> r.path("/api/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更好地服务于我们的微服务架构。

...ansfer（表述性状态转移）设计原则构建的应用程序接口。它通过HTTP方法（GET、POST、PUT、DELETE等）来操作资源，并且具有统一接口格式，便于不同系统之间的数据交互。 AWS Lambda , AWS Lambda是Amazon Web Services提供的无服务器计算服务。用户可以在Lambda上部署和执行代码片段（函数），而无需预置或管理服务器。Lambda根据触发器（如API调用、文件上传等事件）自动执行代码，并按实际执行时间计费，从而实现高度可扩展性和成本效益。 npm , npm（Node Package Manager）是Node.js的包管理器，提供了便捷的方式来安装、共享和更新Node.js模块。开发者可以通过npm从全球最大的开源JavaScript软件库下载第三方代码包，以便在自己的项目中复用他人开发的功能组件，极大地提高了开发效率。

...选举的过程涉及到节点状态的转换。当一个节点成为新的leader时，它会通知所有其他节点更新他们的状态，这一过程被称为term变更。如果客户端在等待这个变更完成之前超时，就会抛出上述错误。 3. 导致错误的常见原因 - 网络延迟：在网络条件不稳定或延迟较高的情况下，客户端可能无法在规定时间内收到leader的响应。 - 大规模操作：大量并发请求可能导致leader处理能力饱和，从而无法及时响应客户端。 - 配置问题：Etcd的配置参数，如客户端超时设置，可能不适用于实际运行环境。 4. 解决方案与优化策略 1. 调整客户端超时参数 在Etcd客户端中，可以调整请求超时时间以适应实际网络状况。例如，在Golang的Etcd客户端中，可以通过修改以下代码来增加超时时间： go client, err := etcd.New("http://localhost:2379", &etcd.Config{Timeout: time.Second 5}) 这里的Timeout参数设置为5秒，可以根据实际情况进行调整。 2. 使用心跳机制 Etcd提供了心跳机制来检测leader的状态变化。客户端可以定期发送心跳请求给leader，以保持连接活跃。这有助于减少由于leader变更导致的超时错误。 3. 平衡负载 确保Etcd集群中的节点分布均匀，避免单个节点过载。嘿，兄弟！你知道吗？要让系统稳定得像磐石一样，咱们得用点小技巧。比如说，咱们可以用负载均衡器或者设计一些更精细的路径规则，这样就能把各种请求合理地分摊开，避免某个部分压力山大，导致系统卡顿或者崩溃。这样一来，整个系统就像一群蚂蚁搬粮食，分工明确，效率超高，稳定性自然就上去了！ 4. 网络优化 优化网络配置，如使用更快的网络连接、减少中间跳转节点等，可以显著降低网络延迟，从而减少超时情况。 5. 实践案例 假设我们正在开发一个基于Etcd的应用，需要频繁读取和更新数据。在实现过程中，我们发现客户端请求经常因网络延迟导致超时。通过调整客户端超时参数并启用心跳机制，我们成功降低了错误率。 go // 创建Etcd客户端实例 client, err := etcd.New("http://localhost:2379", &etcd.Config{Timeout: time.Second 5}) if err != nil { log.Fatalf("Failed to connect to Etcd: %v", err) } // 执行读取操作 resp, err := client.Get(context.Background(), "/key") if err != nil { log.Fatalf("Failed to get key: %v", err) } // 输出结果 fmt.Println("Key value:", resp.Node.Value) 通过实践，我们可以看到，合理配置和优化Etcd客户端能够有效应对“Request timeout while waiting for Raft term change”的挑战，确保分布式系统的稳定性和高效运行。 结语 面对分布式系统中的挑战，“Request timeout while waiting for Raft term change”只是众多问题之一。哎呀，兄弟！要是咱们能彻底搞懂Etcd这个家伙到底是怎么运作的，还有它怎么被优化的，那咱们系统的稳定性和速度肯定能上一个大台阶！就像给你的自行车加了涡轮增压器，骑起来又快又稳，那感觉简直爽翻天！所以啊，咱们得好好研究，把这玩意儿玩到炉火纯青，让系统跑得飞快，稳如泰山！在实际应用中，持续监控和调整系统配置是保证服务稳定性的关键步骤。希望本文能为你的Etcd之旅提供有价值的参考和指导。

...，就能确保所有集群的状态一致。 --- 4. 我的思考与总结 兄弟们，写到这里，我觉得有必要停下来聊一聊我的感受。说实话，搞多集群的管理和优化这事吧，真挺费脑子的，特别是当你摊上一堆复杂得让人头大的业务场景时，那感觉就像是在迷宫里找出口，越走越晕。但只要你掌握了核心原理，并且善于利用现有的工具，其实也没那么可怕。 我觉得，Kubernetes 的多集群方案就像是一把双刃剑。它既给了我们无限的可能性，也带来了不少挑战。所以啊，在用它的过程中，咱们得脑袋清醒点，别迷迷糊糊的。别害怕去试试新鲜玩意儿，说不定就有惊喜呢！而且呀，心里得有根弦，感觉不对就赶紧调整策略，灵活一点总没错。 最后，我想说的是，技术的世界永远没有终点。就算咱们今天聊了个痛快，后面还有好多好玩的东西在等着咱们呢！所以，让我们一起继续学习吧！

...state", //状态插件 "types", //类型插件 "unique", //唯一插件 "wholerow", //整行插件"contextmenu"],types:{ "default": { //设置默认的icon 图 "icon": "glyphicon glyphicon-folder-close", } } });$tree.on("open_node.jstree", function(e,data){ //监听打开事件var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-open"); });$tree.on("close_node.jstree", function(e,data){ //监听关闭事件 var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-close"); });$tree.on("activate_node.jstree", function(e, data){var currentNode = data.node; //获取当前节点的json .node //alert(currentNode.a_attr.id) //alert(currentNode.a_attr.href) //获取超链接的 .a_attr.href "链接" .a_attr.id ID //alert(currentNode.li_attr.href) //获取属性的 .li_attr.href "链接" .li_attr.id ID });// 创建$tree.on("create_node.jstree", function(e, data){alert("创建node节点");});// 修改$tree.on("rename_node.jstree", function(e, data){alert("修改node节点");});// 删除$tree.on("delete_node.jstree", function(e, data){alert("删除node节点");});// 查询节点名称var to = false;$("search_ay").keyup(function(){if(to){clearTimeout(to);}to = setTimeout(function(){$tree.jstree(true).search($('search_ay').val()); //开启插件查询后 使用这个方法可模糊查询节点 },250);});$('.btn-tab').click(function(){ //选项事件 //alert($(this).attr("var")) $tree.jstree(true).destroy(); //可做联级 $tree = jstree_fun($(this).attr("var"));//可做联级 //alert($(this).attr("var")) }); $('.refresh').click(function(){ //刷新事件 $tree.jstree(true).refresh () }); return $tree; }function node_create(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];sel = ref.create_node(sel);if(sel){ref.edit(sel); } }function node_rename(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];ref.edit(sel);}function node_delete(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];if(ref.get_node(sel).parent==''){alert("根节点不允许删除");return;}ref.delete_node(sel);}// 初始化操作function init(){var $tree = jstree_fun("json/data.json");}init(); 3、图片效果展示 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_27717967/article/details/79167605。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...，实现复杂的数据处理任务，如过滤、排序、聚合等，并支持将结果写入多种数据库系统，包括MySQL。 MySQL数据库shtd_store , MySQL是一个开源的关系型数据库管理系统，广泛应用于Web应用开发。在本文的上下文中，“MySQL数据库shtd_store”指的是作者在MySQL服务器上创建的一个特定的数据库实例，名为“shtd_store”，用于存储从数据仓库中导出的统计结果数据，如国家地区每月下单数量及总金额等信息。MySQL因其稳定、高效、易于管理的特点，常被选为数据仓库下游存储系统的组成部分之一，以支持OLAP在线分析处理场景的需求。

...时，日志作为系统运行状态的重要反馈途径，其标准化与集中化处理也日益受到重视。例如，业界广泛采用的ELK（Elasticsearch、Logstash、Kibana）栈为日志收集、分析与可视化提供了强大支持，结合开源项目如log4j2或Logback与Dubbo进行深度集成，不仅可以实时监控Dubbo服务内部运行状态，还能快速定位并排查各类问题，极大提升了运维效率。 综上所述，对于使用Dubbo的开发者而言，紧跟社区发展动态，掌握最新的配置管理工具与日志处理技术，将有力推动项目的高效运行与维护。同时，理解和实践DevOps理念，注重基础设施即代码（Infrastructure as Code, IaC）以及持续集成/持续部署（CI/CD）等现代软件工程方法，亦是提高服务质量和团队协作效率的关键所在。

...，通过记录应用程序的状态变化（事件）而不是直接存储状态，来构建和维护数据的历史记录。这种方法在处理需要回滚、恢复或审计的应用场景时特别有用。以下是对事件源概念及其在现代云计算环境中的应用的深入解读。 事件源的核心理念是将应用程序的操作分解为一系列事件，这些事件描述了系统状态的变化。每当系统执行一次操作，如用户登录、购买商品或编辑文档，都会生成一个事件。这些事件被存储在一个事件存储库中，而不是直接修改状态数据库。通过重新播放事件序列，可以重建任意时刻系统的确切状态。 事件源的优势 1. 数据一致性：事件源允许系统在不同时间点之间进行精确的数据复制和同步，这对于分布式系统和多副本环境尤其重要。 2. 故障恢复：通过重播事件序列，系统可以轻松地从任何已知状态恢复，而无需依赖于复杂的事务处理机制。 3. 审计和追溯：事件记录提供了完整的操作日志，便于进行审计、故障排查和数据分析。 4. 可扩展性：事件存储通常比状态存储更容易水平扩展，因为它们只需要追加新事件，而不需要读取或修改现有的状态数据。 应用实例 在现代云计算环境中，事件源的概念被广泛应用于微服务架构、无服务器计算和事件驱动的系统设计中。例如，亚马逊的DynamoDB使用事件源模型来管理其分布式键值存储系统。在微服务架构中，每个服务都可能独立地记录自己的事件，这些事件可以通过消息队列（如Amazon SNS或Kafka）进行聚合和分发，供其他服务消费和处理。 事件源与云服务的集成 随着云服务提供商如AWS、Azure和Google Cloud不断推出新的API和功能，事件源的集成变得更加容易。例如，AWS提供了CloudWatch Events和Lambda服务，可以无缝地将事件源集成到云应用中。开发者可以轻松地触发函数执行，根据事件的类型和内容自动执行相应的业务逻辑。 结语 事件源作为一种数据存储和管理策略，为现代云计算环境下的应用开发带来了诸多优势。通过将操作分解为事件并存储，不仅提高了系统的可维护性和可扩展性，还增强了数据的一致性和安全性。随着云计算技术的不断发展，事件源的应用场景将更加广泛，成为构建健壮、高效和可扩展应用的关键技术之一。 --- 这段文字提供了一个与原文“在Memcached中实现多版本控制”的不同视角，即事件源在云计算和现代应用开发中的应用。通过深入解读事件源的概念及其优势，并结合云计算服务的特性，为读者呈现了一种在不同背景下实现数据版本控制的替代方案。

...，协同工作以完成整体任务。在大数据分析领域，分布式架构能够有效处理海量数据，提高数据处理速度和系统的扩展性。Kylin正是利用分布式架构特性，支持大规模数据集的存储和处理，适用于大数据环境。 名词 , 多维分析。 解释 , 多维分析是一种数据分析方法，它允许用户从多个维度（如时间、地区、产品类别等）来探索和理解数据。在Kylin中，多维分析通过创建多维数据集（Cube）实现，使得用户能够以直观的方式进行复杂的数据查询和分析，从而发现数据背后的深层次关系和模式。这种分析方法特别适用于商业智能和决策支持系统。 名词 , 实时性。 解释 , 实时性指的是系统响应用户请求的速度，即数据的获取、处理和反馈时间。在大数据分析和预测中，实时性至关重要，因为它能够确保决策者在第一时间获取最新信息，以便迅速做出反应。Kylin通过其实时更新和历史数据分析能力，支持在线学习与决策，使用户能够根据最新的数据动态调整预测模型，提高预测的时效性和准确性。

...型的服务可以针对特定任务进行优化，降低了复杂度并促进了团队协作。微服务架构通常配合API网关、配置中心、服务注册中心等组件使用，以协调各个服务之间的通信和管理。

...靠近数据源的数据处理任务，减少延迟，提高响应速度。 总之，Hadoop Cloud Storage Gateway作为云计算与数据安全之间的关键链接，其未来发展将围绕着提升安全性、自动化水平、跨云互操作性和边缘计算融合等方面展开。通过持续的技术创新和实践优化，HCSG有望为数据密集型应用提供更为安全、高效和灵活的存储解决方案。

...何简化复杂的数据处理任务，并提供实际操作的示例。 二、Apache Pig简介 从概念到应用 Apache Pig是一个基于Hadoop的大规模数据处理系统，它提供了Pig Latin语言，一种高级的、易读易写的脚本语言，用于描述数据流和转换逻辑。Pig的主要优势在于其抽象层次高，可以将复杂的查询逻辑转化为简单易懂的脚本形式，从而降低数据处理的门槛。 三、Scripting Shell的引入 让Pig脚本更加灵活 Apache Pig提供了多种运行环境，其中Scripting Shell是用户最常使用的交互式环境之一。哎呀，小伙伴们！使用Scripting Shell，咱们可以直接在命令行里跑Pig脚本啦！这不就方便多了嘛，想看啥结果立马就能瞅到，遇到小问题还能马上调试调调试，改一改，试一试，挺好玩的！这样子，咱们的操作过程就像在跟老朋友聊天一样，轻松又自在~哎呀，这种交互方式简直是开发者的大救星啊！特别是对新手来说，简直就像有了个私人教练，手把手教你Pig的基本语法规则和工作流程，让你的学习之路变得轻松又愉快。就像是在玩游戏一样，不知不觉中就掌握了技巧，感觉真是太棒了！ 四、使用Scripting Shell进行数据处理 实战演练 让我们通过几个具体的例子来深入了解如何利用Scripting Shell进行数据处理： 示例1：加载并查看数据 首先，我们需要从HDFS加载数据集。假设我们有一个名为orders.txt的文件，存储了订单信息，我们可以使用以下脚本来加载数据并查看前几行： pig A = LOAD 'hdfs://path_to_your_file/orders.txt' USING PigStorage(',') AS (order_id:int, customer_id:int, product_id:int, quantity:int); dump A; 在这个例子中，我们使用了LOAD语句从HDFS加载数据，PigStorage(',')表示数据分隔符为逗号，然后定义了一个元组类型(order_id:int, customer_id:int, product_id:int, quantity:int)。dump命令则用于输出数据集的前几行，帮助我们验证数据是否正确加载。 示例2：数据过滤与聚合 接下来，假设我们想要找出每个客户的总订单数量： pig B = FOREACH A GENERATE customer_id, SUM(quantity) as total_quantity; C = GROUP B by 0; D = FOREACH C GENERATE key, SUM(total_quantity); dump D; 在这段脚本中，我们首先对原始数据集A进行处理，计算每个客户对应的总订单数量（步骤B），然后按照客户ID进行分组（步骤C），最后再次计算每组的总和（步骤D）。最终，dump D命令输出结果，显示了每个客户的ID及其总订单数量。 示例3：数据清洗与异常值处理 在处理真实世界的数据时，数据清洗是必不可少的步骤。例如，假设我们发现数据集中存在无效的订单ID： pig E = FILTER A BY order_id > 0; dump E; 通过FILTER语句，我们仅保留了order_id大于0的记录，这有助于排除无效数据，确保后续分析的准确性。 五、结语 Apache Pig的未来与挑战 随着大数据技术的不断发展，Apache Pig作为其生态中的重要组成部分，持续进化以适应新的需求。哎呀，你知道吗？Scripting Shell这个家伙，简直是咱们数据科学家们的超级帮手啊！它就像个神奇的魔法师，轻轻一挥，就把复杂的数据处理工作变得简单明了，就像是给一堆乱糟糟的线理了个顺溜。而且，它还能搭建起一座桥梁，让咱们这些数据科学家们能够更好地分享知识、交流心得，就像是在一场热闹的聚会里，大家围坐一起，畅所欲言，气氛超棒的！哎呀，你知道不？现在数据越来越多，越来越复杂，咱们得好好处理才行。那啥，Apache Pig这东西，以后要想做得更好，得解决几个大问题。首先，怎么让性能更上一层楼？其次，怎么让系统能轻松应对更多的数据？最后，怎么让用户用起来更顺手？这些可是Apache Pig未来的头等大事！ 通过本文的探索，我们不仅了解了Apache Pig的基本原理和Scripting Shell的功能，还通过实际示例亲身体验了如何使用它来进行高效的数据处理。希望这些知识能够帮助你开启在大数据领域的新篇章，探索更多可能！

...停地给其他小伙伴分配任务。而那些追随者副本呢，就像是一群勤勤恳恳的小弟，只能等着老大分活儿给他们，然后照着做，保持和老大的一致。 2. 数据复制策略 接下来，让我们来看看Kafka是如何实现这些副本之间的数据同步的。Kafka的数据复制策略主要依赖于一种叫做“拉取”（Pull-based）的机制。这就意味着那些小弟们得主动去找老大，打听最新的消息。 2.1 拉取机制的优势 采用拉取机制有几个好处： - 灵活性：追随者可以根据自身情况灵活调整同步频率。 - 容错性：如果追随者副本暂时不可用，不会影响到领导者副本和其他追随者副本的工作。 - 负载均衡：领导者副本不需要承担过多的压力，因为所有的读取操作都是由追随者完成的。 2.2 实现示例 让我们来看一下如何在Kafka中配置和实现这种数据复制策略。首先，我们需要定义一个主题，并指定其副本的数量： python from kafka.admin import KafkaAdminClient, NewTopic admin_client = KafkaAdminClient(bootstrap_servers='localhost:9092') topic_list = [NewTopic(name="example_topic", num_partitions=3, replication_factor=3)] admin_client.create_topics(new_topics=topic_list) 这段代码创建了一个名为example_topic的主题，它有三个分区，并且每个分区都有三个副本。 3. 副本同步的实际应用 现在我们已经了解了副本同步的基本原理，那么它在实际应用中是如何工作的呢？ 3.1 故障恢复 当一个领导者副本出现故障时，Kafka会自动选举出一个新的领导者。这时候，新上任的大佬会继续搞定读写请求，而之前的小弟们就得重新变回小弟，开始跟新大佬取经，同步最新的消息。 3.2 负载均衡 在集群中，不同的分区可能会有不同的领导者副本。这就相当于把消息的收发任务分给了不同的小伙伴，这样大家就不会挤在一个地方排队了，活儿就干得更顺溜了。 3.3 实际案例分析 假设有一个电商网站使用Kafka来处理订单数据。要是其中一个分区的大佬挂了，系统就会自动转而听命于另一个健健康康的大佬。虽然在这个过程中可能会出现一会儿数据卡顿的情况，但总的来说，这并不会拖慢整个系统的进度。 4. 总结与展望 通过上面的讨论，我们可以看到副本同步和数据复制策略对于提高Kafka系统的稳定性和可靠性有多么重要。当然，这只是Kafka众多功能中的一个小部分，但它确实是一个非常关键的部分。以后啊，随着技术不断进步，咱们可能会见到更多新颖的数据复制方法，这样就能让Kafka跑得更快更稳了。 最后，我想说的是，学习技术就像是探险一样，充满了挑战但也同样充满乐趣。希望大家能够享受这个过程，不断探索和进步！ --- 以上就是我对Kafka副本同步数据复制策略的一些理解和分享。希望对你有所帮助！如果有任何问题或想法，欢迎随时交流讨论。

...们的自定义JAR包在任务的classpath列表中处于最前面的位置。 如果一切正常，我们应该可以看到一条成功的消息，并且可以在MySQL中看到导出的数据。 总结 本文介绍了如何使用Apache Sqoop将HDFS中的数据导出到MySQL数据库。咱们先给环境捯饬得妥妥当当，然后捣鼓出一个MySQL表，再接再厉，编了个Sqoop脚本。最后，咱就让这个脚本大展身手，把数据导出溜溜的。希望这篇文章能帮助你解决这个问题！

...中checked选中状态在JS代码中checked=true表示选中checked=false表示不选中在HTML标签中checked=checked或checked表示选中不设置checked属性表示不选中3.获取单选按钮的值元表.value;3.获取多选按钮与单选按钮相同4.获取下拉选项1.获取下拉框对象var对象 = document.getElementById("id属性值");2.获取下拉框的下拉选项列表var options = 下拉框对象.options;3.获取下拉框被选中项的索引var index = 下拉框对象.selectedIndex;4.获取下拉框被选中项的值var 值 = 下拉框对象.value;5.通过选中项的下标获取下拉框被选中项的值var 值 = 下拉框对象.options[index].value;6.获取下拉框被选中项的文本var文本值一下拉框对象.options[index].text;注:1.获取下拉框选中项的值时: (value)如果option标签设置了value属性值，则获取value属性对应的值;如果option标签未设置value属性值，则获取的是option双标签中的文本值2.下拉框的选中状态:选中状态: selected = selected、 selected、 selected = true未选中状态:不设置selected属性、 selected=false; <form id='myform' name="myform" action="" method="get">姓名:<input type="text" id="uname" name="uname" value="zs"/><br />密码:<input type= "password" id="upwd" name="upwd" value= "1234"/><br /><input type="hidden" id= "uno" name="uno" value="隐藏域"/>个人说明:<textarea name="intro" ></textarea><br><button type="button" onclick="getTxt();" >获取元素内容</button><hr><br><input type="text" name="inputName" class="test" value="aaa" /><input type="radio" name="rad" class="test" value="1" /> 男<input type="radio" name="rad" class="test" value="2" /> 女<button type="button" onclick="getRadio()">获取单选按钮</button><br><hr><br>全选/全不选: <input type="checkbox" id="control" onclick="checkAllOrNot()" /><button type="button" onclick= "checkFan()">反选</button><br><input type="checkbox" name= "hobby" value="sing" />唱歌<input type="checkbox" name= "hobby" value="dance" />跳舞<input type="checkbox" name= "hobby" value="rap" />说唱<button type="button" onclick="getCheckBox()">获取多选按钮</button><br><hr><br>来自:<select id="ufrom" name= "ufrom" ><option value = "" >请选择</option><option value = "Beijing" selected="selected" >北京</option><option value = "Shanghai">上海</option><option value = "Hangzhou">杭州</option></select><button type="button" onclick= "getSelect()" >获取下拉选项</button></form><script type=" text/javascript">function getTxt() {// 1. document.getElementById("id属性值");var uname = document.getElementById("uname").value;console.log(uname);// 2.表单对象.表单元表的name属性值;var pwd = document.getElementById("myform").upwd.value;console.log(pwd);// 3. document.getELementsByName("name属性值");var uno = document.getElementsByName("uno")[0].value;console.log(uno);// 4. document.getELementsByTagName("标签名/元素名");var intro = document.getElementsByTagName("textarea")[0].value;console.log(intro);}function getSelect() {//获取下拉框对象var ufrom = document.getElementById("ufrom");console.log(ufrom);//获取下拉框的下拉选项列表var opts = ufrom.options;console.log(opts);//获取下拉框被选中项的索引var index = ufrom.selectedIndex;console.log("选中项的下标:" + index);//获取下拉框被选中项的值var val = ufrom.value;console.log("被选中项的值：" + val);//通过选中项的下标获取下拉框被选中项的值var val2 = ufrom.options[index].value;console.log("被选中项的值:"+ val2);//获取下拉框被选中项的文本var txt=ufrom.options[index].text; console.log("被选中项的文本:"+ txt);}</script> 运行效果截图： 三、提交表单 提交表单一、使用普通按钮type="button"1.给按钮绑定click点击事件，绑定函数2.在函数中，进行表单校验(非空校验、 合法性校验等)3.如果校验通过，则手动提交表单表单对象.submit();二、使用提交按钮type="submit"1.给按钮绑定click点击事件，绑定函数2.函数需要有返回值，返回true或false (如果return false, 则表单不会提交:如果return true，则提交表单）onclick="return 函数名()"3.在函数中，进行表单校验(非空校验、 合法性校验等)4.如果校验通过，返回true;如果校验不通过，则返回false, 则表单不会提交:如果return true，则提交表单）三、使用提交按钮type="submit"1.给表单form元素绑定submit提交事件，绑定函数2.函数需要有返回值，返回true或false (如果return false, 则表单不会提交;如果return trueonsubmit="return函数名()" 3.在函数中，进行表单校验(非空校验、 合法性校验等)4.如果校验通过，返回true;如果校验不通过，则返回false <!--使用普逍按钮 type= "button"--><form id= 'myform' name= "myform" action="http://www.baidu.com" method="get" >姓名: <input name= "uname" id="uname"/>  <span id = "msg" style="font-s1ze: 12px; color: red;"></span><br /><button type="button" onclick="submitForm1()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform2' name= "myform2" action="http://www.baidu.com" method="get" >姓名: <input name= "uname2" id="uname2"/>  <span id = "msg2" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit" onclick="return submitForm2()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform3' name= "myform3" action="http://www.baidu.com" method="get" onsubmit="return submitForm3()">姓名: <input name= "uname3" id="uname3"/>  <span id = "msg3" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit">提交</button></form><script type="text/javascript">// 表单校验// 提交表单function submitForm1() {//得到文本框的值var uname = document.getElementById("uname").value;//判断是否为空if (isEmpty(uname)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg").innerHTML="性名不能为空!" ;//阻止表单提交return;}//手动提交表单document.getElementById("myform").submit(); }function submitForm2() {//得到文本框的值var uname2 = document.getElementById("uname2").value;//判断是否为空if (isEmpty(uname2)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg2").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}function submitForm3() {//得到文本框的值var uname3 = document.getElementById("uname3").value;//判断是否为空if (isEmpty(uname3)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg3").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}/ 判断字符串是否为空如果为空，返回true如果非空，返回falsetrim() :字符串方法， 去除字符串前后空格@param {Object} str/function isEmpty(str) {//判断是否为空if (str == null || str.trim() == "") {return true;}return false;}</script> 运行效果截图： 四、原生Ajax实现流程 <!-- Ajax 异步无刷新技术原生Ajax的实现流程1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();2.打开请求xhr.open(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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 2. event.srcElement： 表示该事件的发生源 通俗一点说也就是该事件被触发的地方 3. srcElement.parentNode： 表示该事件发生源的父结点 4. srcElement.tagName： 表示事件发生源的标签名 5. toUpperCase()： 大写化相应字符串的方法 基本上就是这些属性和方法，可能对于刚刚接触javascript的朋友们或者以前很少使用此类功能的朋友来说， 这些对象有些陌生，不过没关系，了解以后发现其实并不难，和javascript验证表单之类的并没有太多的不同。 下面就结合程序给大家一步一步讲解(程序难免有不合理之处，希望大家多多指正，共同进步)： 第一部分：javascript纪录浏览动作 复制内容到剪贴板 代码: function glog(evt) //定义纪录鼠标点击动作的函数 { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) //以上这个语句判断鼠标动作是否发生在有效区域，防止用户的无效点击也被纪录下来 { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A")//判断用户点击的对象是否属于链接 { linkname=srcElem.innerHTML; //取出事件发生源的名称，也就是和之间的文字，也就是链接名称哈 address=srcElem.href+"_www.achome.cn_"; //取出事件发生源的href值，也就是该链接的地址 wlink=linkname+"+"+address; //将链接名称和链接地址整合到一个变量当中 old_info=getCookie("history_info"); //从Cookies中取出以前纪录的浏览历史，该函数后面有声明 //以下程序开始判断新的浏览动作是否和已有的前6个历史重复，如果不重复则写入cookies var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } if(insert) { wlink+=getCookie("history_info"); setCookie("history_info",wlink); //写入cookie，该函数后面有声明 history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog;//使每一次页面的点击动作都执行glog函数 第2部分：Cookies的相关函数 复制内容到剪贴板 代码: //cookie的相关函数 //读取cookie中指定的内容 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } //将浏览动作写入cookie function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } 第3部分：页面显示函数 复制内容到剪贴板 代码: function history_show() { var history_info=getCookie("history_info"); //取出cookie中的历史记录 var content=""; //定义一个显示变量 if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起，您没有任何浏览纪录";} } 代码差不多就是这些了 就为大家分析到这里 还有不足之处还请大家多多指教 下面可以运行代码查看效果 查看效果 //cookie的相关函数 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } function glog(evt) { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A") { linkname=srcElem.innerHTML; address=srcElem.href+"_www.achome.cn_"; wlink=linkname+"+"+address; old_info=getCookie("history_info"); var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } / if(insert) //如果符合条件则重新写入数据 { wlink+=getCookie("history_info"); setCookie("history_info",wlink); history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog; function history_show() { var history_info=getCookie("history_info"); var content=""; if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起，您没有任何浏览纪录";} } // JavaScript Document 浏览历史排行(只显示6个最近访问站点并且没有重复的站点出现) history_show(); 点击链接： 网站1 网站2 网站3 网站4 网站5 网站6 网站7 网站8 网站9 如果有其他疑问请登陆www.achome.cn与我联系 提示：您可以先修改部分代码再运行 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_30611227/article/details/117818020。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。