标签: web-frontend

如何提前退出javascript脚本标签?

我有一个页面,里面有一堆 .... 部分。在其中一个中,我完成了一半并决定停止,而不是运行此脚本标记的其余内容 - 但仍运行页面上的其他代码段。有没有办法在不将整个代码段包装在函数调用中的情况下做到这一点?

例如:

<script type='text/javascript'>
    console.log('1 start');
    /* Exit here */
    console.log('1 end');
</script>
<script type='text/javascript'>
    console.log('2 start');
    console.log('2 end');
</script>
Run Code Online (Sandbox Code Playgroud)

应该产生输出

1 start
2 start
2 end
Run Code Online (Sandbox Code Playgroud)

而不是1 end

显而易见的答案是将脚本包装在一个函数中:

<script type='text/javascript'>
    (function(){
        console.log('1 start');
        return;
        console.log('1 end');
    })();
</script>
Run Code Online (Sandbox Code Playgroud)

虽然这通常是最好的方法,但也有不适合的情况。所以我的问题是,如果有的话,还有什么其他方法可以做到?或者如果没有,为什么不呢?

javascript web-frontend

5
推荐指数
1
解决办法
2925
查看次数

如何在fabricJS中向圆形对象添加文本?

我在这里搜索 fabricJS-circle,但没有发现有一种方法可以添加数字 1 或 2 或 3 之类的文本......在画布上的圆圈内?

这是我在画布上的圆对象:

function makeStaion(left, top, stationID) {
    var c = new fabric.Circle({
        left: left,
        top: top,
        radius: 2,
        fill: '#5afffa',
        stroke: '#666',
        selectable: true,
        centeredScaling:true,
        padding:2,
        hasRotatingPoint: false,
        borderColor: 'black',
        cornerColor: 'black'

    });
    c.hasControls = true;
    c.station = true;

    c.stationID = stationID;
    c.stationName = stations[stationID].name;
    c.description = stations[stationID].desc;
    c.image = stations[stationID].image;

    return c;
}
Run Code Online (Sandbox Code Playgroud)

jquery frontend canvas web-frontend fabricjs

5
推荐指数
1
解决办法
6930
查看次数

如何在不影响列表项目符号的情况下使 &lt;li&gt; 中的文本垂直居中?

我正在尝试建立一个简单的网站,HTML 是这样的:

<ul>
    <li class="l1">Test item 1</li>
    <li class="l2">Test item 2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

您可以看到文本与项目符号不对齐。这是我尝试过的:

ul{
  display: table;
}
Run Code Online (Sandbox Code Playgroud)

li{
  display: table-cell;
  text-align:middle;
}
Run Code Online (Sandbox Code Playgroud)

但子弹却消失了: 在此输入图像描述

所以我想问是否有什么方法可以使列表项中的文本垂直居中而不影响项目符号?

html css frontend web-frontend

5
推荐指数
1
解决办法
8686
查看次数

AngularJS:错误:$ q未定义

我想在我的angularjs控制器中做出承诺.我从Angularjs Doc中获取了示例并将其粘贴到我的控制器中.当我尝试运行代码时,控制台会打印:

Error: $q is not defined
Run Code Online (Sandbox Code Playgroud)

为什么会发生此错误,如何解决?

我试图谷歌这个问题,但大多数问题都围绕着比我更具体的问题.

(德国)指导告诉我的承诺已经在实施的角度js和没有必要添加任何东西给它.

编辑:

这是我的控制器:

app.controller("ArgumentationController", [
    '$scope', '$resource',
    function($scope, $resource) {
Run Code Online (Sandbox Code Playgroud)

编辑2:评论员建议注入$ q.我这样做了:

app.controller("ArgumentationController", [
    '$scope', '$resource', '$q',
    function($scope, $resource, $q) {
Run Code Online (Sandbox Code Playgroud)

现在,错误不会发生.

frontend web-frontend angularjs

5
推荐指数
1
解决办法
6491
查看次数

如何通过组合滤镜和蒙版来使用 SVG 实现渐进模糊?

我试图实现像图像上的线性模糊效果,但仅使用 svg,不使用 css !

线性模糊

请注意图像的顶部完全模糊,但底部却没有。

在 SVG 中,可以使用feGaussianBlur来实现模糊效果。渐变可以与LinearGradient一起使用。

这两者如何结合?

svg web-frontend svg-filters

5
推荐指数
1
解决办法
1981
查看次数

*ngif 第一次点击后不起作用。角 6

我想要实现的是,我在 angular6 中有一个 Select 字段,基于我想要隐藏和显示另一个 div 的选定值。

这是代码。

 <div class="form-group">
          <label for="servicePriviledges">Managed</label>
          <select type="text" class="form-control" id="managedServiceInfo" name="managedInfo" [(ngModel)]="managed">
            <option value="false">False</option>
            <option value="true">True</option>
          </select>
           <br>
        </div>

<div class="form-group" *ngIf="managed">
          <label for="managerType" >Manager Type</label>
          <select type="text" aria-hidden="false" class="form-control" id="managerType" name="managerType">
            <option value="false">False</option>
            <option value="true">True</option>
          </select>
        </div>
Run Code Online (Sandbox Code Playgroud)

*ngIf 在我第一次切换时确实会产生影响,但之后不会。未检测到更改。

我什至尝试设置样式的可见性属性以及 [hidden] 指令,但得到了相同的结果。

我什至尝试给出一个 on change 方法,但结果没有变化。

版本信息:

"@angular/core": "^6.1.6",
"@angular/forms": "^6.1.6",
Run Code Online (Sandbox Code Playgroud)

这两个控件都在“ngForm”表单下。

javascript web-frontend angular angular4-forms

5
推荐指数
1
解决办法
1060
查看次数

关闭浏览器时,移动浏览器不会触发`beforeunload`/`onload`

我的工作约3个月的手机浏览器,现在我有一个无聊的问题beforeunloadonload。在两种情况下,它们不能清楚地工作。当我关闭选项卡时,浏览器经常调用它们。但是当用户通过一些例行程序关闭浏览器时,为什么它根本不触发这些事件?问题是什么?

javascript firefox google-chrome web-frontend

5
推荐指数
1
解决办法
623
查看次数

如何在 Reactjs 中从另一个组件触发状态

你好世界我需要帮助。

我有一个进度条组件和一个我在其中使用进度条的组件。另一个组件应该触发进度条。

APP示例结构

  • 主页.js
    • 具有进度条的组件(组件 1)
      • 介于两者之间的组件(组件 2)
        • 我想从(组件 3)触发进度条的组件
  • 进度条组件(ProgressBar)

https://codesandbox.io/s/optimistic-stallman-rjxi9?file=/src/App.js

这是我想要实现的目标以及我如何想象的一个例子。代码不起作用,但您将从代码的结构中获得想法。

我想onClick组件 3执行更改位于组件 1 中的进度条状态,但中间有一个组件以及它自己的组件上的进度条。

我尝试的事情是将函数正常传递给组件中的一个新函数,我想从(组件 3)触发该操作并将该函数传递给按钮。但它得到一个错误“类型错误 this.props.* is not a function”

先感谢您

javascript frontend web-frontend reactjs

5
推荐指数
1
解决办法
72
查看次数

将 CRA 迁移到 Razzle

我有一个使用 Create React 应用程序构建的项目。我现在需要为我的应用程序进行服务器渲染,我发现 Razzle 是最简单的实现方法。

我有 /src,其中包含所有组件,此外还有一个图像文件夹以及公共文件夹中的一些内容。最后是 node_modules 文件夹,我在 package.json 中有依赖项

我应该将它们复制粘贴到 Razzle 吗?我已经尝试过,但收到错误webpack_require和 TypeError: 无法读取未定义的属性“原型”?

转换为 Razzle 的最佳方式是什么?

谢谢

frontend web-frontend reactjs razzle

5
推荐指数
0
解决办法
321
查看次数

桌面 Google Chrome 拼写检查是否受操作系统影响?

Chrome 是否依赖操作系统在桌面上提供拼写检查?此处说明在移动设备上确实如此。但是对于桌面,它只是说明拼写检查默认在本地生成。

我看到它在具有相同字符串的不同机器上的行为不同。在 Mac 上: 在此处输入图片说明

在一台 Windows 机器上: 在此处输入图片说明

在另一台 Windows 机器上; 在此处输入图片说明

frontend google-chrome spell-checking web-frontend

5
推荐指数
1
解决办法
102
查看次数