小编Dan*_*ger的帖子

在JavaScript中拆分分隔字符串与JSON解析效率

我需要通过AJAX检索大量数据(坐标加上额外的值).数据格式为:

-72.781;;6,-68.811;;8
Run Code Online (Sandbox Code Playgroud)

请注意,正在使用两种不同的分隔符:;;,.

我应该只返回一个分隔的字符串并使用String.split()(两次)或者是否更好地返回一个JSON字符串并用于JSON.parse()解压缩我的数据?每种方法的最差和最好的是什么?

javascript performance json split string-parsing

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

使用JS更改CSS RGBA背景颜色的alpha值

我的CSS中有这个:

.body {
    width: 150px;
    height: 40px;
    padding: 20px;
    background-color: rgba(255,0,0,1);
    text-align: center;
    border: 1px solid black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: block;
    top: 50px;
    font-weight: bold;
    font-size: 25px;
}
Run Code Online (Sandbox Code Playgroud)

我想在用户单击按钮时更改 的background-color不透明度 ( ):alpha

<button onclick="lessColour()">-Colour</button>
Run Code Online (Sandbox Code Playgroud)

如何创建此lessColour()功能,以便每次用户单击按钮时, 的background-coloralpha都会减少0.1

顺便说一句,我必须用 3 个不同的元素来做到这一点。

html javascript css colors rgba

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

使用方括号参数而不是纯文本的 Webpack 配置输出文件名

webpack.config.js,在output.filename我看到方括号。这意味着什么?使用它和纯文本有什么区别?

output: {
    filename: '[name].js',

    // Webpack dev middleware, if enabled, handles requests for this URL prefix
    publicPath: 'dist/'
},
Run Code Online (Sandbox Code Playgroud)

filenames build webpack webpack-dev-server webpack-2

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

固定并始终在 Chrome 扩展程序中的顶部弹出窗口

我正在开发 Google Chrome 扩展程序,我需要制作一个固定在角落并始终位于其他窗口顶部的弹出窗口。

我留下一个参考图片:

在此处输入图片说明

javascript google-chrome popup popupwindow google-chrome-extension

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

Python - 使用 Flask 获取 URL 片段标识符

我的 Flask 程序收到以下请求,其中包含一些数据#

https://som.thing.com/callback#data1=XXX&data2=YYY&data3=...
Run Code Online (Sandbox Code Playgroud)

我需要读取data1参数,但这似乎不起作用:

@app.route("/callback")
def get_data():
    data = request.args.get("data1")
    print(data)
Run Code Online (Sandbox Code Playgroud)

python url query-parameters flask url-fragment

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

CSS-如何在垂直方向上从上到下而不是从左到右对内联块进行排序?

使用,我在5列中显示了一组div display: inline-block

我希望它们像这样堆叠:

1 5
2 6
3 7
4 8
Run Code Online (Sandbox Code Playgroud)

代替:

1 2
3 4
5 6
7 8
Run Code Online (Sandbox Code Playgroud)

到目前为止,我有:

如何使它们从上到下而不是从左到右堆叠?

html css flexbox css-grid css-multicolumn-layout

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

使用原始点列表在 Python/cv2 中查找重叠矩形的区域

我有一个矩形的坐标x1, y1, x2,y2和其他矩形的其他坐标列表。

我想将我已经拥有的值与其他值进行比较,以查看它们是否比50%原始矩形重叠更多。

我检查了其他资源,但仍然可以理解它:

python opencv coordinates python-3.x cv2

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

Node.js-处理正文解析器无效的JSON错误

我正在使用body-parser像这样的包:

// For parsing application/json:
app.use(require('body-parser').json());

// For parsing application/x-www-form-urlencoded
app.use(require('body-parser').urlencoded({ extended: true })); 
Run Code Online (Sandbox Code Playgroud)

{ "foo": "bar" }收到类似有效的输入后, 一切正常,我可以使用来访问已解析的对象req.body

但是,当发送无效(非JSON)数据时:

data: JSON.stringify("just something inappropriate"),
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

{ SyntaxError: Unexpected token " in JSON at position 0
    at JSON.parse (<anonymous>)
    at createStrictSyntaxError
    at ...
expose: true,
statusCode: 400,
status: 400,
body: '"Something"',
type: 'entity.parse.failed' }

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at ...
Run Code Online (Sandbox Code Playgroud)

我该如何正确处理以防止服务器关闭?

javascript error-handling node.js express body-parser

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

由于 ES6 的扩展语法,Webpack 和 Babel 没有在 node_modules 内转译破坏 IE 11 和 Edge 的依赖项

我有一个项目,@mdx-js/runtime它在 IE 11 或 Edge ( Edge 44.18362.449.0)上使用并完全中断:

SCRIPT1028: SCRIPT1028: Expected identifier, string or number
Run Code Online (Sandbox Code Playgroud)

由于这里的传播语法,它实际上中断了:

const allNodes = sortedNodes.map(({ start: _, ...node }, i) => { 
Run Code Online (Sandbox Code Playgroud)

这行代码来自remark-mdx,它是 的依赖@mdx-js/runtime,特别是这个文件和行:https : //github.com/mdx-js/mdx/blob/master/packages/remark-mdx/extract-imports-and-exports .js#L66

我一直在尝试让 Webpack 和 Babel 转换该文件,以便不再存在传播:

浏览器列表:

如果我运行,npx browserslist我可以看到 IE 11 在那里。

"browserslist": [
    "> 0.5%",
    "last 2 version",
    "Firefox ESR",
    "not dead",
    "iOS >= 9"
]
Run Code Online (Sandbox Code Playgroud)

.babelrc:

我试过禁用loose模式并添加@babel/plugin-transform-spread@babel/plugin-proposal-object-rest-spread,但没有解决问题。

  {
    "presets": [[
        "@babel/preset-env", …
Run Code Online (Sandbox Code Playgroud)

ecmascript-6 webpack babeljs es6-modules babel-loader

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

How can I create a table with conditionally editable input/cells using React?

I have a table like this:

在此处输入图片说明

When a user clicks on an Edit button, an <input> should appear in its place.

If a user clicks on another Edit button, this one will also be replaced with an <input>, and the previous <input> should disappear and show an Edit button again.

In short, only one field can be in edit mode at a time.

This is my initial state:

state = {
    editnameEnable: false,
    editemailEnable: false,
    editaddressEnable: false,
    edittelephone_noEnable: …
Run Code Online (Sandbox Code Playgroud)

javascript html-table conditional-statements reactjs react-state-management

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

JavaScript - 从图像的某个区域获取平均颜色

我需要使用图像的矩形区域获得平均颜色JavaScript.

我尝试过使用tracking.js但不允许指定区域而不是单个像素.

javascript jquery color-picker colors html5-canvas

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

如何从 JavaScript 对象中删除与正则表达式匹配的所有属性?

我有以下 JS 对象:

let obj = {
    'a': 1,
    'a-gaboom': 1,
    'b': 1,
    'b-gaboom': 1
};
Run Code Online (Sandbox Code Playgroud)

我想删除所有以 . 结尾的字段'-gaboom'

我可以手动完成:

delete obj['a-gaboom'];
delete obj['b-gaboom'];
Run Code Online (Sandbox Code Playgroud)

但我想使用正则表达式动态地执行此操作?

javascript regex algorithm object

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