我即将为我的离线 ElectronJS 应用程序选择一个合适的本地数据库。桌面应用程序必须在本地从 JSON 文件添加/更新/删除/检索数据。数据库结构如下:
{
'data':[
{
'day':1344546000,
'transactions':[
{'time':'blabla', 'value1':'100',...},
{'time':'blabla', 'value1':'100',...},
{'time':'blabla', 'value1':'100',...},
]
},
{
'day':1344546000,
'transactions':[
{'time':'blabla', 'value1':'100',...},
{'time':'blabla', 'value1':'100',...},
{'time':'blabla', 'value1':'100',...},
]
},
....
]
}
Run Code Online (Sandbox Code Playgroud)
此数据必须本地放置在 json 文件/文件中,因此如果用户关闭应用程序并再次打开它,则应检索数据。
每个day对象每天将少于 500 次交易
我正在尝试使用渲染函数渲染这个指令
<h2 v-tooltip.top="{ content: 'You have new messages.', classes: 'tooltip-info', offset: 15 }">
some text
</h2>
Run Code Online (Sandbox Code Playgroud)
在函数内部使用此代码
return createElement('h2', {
directives: [
{
name: 'v-tooltip',
value: {
content: field.tooltip.content ? field.tooltip.content : field.tooltip,
classes: field.tooltip.class ? field.tooltip.class : 'tooltip-info',
offset: 15,
},
arg: 'top',
},
],
}, [field.title]);
Run Code Online (Sandbox Code Playgroud)
但我收到此错误:[Vue warn]: Failed to resolve directive: v-tooltip
我错过了什么,字段是可能有内容或类道具的对象。所以我设置它们,如果它有或在其他中默认。
v-tooltip 是这个指令https://github.com/Akryum/v-tooltip
我正在尝试将面板添加到名称为Tablica的现有面板中,但是我做错了错误,每次添加面板时都会增加全局变量,因此新添加的面板具有不同的Y位置,这会使我的面板彼此不重叠。但是现在我想使用一种不同的方法,以便我不将它们添加到具有固定的X,Y位置的位置,而是以某种方式将它们停靠在顶部,并且每个添加的新面板都停留在父面板的顶部,换句话说,最后一个面板添加了单击按钮时,它位于Tablica面板的顶部
这是我现在使用的代码,除了最后一个面板添加在面板底部之外,现在可以使用:
int TabliciLocation = 30; //global variable
private void OK_Click(object sender, EventArgs e)
{
Panel newPanel = new Panel();
newPanel.Size = new System.Drawing.Size(1200, 52);
newPanel.Location = new System.Drawing.Point(16, TabliciLocation);
Tablica.Controls.Add(newPanel);
TabliciLocation += 60;
}
Run Code Online (Sandbox Code Playgroud)
因此,新方法必须是这样的:
private void OK_Click(object sender, EventArgs e)
{
Panel newPanel = new Panel();
newPanel.Size = new System.Drawing.Size(1200, 52);
newPanel.Dock = DockStyle.Top; // if this can help
Tablica.Controls.Add(newPanel);
}
Run Code Online (Sandbox Code Playgroud) 所以我有自举导航栏固定并有身体填充顶部:50px; 到目前为止这么好,但bootstrap.js和.css文件使点击的li背景颜色为白色,我希望它是黑色我想是默认是白色.所以我试图手动更改.active类的背景颜色属性
HTML:
<header>
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img id="logo-img" src="images/logo.png" alt="logo"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-search"></span> Search</a></li>
<li><a href="#"><span class="glyphicon glyphicon-home"></span> Sales</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="fa fa-cogs"></span> Services</a></li>
<li><a href="#"><span class="glyphicon glyphicon-comment"></span> Contact</a></li>
<li><a href="#"><span class="glyphicon glyphicon-link"></span> About Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
Run Code Online (Sandbox Code Playgroud)
在自定义CSS我有但没有任何反应它不会从白色变为黑色:
.active {
background-color: …Run Code Online (Sandbox Code Playgroud) 我正在尝试创建群聊应用程序。但是当我将相同的 id(string) 放入数组时,唯一的 true 不起作用,并且相同的 id 被添加到数组中,例如我最终得到了这个。我希望 userIds ID 数组仅包含唯一 ID
{ _id: 5885dc260a6bd22768bef387,
roomName: 'Room1',
author: '587cd401a279b834b0a4cb8d',
__v: 0,
messages: [],
usersIds:
[ 587cd401a279b834b0a4cb8d,
587cd3ed7bd35b37d4c75a36,
587cd3ed7bd35b37d4c75a36 ] }
Run Code Online (Sandbox Code Playgroud)
这是我的房间架构
const roomChat = new Schema({
roomName: String,
author: String,
usersIds:[
{
type: Schema.ObjectId,
unique: true
}
],
messages: [
{
author: String,
text: String,
date: Number
}
]
});
Run Code Online (Sandbox Code Playgroud)
这就是我将用户添加到特定房间的 userIds 的方式
app.put('/roomChat', (req, res) => {
GroupChat.findByIdAndUpdate(req.body.roomId, {$push:{usersIds:req.body.userId}},{safe: true},(err,room) => {
console.log(room);
});
});
Run Code Online (Sandbox Code Playgroud)