小编j3f*_*3ff的帖子

scrollTo 速度/持续时间设置

有没有办法加快 的行为速度scrollTo

我在黑暗中刺了一下speedduration但不起作用!

window.scrollTo({
    top: 1000,
    behavior: "smooth"
});
Run Code Online (Sandbox Code Playgroud)

参考:

javascript duration scrollto

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

Azure SQL DB Error, This location is not available for subscription

I am having pay as you go subscription and I am creating an Azure SQL server.

While adding server, on selection of location, I am getting this error:

This location is not available for subscriptions
Run Code Online (Sandbox Code Playgroud)

Please help.

azure-sql-server

21
推荐指数
3
解决办法
6657
查看次数

如何更改谷歌图表标题字体大小?

如何在Google图表中更改标题的字体大小?

   var options = {
      title: 'My Daily Activities',
      'backgroundColor': 'transparent',   
      is3D: true,
    };
Run Code Online (Sandbox Code Playgroud)

html google-visualization

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

Angular CLI:使用proxy.conf.json的代理websocket

我试图使用ng serve --proxy-config proxy.conf.jsonAngular CLI 代理websockets ,但由于我收到此错误,因此无法使其工作:

WebSocket connection to 'ws://stream/connect' failed: Error in connection establishment: net::ERR_NAME_NOT_RESOLVED

以下是我实例化websocket和我的代理配置的方法:

// WebSocket instantiation
const ws = new WebSocket('ws://stream/connect');

// proxy.conf.json
"stream/**": {
  "target": "wss://someurl.com:443",
  "secure": false,
  "ws": true
}
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?这似乎是可行的,但我不能让它正常工作!

这个封闭的问题https://github.com/angular/angular-cli/issues/6081没有帮助这个stackoverflow答案.

proxy websocket angular-cli angular

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

如何缩短布尔玛输入?

是否可以缩短布尔玛输入宽度?

正如我在他们的文档中看到的那样,有一个is-small参数,但它只会使字体和高度变小。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.8.2/css/bulma.css" integrity="sha256-8BrtNNtStED9syS9F+xXeP815KGv6ELiCfJFQmGi1Bg=" crossorigin="anonymous" />

<div class="container">
  <div class="control has-icons-left has-icons-right">
    <input class="input is-small m-r-5" type="text" placeholder="Exxxxx">
    <span class="icon is-small is-left">
        <i class="fa fa-envelope"></i>
      </span>
    <span class="icon is-small is-right">
        <i class="fa fa-check"></i>
      </span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

正如我们在下面的屏幕截图中看到的,它通过容器传播:

在此输入图像描述

我想将其宽度从 100% 缩短到大约 33%

css bulma

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

在 HTML 视图框中缩放 SVG

我需要一些有关在 HTML 视图框中缩放 SVG 的帮助。

我正在使用网站的 HTML 模板,并希望将模板的标准 SVG 图像更改为另一个图像。我无法让路径 d="something,something" 的新 SVG 正确缩放。

我希望新的 SVG 图像能够正确地适合 91 x 91 视图框的中心

我在线查看了 SVG viewbox 系统,但无法理解它是如何工作的。我有一些 python 编码经验,但没什么太严重的,没有 HTML 经验。

请帮忙,解释如下。

标准 SVG 图像的代码如下:

<div id="section-publications" class="o-container   wow1 fadeIn"  data-contentPosition="4">
<div class="c-section-heading">
  <svg class="c-section-heading__icon svg-icon" xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91">
    <rect class="svg-icon__border" x="0.5" y="0.5" width="90" height="90"/>
    <path class="svg-icon__item" d="M441.844,1714.1a3.587,3.587,0,0,1-1.175,2.18,4.8,4.8,0,0,1-2.425,1.12,9.54,9.54,0,0,1-1.5.1,12.291,12.291,0,0,1-1.5,0h-30a5.209,5.209,0,0,1-2.25-.45,3.054,3.054,0,0,1-1.65-1.7,4.191,4.191,0,0,1-.05-2.65,14.023,14.023,0,0,1,.75-1.75l10.95-20.3a2.556,2.556,0,0,0,.25-1.05v-4.65a0.605,0.605,0,0,0-.075-0.35,0.574,0.574,0,0,0-.375-0.15,3.05,3.05,0,0,1-2.175-.97,3.2,3.2,0,0,1-.875-2.28l-0.05-1.65c0.033-.27.067-0.53,0.1-0.8a3.232,3.232,0,0,1,1.125-1.87,3.119,3.119,0,0,1,2.075-.73h16.25a3.213,3.213,0,0,1,2.4.98,3.157,3.157,0,0,1,.9,2.42c0-.5.017-0.12,0.05,1.15a6.137,6.137,0,0,1-.1,1.2,3.257,3.257,0,0,1-1.075,1.8,3.076,3.076,0,0,1-1.925.75,0.574,0.574,0,0,0-.375.15,0.605,0.605,0,0,0-.075.35v4.85a1.7,1.7,0,0,0,.3.8l11.8,20.4a4.6,4.6,0,0,1,.7,3.1h0Zm-2.425.05a4.446,4.446,0,0,0-.675-2.25l-11.2-20.85a1.941,1.941,0,0,1-.25-0.7q0.05-3.645,0-7.2a0.379,0.379,0,0,1,.1-0.32,0.5,0.5,0,0,1,.3-0.08h1.55a1.474,1.474,0,0,0,1.125-.45,1.8,1.8,0,0,0,.475-1.15v-1.65a1.552,1.552,0,0,0-.45-1.15,1.622,1.622,0,0,0-1.2-.45h-16.05a1.722,1.722,0,0,0-1.25.43,1.652,1.652,0,0,0-.45,1.27v1.6a1.755,1.755,0,0,0,.475,1.1,1.474,1.474,0,0,0,1.125.45,9.973,9.973,0,0,0,1.375,0,0.519,0.519,0,0,1,.475.08,0.781,0.781,0,0,1,.1.47q-0.05,3.345,0,6.65a2.09,2.09,0,0,1-.3,1.1l-11.1,20.7a6.541,6.541,0,0,0-.7,1.7,1.652,1.652,0,0,0,1.45,2.2,5.753,5.753,0,0,0,1.3.1h31.25a3.855,3.855,0,0,0,1.5-.25A1.369,1.369,0,0,0,439.419,1714.15Zm-22.2-40.52a1.953,1.953,0,0,1-.575-1.43,2.015,2.015,0,0,1,.575-1.45,1.948,1.948,0,0,1,1.425-.62,1.833,1.833,0,0,1,1.45.6,2.031,2.031,0,0,1,.6,1.47,2.049,2.049,0,0,1-2.05,2.05A2.115,2.115,0,0,1,417.219,1673.63Zm5.05-3.13a1.616,1.616,0,0,1-.525-1.22,1.8,1.8,0,0,1,1.75-1.78,1.734,1.734,0,0,1,1.225.5,1.65,1.65,0,0,1,.525,1.25,1.709,1.709,0,0,1-1.75,1.75A1.734,1.734,0,0,1,422.269,1670.5Zm4.625,23.45,10.3,18.8a3.751,3.751,0,0,1,.45.88,0.2,0.2,0,0,1-.175.27,6.171,6.171,0,0,1-.975.05h-31.1a1.131,1.131,0,0,1-.725-0.12,1.032,1.032,0,0,1,.225-0.68q0.649-1.245,2.6-4.8l4.85-8.85a0.933,0.933,0,0,1,.325-0.4,0.6,0.6,0,0,1,.525.05,19.047,19.047,0,0,0,3.775.75,4.321,4.321,0,0,0,3.775-1.3c0.3-.3.933-0.98,1.9-2.05a13.925,13.925,0,0,1,3.6-2.8,0.712,0.712,0,0,1,.4-0.07,0.463,0.463,0,0,1,.3.27h-0.05Zm-2.35,15.13a1.943,1.943,0,0,0,.2-1.6,2.054,2.054,0,0,0-1.025-1.25,2.132,2.132,0,0,0-2.875.8,2.1,2.1,0,0,0-.175,1.6,2,2,0,0,0,1,1.3,2.05,2.05,0,0,0,1.625.17A2.189,2.189,0,0,0,424.544,1709.08Zm5.025-4.8a2.386,2.386,0,0,0,.2-1.85,2.476,2.476,0,0,0-1.15-1.5,2.325,2.325,0,0,0-1.85-.28,2.352,2.352,0,0,0-1.5,1.18,2.394,2.394,0,0,0-.25,1.9,2.454,2.454,0,0,0,1.175,1.5,2.3,2.3,0,0,0,1.9.22A2.389,2.389,0,0,0,429.569,1704.28Zm-10.725-18.08a3.5,3.5,0,0,1-1.05-2.57,3.465,3.465,0,0,1,1.075-2.58,3.682,3.682,0,0,1,5.15,0,3.622,3.622,0,0,1,0,5.15A3.713,3.713,0,0,1,418.844,1686.2Zm-0.7,7.53a2.643,2.643,0,0,1,1.825-4.53,2.568,2.568,0,0,1,1.85.75,2.477,2.477,0,0,1,.775,1.85,2.62,2.62,0,0,1-.75,1.88,2.493,2.493,0,0,1-1.85.77A2.435,2.435,0,0,1,418.144,1693.73Z" transform="translate(-375.5 -1649.5)"/>
  </svg>
</div>
Run Code Online (Sandbox Code Playgroud)

看起来像这样:

使用 SVG 的工作代码

我想将 SVG 更改为不同的内容,例如握手(或至少是其他内容......)。我有一个 SVG 握手文件,如下所示:

握手示例

当我生成 SVG 文件内部的查看时,我找到了一条指示握手图像坐标的路径。当我将路径复制并粘贴到代码中并删除转换元素时,我得到以下内容:

<svg class="c-section-heading__icon svg-icon" xmlns="http://www.w3.org/2000/svg" width="91" height="91" …
Run Code Online (Sandbox Code Playgroud)

html css svg viewbox

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

我如何在 angular 6 中使用 mdi 图标

我正在尝试在我的迷你项目中使用@angular/material配置mdi图标。我已经尝试了几个教程,但都无济于事。

在按照教程注册图标集时(如下图所示),出现一些错误...

constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) { 
  matIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('./assets/mdi.svg'));
}
Run Code Online (Sandbox Code Playgroud)

这是我的代码...

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MatIconRegistry, MatToolbarModule, MatIconModule } from '@angular/material';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
declarations: [
  AppComponent
],
imports: [
  BrowserModule,
  AppRoutingModule,
  FormsModule,
  HttpModule,
  MatToolbarModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule …
Run Code Online (Sandbox Code Playgroud)

icons angular angular6

3
推荐指数
1
解决办法
4430
查看次数

如何在 Angular 中动态滚动 &lt;textarea&gt;?

我正在编写一个聊天应用程序,其中新消息添加到<textarea>. 我希望textarea滚动到底部,因为聊天日志很大。

我该如何实现这个目标?

我尝试了以下操作,scrollTop属性没有滚动我的textarea.

<textarea #chat class="form-control" rows=20 disabled [(ngModel)]="output" [scrollTop]="scroll" name="chatMessages"></textarea>
Run Code Online (Sandbox Code Playgroud)

但是,不会更改到 valuethis.scroll=9999的绑定。我控制台 log ,它的值为,但我的没有到底部!scrollTop9999this.scroll9999textarea

请我需要帮助,谢谢!

textarea angular

3
推荐指数
1
解决办法
4367
查看次数

Angular CLI 版本与 Angular 版本不兼容

我的 angular 项目运行良好,但是当我将 Angular 更新到版本 9 时,它开始给我这个错误:

This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0,
but Angular version 9.1.1 was found instead.
Run Code Online (Sandbox Code Playgroud)

我更新了 CLI,但它仍然给我同样的错误。

我的 CLI 版本是:

Angular CLI: 10.0.0-next.0
Node: 12.13.0
OS: win32 x64

Angular: 9.1.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Run Code Online (Sandbox Code Playgroud)

npm angular-cli angular

3
推荐指数
2
解决办法
7808
查看次数

在 Flask 中使用 WTForms 验证 GET 参数

我花了几天时间试图让 WTForms 来验证我的request.args,但我就是无法form.validate()返回True

我的想法是,我有一个简单的文本字段,用于 WTForm 中的用户输入,如下所示。

表格.py

class SearchForm(FlaskForm):
    q = StringField('q',
                           validators=[])
    search = SubmitField('Search')

    def validate_q(self, q):
        if q.data not in allowed_values: #"allowed_values" is just a list I want to check against
            raise ValidationError('')
Run Code Online (Sandbox Code Playgroud)

搜索.html

<form method="GET" action="{{ url_for('finance.search') }}">
  <div class="col-9 col-md-5 p-0 m-0">
    {% if form.q.errors %} {{ form.q(class="form-control form-control-md is-invalid") }}
    <div class="invalid-feedback">
      {% for error in form.q.errors %}
      <span>{{ error }}</span> {% endfor %}
    </div>
    {% else %} …
Run Code Online (Sandbox Code Playgroud)

html python flask wtforms flask-wtforms

3
推荐指数
1
解决办法
1513
查看次数

在 Django 的模板中显示模型的个人资料图片

我想在标签src字段中插入用户的图像。但img我无法做到。我的代码:

模型.py

class allusers(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    avatar = models.ImageField(upload_to='retest/static/images/')
Run Code Online (Sandbox Code Playgroud)

视图.py

u = User.objects.get(username=username)
Run Code Online (Sandbox Code Playgroud)

模板

<img src={{ u.allusers.avatar }} />
Run Code Online (Sandbox Code Playgroud)

html python django django-templates

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

Heroku 部署 Node 应用程序返回node-waf:未找到

我正在尝试通过将 Heroku 连接到我的 Github 存储库并部署 master 分支来将 Node.js 应用程序部署到 Heroku。

我尝试了多种不同的方法来部署我的应用程序,但所有方法都返回相同的错误。

确切的构建日志可以在下面找到:

-----> Node.js app detected

-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error
   NODE_ENV=production
   NODE_MODULES_CACHE=true
   NODE_VERBOSE=false

-----> Installing binaries
       engines.node (package.json):  12.16.1
       engines.npm (package.json):   6.13.4
       engines.yarn (package.json):  1.19.1

   Resolving node version 12.16.1...
   Downloading and installing node 12.16.1...
   npm 6.13.4 already installed with node
   Resolving yarn version 1.19.1...
   Downloading and installing yarn (1.19.1)...
   Installed yarn 1.19.1

-----> Installing dependencies
       Installing node modules (yarn.lock)
       yarn install v1.19.1
       warning package.json: No license field
       warning No …
Run Code Online (Sandbox Code Playgroud)

javascript deployment heroku node.js typescript

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

交易后检测到无法访问的代码

我在打字稿文件中收到警告“检测到无法访问的代码”。运行 Firebase 事务后没有任何效果。这是交易代码:

// Create Firestore reference
let pointsRef = 'Users/'+this.user.uid;
var pointsDocRef = this.afs.doc(pointsRef).ref;

return this.afs.firestore.runTransaction((transaction) => {
  return transaction.get(pointsDocRef).then((ptsDoc) => {
    if(!ptsDoc.exists){
      throw "Document does not exist!"
    }

    var newPtsScore = ptsDoc.data().points - 20;
    transaction.update(pointsDocRef, { points: newPtsScore });             
  });
}).then(() => {
  console.log('Point count successfully decremented for new item'); 
  // Close dialog
  this.dialog.closeAll();
}).catch(function(error) {console.log('Transaction failed: ', error);});

console.log('Hey there!'); <-- "UNREACHABLE CODE DETECTED"
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

javascript unreachable-code firebase angular google-cloud-firestore

0
推荐指数
1
解决办法
1085
查看次数