小编ben*_*nvc的帖子

传播语法ES6

请考虑以下示例代码

var x = ["a", "b", "c"];
var z = ["p", "q"];

var d = [...x, ...z];

var e = x.concat(z);
Run Code Online (Sandbox Code Playgroud)

在这里,价值de是完全相同且等于 ["a", "b", "c", "p", "q"],所以,

  1. 这两者究竟有什么区别?
  2. 哪一个更有效率,为什么?
  3. 扩展语法的用途究竟是什么?

难道你不认为用正式的广泛语言引入这些小捷径可能会留下一些未被注意的错误,我的意思是要么是非常不必要的,要么我没有意识到它是否需要正确.

javascript ecmascript-6 spread-syntax

27
推荐指数
2
解决办法
3616
查看次数

设置图像的宽度/高度以避免图像加载时重新流动

当我在html中使用图像标签时,我尝试在标签中指定其宽度和高度img,以便浏览器甚至在加载图像之前为它们保留空间,因此当它们完成加载时,页面不会重排(元素不会四处移动).例如:

<img width="600" height="400" src="..."/>
Run Code Online (Sandbox Code Playgroud)

问题是现在我想创建一个更"响应"的版本,对于"单列案例",我想这样做:

<img style="max-width: 100%" src="..."/>
Run Code Online (Sandbox Code Playgroud)

但是,如果我将其与明确指定的宽度和高度混合使用,例如:

<img style="max-width: 100%" width="600" height="400" src="..."/>
Run Code Online (Sandbox Code Playgroud)

并且图像比可用空间宽,然后忽略宽高比调整图像大小.我明白为什么会发生这种情况(因为我"修复了"图像的高度),我想解决这个问题,但我不知道怎么做.

总结一下:我希望能够指定max-width: 100%,并且还能以某种方式确保在加载图像时内容不会被重排.

html image css3 responsive-design

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

从更改时区偏移量中停止javascript日期函数

所以我有iso日期时间需要从字符串转换为日期对象.如何保持日期转换为本地浏览器时区.

new Date('2013-07-18T17:00:00-05:00')
Thu Jul 18 2013 18:00:00 GMT-0400 (EDT)
Run Code Online (Sandbox Code Playgroud)

我想得到

2013年7月18日星期四17:00:00 GMT-0500(XX)

javascript timezone datetime date

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

SQLAlchemy"默认"vs"server_default"性能

使用SQLAlchemy和PostgreSQL 时,使用default而不是server_default映射表列默认值时是否存在性能优势(或缺点)?

我的理解是defaultINSERT(通常)中呈现表达式server_default并将表达式放在CREATE TABLE语句中.似乎server_default类似于直接在db中对默认值的典型处理,例如:

CREATE TABLE example (
    id serial PRIMARY KEY,
    updated timestamptz DEFAULT now()
);
Run Code Online (Sandbox Code Playgroud)

...但我不清楚是否更有效地处理默认值INSERT或通过表创建.

如果default下面示例中的每个参数都更改为server_default?行插入是否会有任何性能改进或降级?

from uuid import uuid4
from sqlalchemy import Column, Boolean, DateTime, Integer
from sqlalchemy.dialects.postgresql import UUID
from sqlalchemy.ext.declarative import declarative_base
from sqlalchemy.sql import func

Base = declarative_base()

class Item(Base):
    __tablename__ = 'item'

    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid4)
    count = Column(Integer, nullable=False, default=0) …
Run Code Online (Sandbox Code Playgroud)

python sql postgresql performance sqlalchemy

17
推荐指数
2
解决办法
5644
查看次数

Chameleon和Jinja2之间的速度比较

在性能方面,有没有人对Chameleon和Jinja2做过任何基准测试?我更习惯了神社语法,因为我来自Django的,但作为金字塔建议使用变色龙,我在想,如果这将是很好,给它一个尝试 - 尽管有一个尴尬的语法,IMO.

python performance jinja2 pyramid chameleon

12
推荐指数
3
解决办法
5961
查看次数

从ckeditor获取xml 5

如何将ckeditor的输出作为XML而不是HTML?

我以为我可以使用, editor.data.processor=new XmlDataProcessor();但这似乎只适用于编辑器在调用时现在需要XML editor.setData()editor.getData()仍然返回HTML而不是XML的输入.数据不包含在根元素中,并且<img>标记未关闭.

toData应该转换为XML 的方法实现如下,它看起来不像是因为它试图_htmlWriter用来转换为XML 而可以工作的东西.所以它看起来像是一个没有人实现过的功能.

toData( viewFragment ) {
    // Convert view DocumentFragment to DOM DocumentFragment.
    const domFragment = this._domConverter.viewToDom( viewFragment, document );

    // Convert DOM DocumentFragment to XML output.
    // There is no need to use dedicated for XML serializing method because BasicHtmlWriter works well in this case.
    return this._htmlWriter.getHtml( domFragment );
}
Run Code Online (Sandbox Code Playgroud)

javascript xml ckeditor ckeditor5

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

响应式img从srcset获取错误的图像

在隐身模式下使用谷歌浏览器进行测试,每次都使用"空缓存和硬重新加载"重新加载页面.

我有以下html响应图像:

<img class="content-img" src="/app/uploads/2018/07/1400x750.png" 

srcset="/app/uploads/2018/07/1400x750.png 1400w, 
        /app/uploads/2018/07/1400x750-768x411.png 768w, 
        /app/uploads/2018/07/1400x750-1280x686.png 1280w, 
        /app/uploads/2018/07/1400x750-520x279.png 520w, 
        /app/uploads/2018/07/1400x750-420x225.png 420w, 
        /app/uploads/2018/07/1400x750-340x182.png 340w, 
        /app/uploads/2018/07/1400x750-600x321.png 600w" 

sizes="(max-width: 666px) 100vw, (max-width: 1399px) 38vw, 535px" 
>
Run Code Online (Sandbox Code Playgroud)

预期行为:

1.视口宽度0px - 666px:

  • 浏览器应采用完整的视口像素宽度,例如450px,并从srcset中选择宽度大于450px的最小src,在本例中为'/app/uploads/2018/07/1400x750-520x279.png'

2.视口宽度667像素 - 1399像素:

  • 浏览器应占视口宽度的38%,例如380px @ 1000px视口,并从宽度大于380px的srcset中选择最小的src,在本例中为'/app/uploads/2018/07/1400x750-420x225.png'

3.视口宽度1400+ px:

  • 浏览器应采用默认值535px并从宽度大于535px的srcset中选择最小的src,在本例中为'/app/uploads/2018/07/1400x750-600x321.png'

实际行为:

在Google Chrome中进行测试,使用开发工具检查img上的所有上述示例中的元素,在每种情况下生成的"CurrentSrc"是:

  1. /app/uploads/2018/07/1400x750-520x279.png (正确)

  2. /app/uploads/2018/07/1400x750-1280x686.png (INCORRECT(预期宽度为420px)

  3. /app/uploads/2018/07/1400x750.png (INCORRECT(期望600px宽度)

我一直在挠头,其他类似的问题似乎都归结为谷歌Chrome缓存问题,但我在测试时已经小心消除了这个问题,但我仍然没有得到我期望的src图像.

我只有90%确定我已经为我想要的行为编写了正确的"尺寸"属性.请注意,由于排列了响应式CSS断点并尝试在上下文中加载合理的图像宽度,因此逻辑稍微复杂一些.

html image media-queries srcset

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

MDCSnackbarFoundation类用法

我如何使用MDCSnackbarFoundation?使用MDCSnackbar

这个文档不够明确,无法得到一个想法. https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class

这是我的代码,我需要为它绑定MDCSnackbarFoundation.

logger = new MDCSnackbar($selector[0]);

谢谢

javascript material-design material-components mdc-components material-components-web

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

包含父 &lt;div&gt; 的图像大小

我一直试图让我的图像在同一行上彼此相邻,如果需要,只需将它们裁剪成更小的尺寸。为什么不起作用object-fit

HTML:

<div class="gallery">
  <div class="inner"><img src="images/image1.jpg"></div>
  <div class="inner"><img src="images/image2.jpg"></div>
  <div class="inner"><img src="images/image3.jpg"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.gallery{
  width: 1000px;
  height: 300px;
  display: flex;
}

.inner{
   width: 333px;
   height: 300px;
}

.inner img{
   object-fit: contain;
}
Run Code Online (Sandbox Code Playgroud)

html css image flexbox object-fit

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

无法连接到服务器:Linux 的 Windows 子系统中 ubuntu 上的 postgresql

我在 ubuntu 18.04 发行版中使用 WSL,在我点击的 bash 中,sudo -u postgres psql 我收到以下错误:

psql: could not connect to server: No such file or directory
Is the server running locally and accepting connections on
Unix domain socket "/var/run/postgresql/.s.PGSQL.5433"?
Run Code Online (Sandbox Code Playgroud)

然后我尝试了其他 postgres 操作,例如:sudo -u createdb mydb 只得到相同的错误。

请指教。

linux windows postgresql ubuntu windows-subsystem-for-linux

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