function zoomOut() { var transitionEnd = $.cssTransitionEnd(), completeTransition = function(e) { $('#book-zoom').unbind(transitionEnd); $('.sj-book').turn('disable', false); $('body').css({'overflow': 'auto'}); moveBar(false); }; $('.sj-book').data().zoomIn = false; $(window).unbind('resize', zoomOut); moveBar(true); $('.zoom-pic').remove(); $('#book-zoom').transform('scale(1, 1)'); $('.samples .bar').css({visibility: 'visible'}); $('#slider-bar').show(); if (transitionEnd) $('#book-zoom').bind(transitionEnd, completeTransition); else setTimeout(completeTransition, 1000); }

时间: 2023-09-13 16:02:33 浏览: 38
这段代码定义了一个名为 `zoomOut` 的函数，用于执行缩小操作。 以下是代码的功能解释： 1. 首先，通过调用 `$().cssTransitionEnd()` 函数获取 CSS 过渡效果结束事件的名称。 2. 声明一个名为 `completeTransition` 的函数，用于处理过渡效果结束后的操作。 3. 解绑窗口上绑定的 `resize` 事件，以防止在缩小状态下窗口大小改变时执行缩小操作。 4. 设置 `.sj-book` 元素的 `zoomIn` 属性为假，表示当前处于缩小状态。 5. 调用 `moveBar(true)` 函数，以显示样本栏和滑块条。 6. 移除临时缩放容器元素 `.zoom-pic`。 7. 使用 CSS `transform` 属性将 `#book-zoom` 元素的缩放设置为原始大小（1, 1）。 8. 显示样本栏的滚动条和滑块条。 9. 如果浏览器支持 CSS 过渡效果，则绑定过渡效果结束事件到 `#book-zoom` 元素，并在结束后执行 `completeTransition` 函数。 10. 否则，延迟1秒后执行 `completeTransition` 函数。 这段代码的作用是执行缩小操作。它将重置缩放状态，恢复到原始大小，并进行一些界面元素和事件的处理，以还原到缩小状态下的界面布局和交互。
相关问题

function zoomThis(pic) { var position, translate, tmpContainer = $('<div />', {'class': 'zoom-pic'}), transitionEnd = $.cssTransitionEnd(), tmpPic = $('<img />'), zCenterX = $('#book-zoom').width()/2, zCenterY = $('#book-zoom').height()/2, bookPos = $('#book-zoom').offset(), picPos = { left: pic.offset().left - bookPos.left, top: pic.offset().top - bookPos.top }, completeTransition = function() { $('#book-zoom').unbind(transitionEnd); if ($('.sj-book').data().zoomIn) { tmpContainer.appendTo($('body')); $('body').css({'overflow': 'hidden'}); tmpPic.css({ margin: position.top + 'px ' + position.left+'px' }). appendTo(tmpContainer). fadeOut(0). fadeIn(500); } };

这段代码定义了一个名为 `zoomThis` 的函数，用于缩放指定的图片。 函数接受一个参数 `pic`，表示要缩放的图片元素。 以下是代码的功能解释： 1. 首先，声明变量 `position` 和 `translate`。 2. 创建一个临时的 `<div>` 元素，并设置类名为 `'zoom-pic'`，用于容纳缩放后的图片。 3. 使用 `$().cssTransitionEnd()` 函数获取 CSS 过渡效果结束事件的名称。 4. 创建一个临时的 `<img>` 元素，用于显示缩放后的图片。 5. 获取缩放容器元素 `#book-zoom` 的宽度和高度，以及其相对于文档的偏移。这些值用于计算缩放后的图片位置。 6. 计算要缩放的图片在缩放容器中的相对位置。通过获取要缩放图片元素 `pic` 的偏移，并减去缩放容器的偏移，得到相对位置。 7. 声明一个名为 `completeTransition` 的函数，用于处理过渡效果结束后的操作。 8. 解绑缩放容器上绑定的过渡效果结束事件。 9. 如果当前处于放大状态（`.sj-book` 元素的 `zoomIn` 属性为真），执行以下操作： - 将临时容器元素添加到 `<body>` 元素中。 - 将 `<body>` 元素的滚动条隐藏。 - 设置缩放后的图片的边距，使其位于指定位置。 - 将缩放后的图片添加到临时容器中，并进行淡入动画效果。 这段代码的作用是在指定位置缩放图片。根据当前的缩放状态，将缩放后的图片添加到临时容器中，并在视觉上进行过渡效果以显示缩放效果。

if (Modernizr.csstransforms) { $('.splash'). removeClass('no-transition'). addClass('preview show-samples sample-'+currentDemo); $('#book-zoom'). css({visibility:'hidden'}). removeClass('animate'). transform(''); var transitionEnd = $.cssTransitionEnd(), actualDemo = currentDemo, thumbnail = $('.shelf .sample[sample="'+currentDemo+'"]'), bookWidth = $('#book-zoom').width()/2, bookHeight = $('#book-zoom').height()/2, targetPosition = thumbnail.offset(), position = $('#book-zoom').offset(), scaleFrom = thumbnail.height()*1.1/$('#book-zoom').height(), posX = (-bookWidth + sample.flipbook.width()/4)*scaleFrom + bookWidth + position.left, posY = -bookHeight*scaleFrom + bookHeight + position.top, moveX = targetPosition.left - posX, moveY = targetPosition.top - posY, showBars = function(e) { if (currentDemo==actualDemo) { $('.splash').addClass('show-bar'); if (typeof(_gaq)!='undefined') _gaq.push(['_trackEvent', 'Sample', currentDemo]); } }; thumbnail.css({visibility: 'hidden'}); $('#book-zoom'). removeClass('animate'). transform('translate(' + moveX + 'px, ' + moveY + 'px)'+ 'scale(' + scaleFrom + ',' + scaleFrom + ')'). css({visibility:'visible'}); setTimeout(function() { $('#book-zoom').addClass('animate').transform(''); sample.flipbook.turn('page', sample.startPage || 2); }, 0); if (!$('.splash .details').is(':visible')) { showBars(); }

这段代码主要用于在支持 CSS transforms 特性的浏览器中进行页面过渡效果的设置。具体解释如下： ```javascript if (Modernizr.csstransforms) { $('.splash') .removeClass('no-transition') .addClass('preview show-samples sample-' + currentDemo); $('#book-zoom') .css({ visibility: 'hidden' }) .removeClass('animate') .transform(''); var transitionEnd = $.cssTransitionEnd(), actualDemo = currentDemo, thumbnail = $('.shelf .sample[sample="' + currentDemo + '"]'), bookWidth = $('#book-zoom').width() / 2, bookHeight = $('#book-zoom').height() / 2, targetPosition = thumbnail.offset(), position = $('#book-zoom').offset(), scaleFrom = thumbnail.height() * 1.1 / $('#book-zoom').height(), posX = (-bookWidth + sample.flipbook.width() / 4) * scaleFrom + bookWidth + position.left, posY = -bookHeight * scaleFrom + bookHeight + position.top, moveX = targetPosition.left - posX, moveY = targetPosition.top - posY, showBars = function(e) { if (currentDemo == actualDemo) { $('.splash').addClass('show-bar'); if (typeof(_gaq) != 'undefined') _gaq.push(['_trackEvent', 'Sample', currentDemo]); } }; thumbnail.css({ visibility: 'hidden' }); $('#book-zoom') .removeClass('animate') .transform('translate(' + moveX + 'px, ' + moveY + 'px)' + 'scale(' + scaleFrom + ',' + scaleFrom + ')') .css({ visibility: 'visible' }); setTimeout(function() { $('#book-zoom').addClass('animate').transform(''); sample.flipbook.turn('page', sample.startPage || 2); }, 0); if (!$('.splash .details').is(':visible')) { showBars(); } } ``` 这段代码使用了 `Modernizr` 库来检测当前浏览器是否支持 CSS transforms 特性。如果支持，那么执行以下操作： - 为 `.splash` 元素移除 `no-transition` 类，添加 `preview`、`show-samples` 和 `sample-<currentDemo>` 类，从而触发相应的过渡效果。 - 隐藏 `#book-zoom` 元素，并将其移除 `animate` 类和 `transform` 样式。 - 创建一些变量和计算位置参数，用于后续的过渡效果设置。 - 隐藏缩略图 `thumbnail` 元素。 - 设置 `#book-zoom` 元素的过渡效果，包括平移和缩放，并将其设置为可见状态。 - 使用 `setTimeout` 延迟一段时间后，为 `#book-zoom` 元素添加 `animate` 类，并将其 transform 样式重置为空字符串，从而触发过渡效果。 - 如果 `.splash .details` 元素不可见，则调用 `showBars` 函数。 总体而言，这段代码的作用是在支持 CSS transforms 特性的浏览器中设置页面过渡效果，包括元素的平移、缩放和过渡动画的触发。

相关推荐

pdf

jquery $.getJSON()跨域请求

$(function(){ $.getJSON(url,function(data){ alert (data.Name); }) }); 服务器返回字符串： {“Name”:”loogn”,”Age”:23} 2，不同域名下 js: 代码如下: var url=”...
pdf

JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍

主要介绍了JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍,需要的朋友可以参考下
pdf

jQuery插件开发的两种方法及$.fn.extend的详解

代码如下: $.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} }); 页面中调用： 代码如下: var i = $.add(3,2); var j = $.minus(3,2); 2 对象级别 对象级别则可以理解为基于对象的...

$("#submitbut").click(function () { var add = $.trim($("#add").val()); var tel = $.trim($("#tel").val()); var bname = $.trim($("#bname").val());

这是一个 JavaScript 代码片段，其中通过 jQuery 库获取了页面元素的值，并进行了一些处理，但是缺少了后续的代码逻辑。具体来说，通过 $.trim() 方法去除了输入框中的空格，获取了 id 分别为 add、tel 和 bname ...

function zoomThis(pic) { var position, translate, tmpContainer = $('', {'class': 'zoom-pic'}), transitionEnd = $.cssTransitionEnd(), tmpPic = $(''), zCenterX = $('#book-zoom').width()/2, zCenterY = $('#book-zoom').height()/2, bookPos = $('#book-zoom').offset(), picPos = { left: pic.offset().left - bookPos.left, top: pic.offset().top - bookPos.top }, completeTransition = function() { $('#book-zoom').unbind(transitionEnd); if ($('.sj-book').data().zoomIn) { tmpContainer.appendTo($('body')); $('body').css({'overflow': 'hidden'}); tmpPic.css({ margin: position.top + 'px ' + position.left+'px' }). appendTo(tmpContainer). fadeOut(0). fadeIn(500); } }; $('.sj-book').data().zoomIn = true; $('.sj-book').turn('disable', true); $(window).resize(zoomOut); tmpContainer.click(zoomOut); tmpPic.load(function() { var realWidth = $(this)[0].width, realHeight = $(this)[0].height, zoomFactor = realWidth/pic.width(), picPosition = { top: (picPos.top - zCenterY)*zoomFactor + zCenterY + bookPos.top, left: (picPos.left - zCenterX)*zoomFactor + zCenterX + bookPos.left }; position = { top: ($(window).height()-realHeight)/2, left: ($(window).width()-realWidth)/2 }; translate = { top: position.top-picPosition.top, left: position.left-picPosition.left }; $('.samples .bar').css({visibility: 'hidden'}); $('#slider-bar').hide(); $('#book-zoom').transform( 'translate('+translate.left+'px, '+translate.top+'px)' + 'scale('+zoomFactor+', '+zoomFactor+')'); if (transitionEnd) $('#book-zoom').bind(transitionEnd, completeTransition); else setTimeout(completeTransition, 1000); }); tmpPic.attr('src', pic.attr('src')); }

7. 监听窗口的大小调整事件，并在大小调整时执行 zoomOut 函数。 8. 给临时容器绑定点击事件，点击时执行 zoomOut 函数。 9. 监听临时图片的加载事件，加载完成后执行缩放的具体逻辑。 10. 在缩放逻辑中，根据...

修改下列错误代码 $.post('/house/houseInfo',{"id":id},function(data){ var streetId = data.house.street.id; var streetName = data.house.street.name; var StreetNode = $("#street"); if(StreetNode.val() == ""){ var newNode = <option value=$(streetId) >$(streetName)</option> ; newNode = $(newNode); StreetNode.append(newNode); } },'json')

$.post('/house/houseInfo',{"id":id},function(data){ var streetId = data.house.street.id; var streetName = data.house.street.name; var StreetNode = $("#street"); if(StreetNode.val() == ""){ var ...

//屏蔽区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, }; $.tree3.init(options); }); //所属区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees2", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, onCheck : zOnClick }; $.tree.init(options); }); var ssqyids = $.tree.getCheckedNodes(); var xqdssqyids = $.tree.getCheckedNodes();两个ztree 怎么来正确获取勾选的节点

var ssqyids = $.fn.zTree.getZTreeObj("menuTrees").getCheckedNodes(true); var xqdssqyids = $.fn.zTree.getZTreeObj("menuTrees2").getCheckedNodes(true); 需要注意的是，这里使用了$.fn.zTree....

var $dragImg = $('#dragImg'); var $box = $('#box'); $dragImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { e.preventDefault(); var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); }); $box.on('dragstart', 'img', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragend', 'img', function(e) { var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $draggedImg.remove(); });更改代码使图片拖进盒子后,还可拖出盒子

$dragImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { ...

var $dragImg = $('#dragImg'); var $box = $('#box'); $dragImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { e.preventDefault(); var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); }); $draggedImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); }); $box.on('dragstart', 'img', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragend', 'img', function(e) { var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $draggedImg.remove(); });上述代码有什么问题

var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); }); $box.on('dragstart', 'img', function(e) { e.originalEvent.dataTransfer....

var $dragImg = $('#dragImg'); var $box = $('#box'); $dragImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { e.preventDefault(); var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); });补全代码使图片可拖拽可脱出

var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); }); $dragImg.on('dragend', function(e) { var $draggedImg = $(this); var $...

<!DOCTYPE html> <body> </body> <script> //屏蔽区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, }; $.tree3.init(options); }); //所属区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees2", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, onCheck : zOnClick }; $.tree.init(options); }); var ssqyids = $.tree.getCheckedNodes(); var xqdssqyids = $.tree.getCheckedNodes(); </script>如何从两个ztree中获取勾选中的节点

var ssqyids = $.fn.zTree.getZTreeObj("menuTrees").getCheckedNodes(); var xqdssqyids = $.fn.zTree.getZTreeObj("menuTrees2").getCheckedNodes(); 在上述代码中，"menuTrees" 和 "menuTrees2" 分别是两个...

$(".rightContentDetail .modelDetail .buttonDiv button.save").off("click").on("click",function(){ var $form = $(this).parents("form"); $.post($form.attr("action"),$form.serialize(),function(retJson){ var r = $.parseJSON(retJson); alert(r["msg"]); if(r["secc"]){ $("#rightContentNav a.active .closeNav").click(); } }); });这段JS代码如何加上文件上传功能

$(".rightContentDetail .modelDetail .buttonDiv button.save").off("click").on("click", function() { var $form = $(this).parents("form"); var formData = new FormData($form[0]); // 创建FormData对象 $....

var tableCode = $('.table-code'); var tmpArr = []; tableCode.each(function(i, e) { var dataTmp = $(this).data('tmp'); //去重 var tmpCount = 1; if(tmpArr.indexOf(dataTmp)==-1){ tmpArr.push(dataTmp); var tmps = $('div[data-tmp="'+dataTmp+'"]'); tmps.each(function (itmps,etmps) { var lbxxdyRows = $(etmps).find('div.lbxxdy-row[data-title="Y"]'); console.log(lbxxdyRows); }) } });查询lbxxdyRows中的子div class='lbxxdy-table-num'对象,并且设置html值

tableCode.each(function(i, e) { var dataTmp = $(this).data('tmp'); var tmpCount = 1; if (tmpArr.indexOf(dataTmp) == -1) { tmpArr.push(dataTmp); var tmps = $('div[data-tmp="' + dataTmp + '"]'); ...

var container = $('#container'); // 指定容器 var names = container.find('[name]').map(function() { return this.name; }).get(); console.log(names); 且去重

var names = [...new Set(container.find('[name]').map(function() { return this.name; }).get())]; console.log(names); 或者使用 forEach 循环和 indexOf 方法来手动去重，代码如下： var container ...

// 鼠标按下事件 imgContainer.onmousedown = function (e) { e.preventDefault(); isDragging = true; startX = e.clientX; startY = e.clientY; startScrollLeft = imgContainer.scrollLeft; startScrollTop = imgContainer.scrollTop; }; // 鼠标移动事件 imgContainer.onmousemove = function (e) { if (isDragging) { var moveX = e.clientX - startX; var moveY = e.clientY - startY; imgContainer.scrollLeft = startScrollLeft - moveX; imgContainer.scrollTop = startScrollTop - moveY; } }; // 鼠标释放事件 imgContainer.onmouseup = function (e) { isDragging = false; }; // 鼠标离开事件 imgContainer.onmouseleave = function (e) { isDragging = false; }; // 鼠标滚轮事件 img.onwheel = function (e) { e.preventDefault(); // 阻止默认滚轮行为处理页面滚动 var rect = img.getBoundingClientRect(); var mouseX = e.clientX - rect.left; // 鼠标在图片上的相对X坐标 var mouseY = e.clientY - rect.top; // 鼠标在图片上的相对Y坐标 var oldWidth = rect.width; // 原始图片宽度 var oldHeight = rect.height; // 原始图片高度 scale += e.deltaY > 0 ? -scaleFactor : scaleFactor; // 根据滚轮滚动方向确定缩放比例 scale = Math.max(scale, 0.1); // 最小缩放比例为0.1 var newWidth = oldWidth * scale; // 缩放后的宽度 var newHeight = oldHeight * scale; // 缩放后的高度 var scaleX = newWidth / oldWidth; // 宽度缩放比例 var scaleY = newHeight / oldHeight; // 高度缩放比例 var offsetX = (mouseX - rect.width / 2) * scaleX; // X轴偏移量 var offsetY = (mouseY - rect.height / 2) * scaleY; // Y轴偏移量 img.style.transform = scale(${scale}) translate(${offsetX}px, ${offsetY}px); }; // 关闭悬浮窗 popup.onclick = function () { document.body.removeChild(popup); isPopupVisible = false; // 标记悬浮窗为隐藏状态 }; imgContainer.appendChild(img); popup.appendChild(imgContainer); document.body.appendChild(popup); }这是修改后代码，任然存在图片跳动，无法正常放大问题

img.onwheel = function (e) { e.preventDefault(); // 阻止默认滚轮行为处理页面滚动 var rect = img.getBoundingClientRect(); var mouseX = e.clientX - rect.left; // 鼠标在图片上的相对X坐标 var mouseY ...

layui.use(['form','layer'], function(){ $ = layui.jquery; var form = layui.form ,layer = layui.layer;

这段代码使用了 layui 模块化框架中的 use 方法，加载了 form 和 layer 模块。在加载完成后，通过 $ = layui.jquery 将 jQuery 赋值给 $ 变量，方便后续使用。接着定义了两个变量 form 和 layer，分别代表 layui....
pdf

基于jQuery的$.getScript方法去加载javaScript文档解析

$.getScript('9-8.js',function(data){ var html ="<table border='1' cellpadding='2'>"; $.each(comments, function(Index, comment) { html += '<tr><td>' + comment.username + ':</td><td>' + comment['...

最新推荐

recommend-type

Vue 解决通过this.$refs来获取DOM或者组件报错问题

主要介绍了Vue 解决通过this.$refs来获取DOM或者组件报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
recommend-type

华中科技大学电信专业 课程资料 作业 代码 实验报告-数据结构-内含源码和说明书.zip

华中科技大学电信专业 课程资料 作业 代码 实验报告-数据结构-内含源码和说明书.zip
recommend-type

java 游戏飞翔的小鸟

java 制作游戏 飞翔的小鸟
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构：Kafka与Hive集成

![实现实时数据湖架构：Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构，它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同，实时数据湖不依赖于预先定义的模式，而是采用灵活的架构，可以处理各种数据类型和格式。这种架构为企业提供了以下优势： - **实时洞察：**实时数据湖允许企业访问最新的数据，从而做出更明智的决策。 - **数据民主化：**实时数据湖使各种利益相关者都可
recommend-type

用 Python 画一个可以动的爱心

好的，我可以帮助您使用Python来绘制一个动态的爱心。您可以使用turtle库来实现。以下是实现代码： ```python import turtle import math # 设置画布和画笔 canvas = turtle.Screen() canvas.bgcolor("black") pencil = turtle.Turtle() pencil.speed(0) pencil.color("red", "pink") pencil.pensize(3) # 定义爱心函数 def draw_love(heart_size, x_offset=0, y_offset=0):
recommend-type

JSBSim Reference Manual

JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。
recommend-type

"互动学习：行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动，互动学习以行动为中心的强化学习学会互动，互动学习，以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授：智囊团论文联合主任菲利普·普雷教授，大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授，Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士，Deepmind对于那些及时看到自己错误的人...3谢谢你首先，我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔，"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲，你知道在这篇论文的（许多）错误中，你是我可以依
recommend-type

实现实时监控告警系统：Kafka与Grafana整合

![实现实时监控告警系统：Kafka与Grafana整合](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9BVldpY3ladXVDbEZpY1pLWmw2bUVaWXFUcEdLT1VDdkxRSmQxZXB5R1lxaWNlUjA2c0hFek5Qc3FyRktudFF1VDMxQVl3QTRXV2lhSWFRMEFRc0I1cW1ZOGcvNjQw?x-oss-process=image/format,png) # 1.1 Kafka集群架构 Kafka集群由多个称为代理的服务器组成，这