我将服务器的静态index.html与main.css使用此节点服务器：
serve.js：
var express = require('express')
var cors = require('cors')
var app = express()
var path = require('path');
app.use(cors())
app.use(express.static('assets'))
app.get('/', function (req, res, next) {
res.sendFile(path.join(__dirname + '/index.html'));
})
app.listen(3000, function () {
console.log('CORS-enabled web server listening on port 3000')
})
该index.html的：
<!doctype html>
<html class="no-js" lang="">
<head>
<link rel="stylesheet" type="text/css" href="./assets/css/main.css">
</head>
<body>
<p>Hello Html!</p>
<div class="thejson"></div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</body>
</html>
main.css
body {
background: #ffdd;
color: #eaeaea;
padding: 10px;
}
结构： …
我想获得以下值data-url：
{#each profiles as p}
<div data-url={p.url} class="item" on:click={goToPage}>
<div class="row">
<div class="col s12 l4">
<div class="a">
<br />
</div>
</div>
<div class="col s12 l8">
<p>
<strong>{p.fn} {p.ln}</strong><br />
{p.ttl}
</p>
</div>
</div>
{p.dsc}
<hr />
</div>
{/each}
其功能是：
const goToPage = (e) => {
var slug = e.target.querySelector("item").getAttribute("url");
console.log("slug is:", slug);
window.location.href = slug;
};
然而它不起作用，我得到
Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')
我尝试过其他事情，比如
e.target.querySelector("item").getAttribute("data-url");
和
e.target.getAttribute("data-url");
但它们都不起作用。
我在Vue.js应用程序中收到此烦人的“错误”消息。
error: Mixed spaces and tabs (no-mixed-spaces-and-tabs) at src/components/Landing.vue:388:2:
我想知道如何抑制它？
我将Vue.js应用程序与vue-router结合使用，分为3部分：
App.vue：
<template>
<div id="app">
<head>
</head>
<NavbarComp/>
<div>
<div class="middle">
<router-view/>
</div>
</div>
<FooterComp/>
</div>
</template>
该<NavbarComp/>包含登录按钮，我想只出现在着陆页：
<template>
<div>
<nav>
<router-link to="/" >
<h3>My Shining app </h3>
</router-link>
<router-link to="/login">
<button v-if="section='landing'"> Login</button>
</router-link>
</nav>
</div>
</template>
我试图section在商店中定义一个，然后将该部分定义为每个组件上的计算属性：
section () {
this.$store.section = 'login';
}
但无法成功。因此，感谢您的提示。
我想将从 json 对象接收到的文件保存在 REST API 应用程序中，这是代码：
router.post('/addphoto', checkAuth, (req, res)=> {
let filename = Math.floor(Math.random() * 100000);
let dir = './uploads/' + req.user.id;
//Not sure about this
if (!fs.existsSync(dir)){
fs.mkdirSync(dir);
}
base64String = req.body.file;
let base64Image = base64String.split(';base64,').pop();
let filePath = dir + "/" + filename
fs.writeFile( filePath, base64Image, {encoding: 'base64'}, function(err) {
console.log('File created');
});
...
它完成了这项工作，但我读过它existsSync已被弃用，而且我不确定在本质上是异步的路由器中使用同步代码是否是个好主意。
所以我想知道在这种情况下这样做的惯用方法是什么？
我有一个这样的 Express API 应用程序。
var express = require('express');
const app = express();
app.get('/api', function(req, res) {
res.json({
text: 'my api!'
});
)
});
app.listen(8090, function () {
console.log('App listening on port 8090');
});
我想知道测量响应时间的最准确方法是什么？
我想对v-for循环内的单选按钮进行默认检查。这是代码：
<ul v-for="p in photos">
<li>
<div>
<div>
<div>
Visibility: {{p.visible}}
</div>
<strong>Visibility setting</strong><br>
<input type="radio" v-model="p.visible" name="visibility" value="all" :checked="p.visible == 'all'"> All <br>
<input type="radio" v-model="p.visible" name="visibility" value="fav" :checked="p.visible == 'fav'"> My favorites <br>
<input type="radio" v-model="p.visible" name="visibility" value="none" :checked="p.visible == 'none'"> No one
</div>
<div><img" v-bind:src="BASE_URL +'/uploads/' + userId + '/'+ p.imgId" /> </div>
</div>
</li>
</ul>
我遵循了这个答案。
虽然我可以看到Visibility正在打印每个项目，但未按预期检查每张照片的默认单选按钮。
这photos是创建组件时我从服务器收到的数组：
[
{
"id" : "5bcebb6efeaea3147b7a22f0",
"imgId" : "12710.png",
"visible" : …我是golang的新手,我想在这样的地图中反转对的出现顺序,以便最后一对出现:
mapA := map[string]int {
"cat": 5,
"dog": 2,
"fish": 3 ,
}
fmt.Println(mapA)
map[cat:5 dog:2 fish:3]
生成的地图应该像:
map[fish:3 dog:2 cat:5]
它可以是具有相同项目但是顺序的新mapB.
我怎样才能做到这一点？
node.js ×3
vue.js ×3
javascript ×2
css ×1
eslint ×1
express ×1
go ×1
html ×1
radio-button ×1
response ×1
svelte ×1
vue-router ×1