小编Dom*_*nic的帖子

PHP获取数组中的所有数字/匿名键

我有一个多维数组,我有兴趣获得没有命名键的所有元素(一层深).

Array
{
  ['settings'] {...}
  ['something'] {...}
  [0] {...} // I want this one
  ['something_else'] {...}
  [1] {...} // And this one
}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?谢谢你的帮助.

php arrays anonymous key

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

react-slick 导致整个页面挂起

我为react-slick设置了以下配置:

infinite: true,
speed: 500,
slidesToShow: 6,
slidesToScroll: 5,
swipeToSlide: true,
autoplay: true,
arrows: false
dots: false
Run Code Online (Sandbox Code Playgroud)

每次滑动项目时,整个页面都会挂起。例如,除了这个浮华之外,我还有一张下表。当我尝试在光滑的滑动时滚动我的表格时,它会挂起,它会等待光滑的滑动完成,然后我才能滚动我的表格。打开模态窗口时也是如此。如果当我打开一个模态窗口时 slick 正在滑动,它会在显示我的模态窗口之前挂起,直到 slick 完成幻灯片。怎么解决这个挂的问题?

似乎即使只是使用 slick 本身也会导致页面在幻灯片滑动时挂起。

reactjs slick.js react-slick

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

为什么下划线的区别仅在于一种方式

如果我要说"这些数组之间有什么区别?['a']和['a','b']?" 你会说'b'对吗?

我想知道下划线默认没有双向差异的原因是什么?你将如何结合其他方法来实现这一目标?

var a = ['js-email'],
    b = ['js-email', 'form-group'],
    c = _.difference(a, b), // result: []
    d = _.difference(b, a); // result: ["form-group"]
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/GH59u/1/

为了澄清,['form-group']无论数组传递的顺序如何,我都希望差异始终相等.

javascript arrays underscore.js difference

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

节点Http代理 - 基本反向代理不起作用(404s)

我试图让一个非常简单的代理使用node-http-proxy,我希望只返回谷歌的内容:

const http = require('http');
const httpProxy = require('http-proxy');

const targetUrl = 'http://www.google.co.uk';

const proxy = httpProxy.createProxyServer({
    target: targetUrl
});

http.createServer(function (req, res) {

    proxy.web(req, res);

}).listen(6622);
Run Code Online (Sandbox Code Playgroud)

例如,我希望http:// localhost:6622/images/nav_logo242.png代理到http://www.google.co.uk/images/nav_logo242.png而不是返回404找不到.

谢谢.

javascript proxy node.js node-http-proxy

4
推荐指数
2
解决办法
2166
查看次数

AG-Grid 动态列标题文本

这似乎很简单,但事实证明并非如此。由于某种原因headerName被转换为字符串,所以它不能是一个函数。

我也尝试过各种rendererheaderComponent功能,但就像我说的,我只是想返回一个动态字符串,无法压倒一切,不得不重新实现它(如具有自定义标题组件的情况下)。

// I'm trying everything at this point, nothing renders out..
getHeaderCellTemplate: () => 'test 2',
headerCellTemplate: () => {
  // What I actually want to achieve:
  const currency = appModel.selectedCertificate().currency();
  return currency ? `Total Value (${currency})` : 'Total Value';
},
headerCellRenderer: HeaderCellRenderer,
headerComponent: HeaderCellRenderer,
cellRenderer: () => 'test 7',
headerRenderer: () => 'test 9',
Run Code Online (Sandbox Code Playgroud)

我知道我可以将列 def 包装在一个函数中,但这会非常低效,因为每次渲染都会重新创建列 def。

javascript ag-grid

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

具有“嵌套”渐变的 CSS 角度线性渐变

这就是我想要实现的目标:

期望梯度

浅蓝色线只是标记。我想要一个距离中心固定像素(向左)的角度。我还希望左侧的深蓝色也成为渐变。

我可以制作我需要的角度,但我坚持将其放置在距离中心的固定点上,并使较暗的部分成为另一个有角度的渐变:

.topbar {
  height: 150px;
  background: rgb(28,25,84);
  background: linear-gradient(-63deg, rgba(28,25,84,1) 50%, rgba(20,18,63,1) 0);
}
Run Code Online (Sandbox Code Playgroud)
<div class="topbar"></div>
Run Code Online (Sandbox Code Playgroud)

谢谢!

css linear-gradients css-gradients

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

如何将 LinearGradient 添加到垂直 SVG 线

我正在尝试为线条的笔划添加渐变,该线条在顶部淡出,但没有运气。实际上,我是这样工作的,但即使在 Chrome 中,某些 SVG 尺寸也会出现浏览器问题,其中渐变会中断并且是固定的:

<linearGradient
  id='whiteFadeGrad'
  x1={svgHeight}
  y1='0'
  x2='0'
  y2={svgHeight}
  gradient-units='userSpaceOnUse'
>
  <stop offset='0' stop-color='rgba(255,255,255,0)' />
  <stop offset='1' stop-color='rgba(255,255,255,0.2)' />
</linearGradient>
Run Code Online (Sandbox Code Playgroud)

我宁愿坚持使用百分比单位,但无法让它工作:

<linearGradient
  id='whiteFadeGrad'
  x1={svgHeight}
  y1='0'
  x2='0'
  y2={svgHeight}
  gradient-units='userSpaceOnUse'
>
  <stop offset='0' stop-color='rgba(255,255,255,0)' />
  <stop offset='1' stop-color='rgba(255,255,255,0.2)' />
</linearGradient>
Run Code Online (Sandbox Code Playgroud)

谢谢

html css svg

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

节点快速路由sendfile根据文件位置失败

我有一个目录结构,用于一个宁静的快递服务+ Backbone客户端,启用pushState,这样(客户端代码public/)

app.js
lib/routes.js
-- public/
   -- index.html
Run Code Online (Sandbox Code Playgroud)

我在以下位置设置/public为静态目录app.configure:

app.use(express.static(__dirname + '/public'));
Run Code Online (Sandbox Code Playgroud)

如果首先访问索引,这已经完成了.

然后,当我直接访问主页以外的路线时,我确保重定向到index.html.这非常好用app.js,但如果我尝试将其放入,lib/routes.js我会收到一个Forbidden错误:

app.js工作正常:

app.get('*', function(req, res) {
    res.sendfile(__dirname + '/public/index.html');
});
Run Code Online (Sandbox Code Playgroud)

来自lib/routes.js:

res.sendfile(__dirname + '../public/index.html');
Run Code Online (Sandbox Code Playgroud)

给我:

Error: Forbidden
        at SendStream.error (/Users/*****/Sites/myproject/node_modules/express/node_modules/send/lib/send.js:145:16)
        at SendStream.pipe (/Users/*****/Sites/myproject/node_modules/express/node_modules/send/lib/send.js:307:39)
        at ServerResponse.res.sendfile (/Users/*****/Sites/myproject/node_modules/express/lib/response.js:345:8)
        at /Users/*****/Sites/myproject/lib/routes.js:8:7
        at callbacks (/Users/*****/Sites/myproject/node_modules/express/lib/router/index.js:164:37)
        at param (/Users/*****/Sites/myproject/node_modules/express/lib/router/index.js:138:11)
        at pass (/Users/*****/Sites/myproject/node_modules/express/lib/router/index.js:145:5)
        at Router._dispatch (/Users/*****/Sites/myproject/node_modules/express/lib/router/index.js:173:5)
        at Object.router (/Users/*****/Sites/myproject/node_modules/express/lib/router/index.js:33:10)
        at next (/Users/*****/Sites/myproject/node_modules/express/node_modules/connect/lib/proto.js:193:15)
Run Code Online (Sandbox Code Playgroud)

如果我只是尝试: …

node.js sendfile express pushstate

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

如何在 React.memo 中使用带有泛型的 Props

我正在尝试将以下内容转换为使用React.memo

interface Props<TRowData> {
  // props...
}

export function Table<TRowData>({
  propA,
  propB
}: Props<TRowData>) {

}
Run Code Online (Sandbox Code Playgroud)

像这样(不正确):

interface Props<TRowData> {
  // props...
}



export const Table = memo<Props<TRowData>>(
({
  propA,
  propB
}) => {

})
Run Code Online (Sandbox Code Playgroud)

如何更正此语法?目前它有这个错误:

// Cannot find name 'TRowData'.
export const Table = memo<Props<TRowData>>(
                                ~~~~~~~~
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs

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

按键值递归分组(组内组)

我想按多个键进行分组,这样的调用如下:

groupBy(winners, ['country', 'athlete'])
Run Code Online (Sandbox Code Playgroud)

根据以下数据:

[
  { athlete: "Michael Phelps", age: 19, country: "United States" },
  { athlete: "Michael Phelps", age: 27, country: "United States" },
  { athlete: "Kirsty Coventry", age: 24, country: "Zimbabwe" },
  { athlete: "Allison Schmitt", age: 22, country: "United States" },
]
Run Code Online (Sandbox Code Playgroud)

会产生(按键顺序嵌套):

{
  'United States': {
    'Michael Phelps': [
      { athlete: "Michael Phelps", age: 19, country: "United States" },
      { athlete: "Michael Phelps", age: 27, country: "United States" }
    ],
    'Allison Schmitt': [
      { athlete: …
Run Code Online (Sandbox Code Playgroud)

javascript typescript

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