小编mpl*_*jan的帖子

如何动态渲染美人鱼流程图?

我正在使用mermaid库来构建流程图。其工作原理是在块内有一个伪代码 - 特殊语法的命令,在此基础上在块中构建流程图。

\n

我希望能够动态更改块的内容,并且脚本每次都会重建框图。

\n

我应该如何设置初始化?也许我应该在设置中添加一些回调函数?

\n

我是这样初始化的:

\n
mermaid.init({/*what setting parameters should be here?*/}, ".someClass"/*selector*/);\n
Run Code Online (Sandbox Code Playgroud)\n

但该脚本不会\xe2\x80\x99t 呈现任何新命令。它仅呈现加载文档时存在的命令。

\n

换句话说,我想在线编辑流程图。

\n

\r\n
\r\n
mermaid.init({/*what setting parameters should be here?*/}, ".someClass"/*selector*/);\n
Run Code Online (Sandbox Code Playgroud)\r\n
function edit() {\n  const new_mermaid = document.createElement("div");\n  new_mermaid.classList.add("mermaid");\n  new_mermaid.classList.add(".someClass");\n  /*new_mermaid.innerHTML =\n            `graph TD\n   1[point 1] --> 2[point 2]`;*/\n  // it doesn\'t work when I append the new   element dynamically! \n  new_mermaid.innerHTML = document.querySelector(".mermaid").innerHTML;\n  // it works always.\n  document.body.append(new_mermaid);\n  /* document.querySelector(".mermaid").innerHTML = \n            `\n    graph TD\n …
Run Code Online (Sandbox Code Playgroud)

javascript mermaid

11
推荐指数
1
解决办法
1万
查看次数

python包(多文件模块)的行为与一个大模块完全相同吗?

我刚刚读了一篇文章,据说我向我介绍了一个新概念:到目前为止,我确信python包(即带有__init__.py文件的目录)的行为与java包完全相同,即 - 用于帮助安排代码的小命名空间(减去java的"包"范围).但是,根据这个链接: 如果我把所有文件都放在同一个"包"中,那么简短的进入多文件模块:

整个文件集合作为单个模块呈现给其他Python代码 - 就像所有函数和类都在一个.py中一样

所以现在我认为我对python"包"的全部理解是错误的.而且 - 它完全不是一个包,而是作者所指的"多文件模块".

所以,根据我的理解,不管有多少文件我将我的funcs和类分成一个包,从外面那个包应该看起来好像我从包中的所有文件中取出了所有代码并把它放在一个大的改为使用与包相同名称的文件,即作为一个模块.

例如,如果我有以下文件结构:

/base
    /animals
        /__init__.py
        /dog.py
Run Code Online (Sandbox Code Playgroud)

在dog.py中:

def bark():
    print "woof"
Run Code Online (Sandbox Code Playgroud)

它应该与以下内容完全相同:

/base
    /animals.py
Run Code Online (Sandbox Code Playgroud)

并在animals.py中:

def bark():
    print 'woof'
Run Code Online (Sandbox Code Playgroud)

因此,下一段代码应该在两种情况下正常运行:

from base import animals
animals.bark()
Run Code Online (Sandbox Code Playgroud)

这当然会在第一种情况下产生:

Traceback (most recent call last):
  File "<console>", line 1, in <module>
AttributeError: 'module' object has no attribute 'bark'
Run Code Online (Sandbox Code Playgroud)

我在这里错过了什么?我通过例外看到"动物"确实被视为一个模块,但似乎我仍然需要明确说明animals.dog.bark,即包的内部文件结构不是从外部抽象出来的.

我错过了作者的观点,还是没有正确实现它?

===编辑===

只是为了确保在报价中没有人错过这一行:

好像所有的函数都在一个.py中

无论如何实际访问此funcs和类,上面的引用都明确指出,如果文件a中的func1和文件b中的func2,无论它们可以从哪个路径访问,如果我们将此路径表示为X,那么,根据上述报价,双方X.func1X.func2应工作.

python module package multifile

10
推荐指数
1
解决办法
1662
查看次数

用另一个数据库中的数据更新字段

需要使用来自其他数据库中其他字段的数据更新字段

我有两个来自同一家公司的SQL商业数据库,第一个数据库有一个在另一个中为空的字段

我需要使用第一个数据更新为null的字段/数据库.

sql database sql-server

10
推荐指数
1
解决办法
4万
查看次数

具有3状态日颜色的jQuery移动日历

我正在寻找创建一个事件和预订系统.

我找到了Stack Overflow问题jQuery - 移动日期选择器控件,它显示了jquery-mobile-dateboxjQuery-Mobile- Themed -DatePicker.

我想显示一个日历,其中我从服务器获得的某些日期是

  1. 可得到
  2. 无法使用
  3. 保留的

触摸保留或可用日期时,我想显示时间 - 每天可能有多个时间.然后,用户可以单击一个时间来保留它,这将触发Ajax请求.

例如,jQuery UI datepicker具有

 onSelect: function(date, inst) {
Run Code Online (Sandbox Code Playgroud)

从我在上面的选择器中看到的,我需要的是不容易获得的.在我开始自己攻击之前:

  1. 哪一个能够最好地满足我的需求?
  2. 是否有更好的那些已经满足我的需求?

更新:

萤火虫给了我

<div class="ui-datebox-griddate ui-corner-all ui-btn-up-e" data-date="25" data-theme="e">25</div>

ui-btn-up-e可以从a-e改变.

现在我需要找出是否还需要更改数据主题

 $('.ui-datebox-griddate').click(function () {
   alert($(this).attr("class"));
 }
Run Code Online (Sandbox Code Playgroud)

每次切换三个类并保存状态最好的方法是什么?

 $('.ui-datebox-griddate').toggle(
   function () {
     $(this).????? // change ui-btn-up-? to ui-btn-up-a
     $.get(...)
  },
   function () {
     $(this).????? // change ui-btn-up-a to ui-btn-up-b
     $.get(...)
  },
   function () {
     $(this).????? // change ui-btn-up-b to ui-btn-up-c
     $.get(...)
  } …
Run Code Online (Sandbox Code Playgroud)

calendar datepicker jquery-mobile

10
推荐指数
2
解决办法
7794
查看次数

什么是触发此页面上的IE7标准模式?

1.打开IE8
2.按F12
3.加载msdn.com

你应该看到

msdn doctype和兼容模式

4.打开一个新标签并加载 您应该看到的这个网站

预览doctype和兼容模式

请告诉我第二页上的内容会触发IE8 Compat View IE7标准

在有问题的页面上,我们没有设置X-UA-Compatible元标记(但是,我们正考虑将其设置为EDGE),我们不会在标题中发送X-UA-Compatible.

我不知道在我的浏览器中我可以设置这个,我知道三个测试中的一个,ONE没有问题,另外两个没有.

internet-explorer-8 ie8-compatibility-mode

10
推荐指数
1
解决办法
4916
查看次数

单击另一个元素后,使用vanilla javascript将类添加/删除到其他元素

我已经查看了许多类似的问题,但找不到一个在vanilla JS中回答的具体示例如何将类添加到一个不同的元素中并从中删除.我知道它与设置循环和遍历元素有关,但我在确切的过程中迷路了.

我有许多具有类名的元素,faq-container当我点击其中任何一个时,我希望将该类faq-display添加到body标签中.我知道我必须设置一个循环,for (var i = 0; i < elements.length; i++) { elements[i].classList.remove('hover'); }但我不确定在代码中写入它的确切位置以使其工作.我尝试了很多方法,但都失败了.

我当前的脚本如下所示,我只是将数组中的第一个元素作为目标,但我希望能够点击任何faq-container元素并将类名添加到第一个也是唯一的body标记:

document.addEventListener("DOMContentLoaded", function() {

  document.getElementsByClassName('faq-container')[0].addEventListener('click', function() {
    var faqToggle = document.getElementsByTagName('body')[0];
    if (faqToggle.classList.contains('faq-display')) {
      faqToggle.classList.remove('faq-display');
      // alert("remove faq display!");
    } else {
      faqToggle.classList.add('faq-display');
      // alert("add faq display!");
    }
  });


});
Run Code Online (Sandbox Code Playgroud)
<div class="faq-container cf" id="faq-container">
  <h3 <?=ifxless::element( 'name')?>><?=ifxless::fill($this,'name');?> </h3>

  <div class="faq-content">
    <div class="h_line">&nbsp;</div>

    <div class="faq-bullets" <?=ifxless::element( 'content')?>>
      <?=ifxless::fill($this, 'content');?>
    </div>

  </div>

</div>
Run Code Online (Sandbox Code Playgroud)

javascript class getelementsbytagname getelementsbyclassname

10
推荐指数
2
解决办法
2万
查看次数

每个值(选项)后带有文本换行和边框的HTML下拉列表(选择)

我试图用DropDown实现两件事.

  • 首先,我想在下拉列表中的选项列表中包装文本.
  • 其次,我希望在每个选项之后加上边框

我想支持IE(以及其他浏览器).

这是因为我在下拉列表中会有很长的文字,我不想删除它们.出于这个原因,我想做上述事情.

像这样: -

http://jsfiddle.net/fnagel/GXtpC/embedded/result/

选择具有"与选项文本格式相同,选择地址"的那个.注意选项的格式是如何格式化的,并且每个选项都有一个边框底部.

这是我试过的(文字): -

.myselect {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myselect option {
  white-space: nowrap;
  width: 100% border-bottom: 1px #ccc solid;
  /* This doesn't work. */
}
Run Code Online (Sandbox Code Playgroud)
<select name="d" class="myselect">
  <option value="sdf" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf2" class="test1"> line text How to wrap the big line text </option>
  <option value="sdf3" class="test1"> line text How to wrap the big line text </option>
  <option …
Run Code Online (Sandbox Code Playgroud)

html css border drop-down-menu

9
推荐指数
2
解决办法
6万
查看次数

在div中创建div的正确方法是什么?

在createElement方法中似乎不允许使用Angle Brackets对插件有一些影响.

我没有插件,也没有IE9,但是对于我自己的教育,在jQuery 1.6+中对以下两行进行编码的正确方法是什么

$('<div id="'+options.loupeWrap.substring(1)+'"><div id="'+options.loupe.substring(1)+'" /></div>').appendTo(options.appendTo);
$('<div id="'+options.zoomWrapper.substring(1)+'" />').appendTo(options.loupe);
Run Code Online (Sandbox Code Playgroud)

例如,我已经看到 $('<div class="bla"></div>')但没有,$('<div id="bla"></div>')并且很好奇如何干净地创建一个带有ID的div并使用最佳实践jQuery链接到另一个具有ID的div,而不仅仅是因为jQuery非常聪明.

我也检查了包裹

这个SEEMS是有效和正确的

是吗?

$('<div>')
  .attr('id',outerID)
  .append(
    $('<div>')
    .attr('id',innerID)
  )
  .appendTo(options.appendTo);
Run Code Online (Sandbox Code Playgroud)

感谢您的输入.

jquery jquery-plugins internet-explorer-9

8
推荐指数
1
解决办法
2万
查看次数

如何从iPhone应用程序启动另一个应用程序

我在我的iPhone应用程序中处理地图应用程序.

我有一个按钮go.

当用户在此方法中单击此按钮时,我想检查用户是否已waze在其iphone上安装了该应用程序.如果是,则导航到waze应用程序,否则打开iPhone的默认地图应用程序.

iphone objective-c mapkit ios

8
推荐指数
2
解决办法
2万
查看次数

在文件之间添加分界线Grunt - concat

我想知道当我们使用Grunt concat连接文件时是否有办法在每个文件之间添加一行.

因为我在文件末尾有一些内联注释而得到错误,当它们被合并时,注释也是下一个文件的第一行.

实际上有点棘手,我正在手动删除这些注释,但如果我可以明确地避免这个问题,可能会更好.

只需为每个文件添加一行concat就可以了.我将删除Grunt的注释和空格 - 接下来是uglify.

javascript node.js gruntjs

8
推荐指数
1
解决办法
4189
查看次数