小编nav*_*een的帖子

Javascript动态按钮按id删除项目并删除自己(无限循环)

我正在尝试将一种成分推送到数组列表中。该成分是一个对象,并具有其id来源uuid或任何库以及用户在输入中键入的任何内容的成分值。

我在单个函数中编写了它的最简单示例,因此很容易理解我怀疑的核心。

如果按钮是渲染的一部分,我如何通过 id 删除项目并重新渲染。

我可以创建一个渲染函数并在删除按钮内调用它。问题是按钮将成为该功能的一部分。

代码

let ingredients = []

document.querySelector('#ingredients-input').addEventListener('change', (e) => {
  e.preventDefault()

  const id = uuid()

  ingredients.push({
    id: id,
    title: e.target.value
  })

  const ingredientUl = document.createElement('p')
  const removeButton = document.createElement('button')

  ingredientUl.textContent = e.target.value
  removeButton.textContent = 'remove'

  document.querySelector('#ingredients').append(ingredientUl, removeButton)

  removeButton.addEventListener('click', (e) => {
    const ingredientIndex = ingredients.findIndex(el => el.id === id)
    ingredients.splice(ingredientIndex, 1)
  })
})
Run Code Online (Sandbox Code Playgroud)
<div id="ingredients"></div>
<input id="ingredients-input">
Run Code Online (Sandbox Code Playgroud)

代码笔:https ://codepen.io/notnishi/pen/QWyPdLL

任何帮助,将不胜感激。

javascript

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

将codebehind中的公共字符串获取到ListView的LayoutTemplate中

ASP.NET(VB)中的一个疑问

我在代码隐藏中有一个公共变量(ASPX.VB)

Public _orderCode As String = "Hello World"
Run Code Online (Sandbox Code Playgroud)

在ASPX,我想内联访问它.这也是ListView的LayoutTemplate内部

<asp:ListView runat="server" ID="listView_OrderReplies" 
                DataKeyNames="ProductID"
                DataSourceID="sdsProducts">
    <LayoutTemplate>
        <h1>Order Replies for Order Code  = <%# _orderCode %></h1>
        <asp:PlaceHolder ID="itemPlaceholder" runat="server" ></asp:PlaceHolder>
    </LayoutTemplate>
    <ItemTemplate>
        <b>Name</b>:  <%#Eval("ProductName")%><br />
        <b>Stock</b>:  <%#Eval("UnitsInStock")%><br />
        <b>Price</b>:  <%#Eval("UnitPrice")%> <br />
    </ItemTemplate>
</asp:ListView>
Run Code Online (Sandbox Code Playgroud)

也就是说,我希望这种内联绑定能够成功

<h1>Order Replies for Order Code  = <%# _orderCode %></h1>
Run Code Online (Sandbox Code Playgroud)

要么

<h1>Order Replies for Order Code  = <%= _orderCode %></h1>
Run Code Online (Sandbox Code Playgroud)

我知道如果它不在数据绑定控件中,它将在页面内工作.我需要的是一种使用内联代码块访问变量的方法.

可能吗?任何人都能指出我正确的方向吗?

顺便说一句,我知道将它绑定在代码隐藏和所有.如果有的话,我正在寻找具体的解决方案,如果没有,我正在寻找确认.

asp.net data-binding listview

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

在C#3.0中缩小XML的最佳方法

编码平台:ASP.NET C#

我有这样的XML.

<Items>
    <Map id="35">
        <Terrains>
            <Item id="1" row="0" column="0"/>
            <Item id="1" row="0" column="1"/>
            <Item id="1" row="0" column="2"/>
            <Item id="1" row="0" column="3"/>
            <Item id="1" row="0" column="4"/>
        </Terrains>
    </Map>
</Items>
Run Code Online (Sandbox Code Playgroud)

我想把它缩小到

<Its>
    <Map id="30">
        <Te>
            <It id="1" r="0" c="0"/>
            <It id="1" r="0" c="1"/>
            <It id="1" r="0" c="2"/>
            <It id="1" r="0" c="3"/>
            <It id="1" r="0" c="4"/>
        </Te>
    </Map>
</Its>
Run Code Online (Sandbox Code Playgroud)

然后我使用James Newton-King的JSON Converter将其转换为JSON .
我们的想法是将xml数据最小化,因为它包含数万行.

我的问题是

  1. 如上所述,缩小xml的最佳方法是什么?
  2. 现在它像XML-MinifyXML-Convert to JSON一样完成.我可以分两步完成吗?(转换为JSON时XML-Minify)
  3. James Newton-King的JSON转换器对于这种简单的转换有点矫枉过正吗?

如果可能,请提供代码段.

c# xml asp.net json linq-to-xml

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

使用通用字典将值插入表中

编码平台:ASP.NET 2.0 WebForms,带有C#,MySQL作为后端

背景

我目前正在修复修复网站的错误.
其中一个表"注册"有80列.

插入/更新是通过简单的sql语句完成的,没有任何参数化查询.

问题

在注册时,用户可以改变许多参数,导致至少15种INSERT查询.我的问题是如何确保插入所有字段的正确值.

所以,我创造了一个

Dictionary<string, string> fields = new Dictionary<string, string>();

fields.Add("LoginEmail", MySQL.SingleQuoteSQL(txtLoginEmail.Text));
fields.Add("Password", MySQL.SingleQuoteSQL(txtLoginPassword.Text));

fields.Add("ContactName", MySQL.SingleQuoteSQL(txtContactName.Text));
fields.Add("City", MySQL.SingleQuoteSQL(txtCity.Text));
Run Code Online (Sandbox Code Playgroud)

我的想法是做一个像这样的简单插入查询

INSERT INTO registrations("all keys as comma separated string") VALUES ("all keys as comma separated string") 
Run Code Online (Sandbox Code Playgroud)

我的问题是

  1. Dictionary是实现此目的的最佳数据结构吗?
  2. 通用字典对键进行排序是否会更改查询中的键值索引?
  3. 将所有键提取到数组中的最佳方法以及将相应值提取到另一个匹配数组的方法.

还有,其他更好的方法是什么?

PS:我正在维护代码并使实体类将列映射到属性并且存储值不是一个选项.

c# architecture asp.net data-access data-structures

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

css悬停在一个不起作用的表行上

我试图在表行上实现悬停效果,我在我的CSS上有以下代码.

.datatable tr.row:hover, .datatable tr.altrow:hover {
    color: #000;
    background-color: #FFFACD;
    background-image: url(../Images/bullet.gif);
    background-repeat: no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

但我认为根本没有应用.我的问题是

  1. 为什么不起作用?
  2. 怎么纠正这个?

为清楚起见,这里是小提琴http://jsfiddle.net/naveen/UPhRE/
请不要介意css中的图像.一切都很好.

html css

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

ID属性可以以冒号开头吗?

为纯粹的学术目的查看Gmail的来源,我遇到了这个.

<input id=":3f4" 
    name="attach" 
    type="checkbox" 
    value="13777be311c96bab_13777be311c96bab_0.1_-1" 
    checked="">
Run Code Online (Sandbox Code Playgroud)

不知道奇迹,大多数元素都有以:
我一直认为ID属性的定义开头的ID为止.

ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(" - "),下划线("_") ,冒号(":")和句号(".").

或者我错过了什么新东西?我的意思是用HTML5可以吗?

html html5

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

将多个内容从布局传递到页面

我想知道是否有办法将动态命名内容从布局传递到页面.

例如,

布局

<body>
    <div class="container">
        {{ content }}
    </div>
    <footer>
        <p>&copy; Company 2015</p>
    </footer>
    <script src="path/to/jquery.js"></script>
    {{ page.other_content }}<!-- Objective: To write scripts that varies with page -->
</body>
Run Code Online (Sandbox Code Playgroud)

--- 
layout: default
title: About Us Page
---

<p> This is about us page </p>

{% capture other_content %}
<script>
    $(document).ready(function(){
        console.log("About us page.");
    });
</script>
{% endcapture %}
Run Code Online (Sandbox Code Playgroud)

有没有办法在布局中呈现页面中的多个内容部分?


在ASP.NET中我们可以做到这一点是布局页面.

@RenderSection("scripts", required: false)
Run Code Online (Sandbox Code Playgroud)

在内容页面中,我们可以像这样呈现该部分.

@section scripts {
    Hey I'm actually on the _Main layout. 
    I can vary according …
Run Code Online (Sandbox Code Playgroud)

jekyll github-pages

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

if数组中指定的语句条件

我有以下数组:

array = ["ProgA", "ProgC", "ProgG"]
Run Code Online (Sandbox Code Playgroud)

此数组可以根据用户输入而更改.

我有以下Json文件:

    {"ABC":{

        "ProgA": 1, 
        "ProgB": 0, 
        "ProgC": 1,  
        "ProgD": 0, 
        "ProgE": 0, 
        "ProgF": 1, 
        "ProgG": 1, 
        "ProgH": 0 


    },
    "DEF":{

        "ProgA": 1, 
        "ProgB": 0, 
        "ProgC": 0,  
        "ProgD": 0, 
        "ProgE": 1, 
        "ProgF": 0, 
        "ProgG": 1, 
        "ProgH": 0 


    },
    "GHI":{

        "ProgA": 1, 
        "ProgB": 1, 
        "ProgC": 1,  
        "ProgD": 1, 
        "ProgE": 1, 
        "ProgF": 1, 
        "ProgG": 1, 
        "ProgH": 1


    },
    "JKL":{

        "ProgA": 1, 
        "ProgB": 0, 
        "ProgC": 1,  
        "ProgD": 1, 
        "ProgE": 0, 
        "ProgF": 1, 
        "ProgG": 0, 
        "ProgH": 1 


    }, …
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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

角度致命错误:堆限制附近的无效标记压缩分配失败

我使用过 Angular 5
我尝试ng build --prod
显示这个错误:
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

我已经阅读了这个这个并改变-max_old_space_sizepackage.json但没有构建生产再次显示上述错误。
有什么问题?怎么解决?是package.json的问题吗?

包.json:

{
  "name": "asd",
  "version": "0.6.2",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "build:dev": "./node_modules/.bin/ng build",
    "build:prod": "./node_modules/.bin/ng build --prod --aot=false",
    "build:aot": "./node_modules/.bin/ng build --prod --aot",
    "build:aot2": "node --max_old_space_size=4096 ./node_modules/.bin/ng build --prod --aot",
    "build": "npm run build:dev",
    "clean:dist": "npm run rimraf -- dist",
    "clean:install": "npm set progress=false && …
Run Code Online (Sandbox Code Playgroud)

angular

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

生成18位唯一号码

我想在我的 NodeJS 应用程序中创建一个函数来生成唯一的 18 位数字。我期望得到如下所示的唯一 18 位数字:

73306495056092753667  
Run Code Online (Sandbox Code Playgroud)

我考虑使用以下逻辑,将 Date.now() 与 Math.random() 结合起来:

Date.now()+""+Math.floor(Math.random()*10000000)  
Run Code Online (Sandbox Code Playgroud)

但是,如果我的函数在同一毫秒被调用,并且在相同的情况下,Math.random() 返回相同的值,则上述逻辑将不会返回唯一的 ID。

在NodeJS/Javascript中,是否有像UUID这样的模块可以生成全局唯一的数值?或者有人可以帮我创建一个可以生成唯一 ID 的算法吗?

javascript

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