reference 相关问题

我一直在用老式的方式开发一个javascript应用程序。也就是说，通过在 html 页面标题中逐个引用脚本： ... <question vote="0"> <p>我一直在用老式的方式开发 JavaScript 应用程序。也就是说，通过在 html 页面标题中逐个引用脚本：</p> <pre><code> <head> ... <script src="./helpers.js"></script> <script src="./pwvlogic.js"></script> </head> </code></pre> <p>但是我想将helpers.js视为一个模块并将其导入到pwvlogic.js中，然后从html页面中删除对它的引用。</p> <p>这是更改前的 helpers.js 的样子：</p> <pre><code>function createLineDiv(line) { ... } function fillActionButtonsContainer(actionButtonsContainer, line) { ... } function highlightSearchString(content) { ... } </code></pre> <p>这是更改后的样子：</p> <pre><code>export function createLineDiv(line) { ... } export function fillActionButtonsContainer(actionButtonsContainer, line) { ... } export function highlightSearchString(content) { ... } export default { createLineDiv, fillActionButtonsContainer, highlightSearchString } </code></pre> <p>在 pwvlogic.js 中，我在顶部添加了一条 import 语句：</p> <pre><code>import { createLineDiv, fillActionButtonsContainer, highlightSearchString } from './helpers.js'; </code></pre> <p>然后在 html 文件中，我删除对 helpers.js 的引用并将 <pre><code>type="module"</code></pre> 添加到 pwvlogic.js 引用中：</p> <pre><code><script src="./pwvlogic.js" type="module"></script> </code></pre> <p>现在加载 pageLoad() 函数时出现问题。在我的 html 中，我有这个：</p> <pre><code><body onload="pageLoad()"> </code></pre> <p>在 pwvlogic.js 中，我有 <pre><code>pageLoad</code></pre> 函数：</p> <pre><code>function pageLoad() { ... } </code></pre> <p>在浏览器中，我收到错误：</p> <blockquote> <p>未捕获的引用错误：pageLoad未定义</p> </blockquote> <p>为什么<pre><code>pageLoad</code></pre>突然没有定义了？我可以不以与常规 javascript 文件相同的方式在 javascript 模块中引用它吗？我该如何解决这个问题？</p> <p>谢谢！</p> </question> <answer tick="false" vote="0"> <p><pre><code>pageLoad()</code></pre> 的范围仅限于其模块，它不是全局对象的属性。如果你想在常规 js 中使用它，你可能需要将其设为 <pre><code>window</code></pre> 的属性</p> <p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code><body onload="hello()"> <script type="module"> function hello() { console.log("hello") } window.hello = hello </script> </body></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript import module reference export

回答 0 投票 0

如何使用 vbc 命令行编译器（无 IDE）引用像 shdocvw 这样的 COM 库？

这个问题的基础来自support.microsoft.com上的本教程： http://support.microsoft.com/kb/176792 要运行以下代码，需要添加对 “微软国际...

command-line reference com vbc

回答 1 投票 0

从 Vue.js 3 中的引用中动态删除项目

我正在尝试在 Vue 中打开和关闭引用。这就是我想通过在项目上设置条件 :ref="option.selected? 'foobar': null" 来做到这一点（或类似的事情）：我正在尝试在 Vue 中打开和关闭引用。这就是我想要通过在项目上有条件 :ref="option.selected? 'foobar': null" 来做到这一点（或类似的事情）： <script setup lang="ts"> import {ref, useTemplateRef} from "vue"; const options = ref([ {label: "One"}, {label: "Two", selected: true}, {label: "Three"}, ]); const foobar = useTemplateRef('foobar'); </script> <template> <span v-for="option in options" :key="option.label" :ref="option.selected? 'foobar': null" @click="option.selected = !option.selected" >{{ option.label }}</span> Selected elements: {{ foobar }} </template> 但是只有将元素包装在 <template> 中并在元素上使用 v-if="option.selected" 和 v-else 才能使其工作： ... <template> <template v-for="option in options" :key="option.label" > <span v-if="option.selected" :ref="'foobar'" @click="option.selected = !option.selected" >{{ option.label }}</span> <span v-else @click="option.selected = !option.selected" >{{ option.label }}</span> </template> Selected elements: {{ foobar }} </template> 单击该项目可切换其被选择状态。在第一个代码块中，一旦将元素添加到refs.foobar，即使取消选择它也永远不会被删除。因此，如果我选择所有元素，然后取消选择它们，它们仍然会显示在 {{ foobar }} 中。 :ref="option.selected? 'foobar': null" 确实可以有条件地向 refs 添加元素，但不会删除它们。在第二个代码块中，只有当前选择的元素才会出现在 refs.foobar 中，但是，这很笨拙，因为我必须使用 if-else 结构重复完全相同的元素。需要第二次刷新才能看到 {{ foobar }} 中当前所选元素的正确数量，否则显示之前的数量。我的现实世界用例有更多的代码，而不仅仅是一个简单的<span>，导致大量重复。除了 v-if="option.selected" :ref="'foobar'" 和 v-else 之外，这两个块的代码是相同的。能否以简单的方式有条件地设置refs中的值，从而始终给出正确/预期的结果？ useTemplateRef helper 相对较新，我不知道是否可以这样使用，或者如果有，我不知道正确的语法。也许其他人可以添加使用此助手的答案。我可以使用以前的模板引用样式来回答这个问题，它使用普通的旧 ref 以及将模板引用绑定到 function。 <script setup lang="ts"> import { ref } from "vue"; const options = ref([ {label: "One", }, {label: "Two", selected: true}, {label: "Three"} ]); const foobar = ref([]); </script> <template> <span v-for="(option, index) in options" :key="option.label" :ref="(el) => { option.selected ? foobar[index] = el : foobar[index] = null }" @click="option.selected = !option.selected" >{{ option.label }}</span> Selected elements: {{ foobar }} </template> 游乐场示例

reference vuejs3 vue-composition-api laravel-11

回答 1 投票 0

使用 const 的类的奇怪行为。参考资料

我想要一个具有公共只读访问权限并且可以在私有上下文中编辑的类变量。在之前的 Stackoverflow Question 中，描述了使用 const 引用。然而...

c++ reference undefined-behavior

回答 1 投票 0

为什么对整数的引用不被视为整型？

考虑以下代码片段整数x = 10; std::cout << "Is Integral = " << std::is_integral_v << std::endl; int & y = x; std::cout << ...

c++ reference

回答 1 投票 0

尝试从另一张工作表中提取单元格值，同时拖动填充以跳过公式中的每 7 行

我正在尝试在Google表格中创建一个电子表格，其中一张表格作为每日更新，具有7天的平均值，而另一张表格则从每日表格中提取每周平均值，然后计算