我正在尝试将一种成分推送到数组列表中。该成分是一个对象,并具有其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
任何帮助,将不胜感激。
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 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数据最小化,因为它包含数万行.
我的问题是
如果可能,请提供代码段.
编码平台: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)
我的问题是
还有,其他更好的方法是什么?
PS:我正在维护代码并使实体类将列映射到属性并且存储值不是一个选项.
我试图在表行上实现悬停效果,我在我的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)
但我认为根本没有应用.我的问题是
为清楚起见,这里是小提琴http://jsfiddle.net/naveen/UPhRE/
请不要介意css中的图像.一切都很好.
为纯粹的学术目的查看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可以吗?
我想知道是否有办法将动态命名内容从布局传递到页面.
例如,
布局
<body>
<div class="container">
{{ content }}
</div>
<footer>
<p>© 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)
有没有办法在布局中呈现页面中的多个内容部分?
@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) 我有以下数组:
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) 我使用过 Angular 5
我尝试ng build --prod
显示这个错误:
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
我已经阅读了这个和这个并改变-max_old_space_size了package.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) 我想在我的 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 的算法吗?
asp.net ×3
javascript ×3
c# ×2
html ×2
angular ×1
architecture ×1
arrays ×1
css ×1
data-access ×1
data-binding ×1
github-pages ×1
html5 ×1
jekyll ×1
json ×1
linq-to-xml ×1
listview ×1
xml ×1