小编hen*_*hen的帖子

在 Vue 模板中使用三元

是否可以在视图模板中使用三元条件来返回 HTML,类似于 Reacts 渲染函数?

<some-vue-component :someProp="someVal" />

// some-vue-component template file
{{someProp == true ? <h1>Hello</h1> : <h1>Bye</h1>}}

This doesnt seem to work
Run Code Online (Sandbox Code Playgroud)

编辑:我需要使用v-if吗?

// some-vue-component template file
<div>
  <div v-if="someProp === true">
    <h1>Hello</h1>
  </div>
  <div v-else>
    <h1>Bye</h1>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

vue.js

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

刷新具有动态 url/params 的 React 路由器页面

我有几个使用 React Router 显示的组件,它们具有动态 url 路径。我的一个示例路径是

<Route path="/newproject/:id" onEnter={checkSesh} component= {ProjectDetails} />

输入此组件时,我有一个componentWillMount函数可以提取idurl 的一部分,以便我可以获得正确项目的信息并将其呈现在组件上ProjectDetails

  componentWillMount() {
    var id = this.props.router.params.id
    this.props.teamDetails(id);
  }
Run Code Online (Sandbox Code Playgroud)

this.props.teamDetails(id)这会调用一个 redux 操作创建者,该创建者将向一条快速路线发出 axios 请求,该路线将从数据库中获取项目信息。

export function teamDetails(id) {
    return function(dispatch) {
    axios.get('/getteaminfo/' + id)
      .then(res => {
        dispatch({ type: "SET_TEAM_DETAILS", payload: {
                teamInfo: res.data.teamInfo,
                admin: res.data.admin,
                adminID: res.data.teamInfo.teamAdmin,
                teamMembers: res.data.teamInfo.teamMembers
            } 
        })

      });
    }
}
Run Code Online (Sandbox Code Playgroud)

登录后访问页面时一切正常。但是当我刷新页面时/newproject/:id,出现错误Uncaught SyntaxError: Unexpected token <。我的浏览器中的示例网址如下所示http://localhost:3000/newproject/58df1ae6aabc4916206fdaae。当我刷新此页面时,我收到该错误。由于某种原因,错误是抱怨我的<!DOCTYPE html>index.html 最顶部的标签。这个index.html是所有React渲染的地方。

reactjs react-router redux

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

在哪里建立猫鼬连接/任何数据库连接

我已经阅读了几个关于 mongoose.connect() 和 mongoose.createConnection() 的 stackoverflow 文档和 mongoose 文档,但似乎没有对后者的明确解释,特别是在哪里建立连接。我不确定在哪里进行 mongoose 或任何数据库连接的最佳位置,但我通常在我的 server.js 文件中进行。

可以在模型本身中建立连接吗?使用 mongoose.createConnection() 时,似乎在模型中建立连接是唯一的选择,因为如果我在服务器文件中使用 createConnection 建立连接,则无法导出返回的连接对象并将其导入我的模型文件中.

当我只使用 mongoose.connect() 我通常在我的服务器文件中设置这个,

var databaseUri = "mongodb://localhost/sampledatabse1020";

if (process.env.MONGODB_URI) {
    mongoose.connect(process.env.MONGODB_URI);
} else {
    mongoose.connect(databaseUri)
}

var database = mongoose.connection;

database.on("error", function(err) {
  console.log("Mongoose Error: ", err);
});

database.once("open", function() {
  console.log("Mongoose connection successful.");
});
Run Code Online (Sandbox Code Playgroud)

但正如我之前所说,如果我更改了上面的代码并使用

var connection = mongoose.createConnection()
Run Code Online (Sandbox Code Playgroud)

我无法导出connection保存从 mongoose.createConnection() 返回的连接对象的变量。那么我是否必须在模型中自行制作它,例如

var mongoose = require("mongoose");

var connection = mongoose.createConnection('mongodb://localhost/food');

var Schema = mongoose.Schema;

var UserSchema = new Schema({ …
Run Code Online (Sandbox Code Playgroud)

database mongoose mongodb node.js

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

webpack 4 uglifyjs 没有缩小和压缩

我正在使用 webpack 4,我不确定我的代码是否被压缩和缩小。我也在使用 React。

我的第一个问题是在 webpackplugin属性或optimization属性中使用 Webpack UglifyJS 插件。当我使用该plugin属性时,它似乎至少会压缩,但不会压缩到一行。我仍然不确定它是否正在缩小。当我使用optimization它时甚至不压缩。当我查看捆绑的 js 文件时,它似乎捆绑了node_modules诸如webpack.

//与 plugin

module.exports = {
    ...
    plugins: [new UglifyJsPlugin({
        test: /\.js$/,
        exclude: /node_modules/,
        sourceMap: true,
        uglifyOptions: {
            compress: {},
            mangle: true,
        }
}],
Run Code Online (Sandbox Code Playgroud)

//不适用于 optimization

module.exports = {
    ...
    optimization: {
        minimize: true,
        minimizer: [new UglifyJsPlugin({
            test: /\.js$/,
            exclude: /node_modules/,
            sourceMap: true,
            uglifyOptions: {
                compress: {},
                mangle: true,
             }
       }],
    }
Run Code Online (Sandbox Code Playgroud)

在第一个示例中,代码至少被压缩但没有被压缩成一行。

//例子

!*** ./node_modules/scheduler/index.js ***!
  \*****************************************/ …
Run Code Online (Sandbox Code Playgroud)

javascript uglifyjs reactjs webpack

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

获取背景图片 url 值

我正在尝试获取背景图像 url 的值。url 直接在元素标签中内联设置,样式属性如下

<a style="background-image: url(https:// ....)"></a>

我试着做

var url = $(this).css('background-image')

使用各种正则表达式,但似乎不起作用。我正在尝试将此 URL 存储到 MongoDB 中,但出现此错误

var styles = parse(el.attribs.style); TypeError: Cannot read property 'attribs' of undefined

html javascript css jquery mongodb

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

在项目中本地安装Python依赖项

我来自NodeJS,正在学习Python,想知道如何requirements.txt在项目的本地文件中正确安装软件包。

对于节点,这是通过在package.jsonvia中管理和安装软件包来完成的npm install。但是,Python项目的约定似乎是将软件包添加到名为的目录中lib。当我这样做时,pip install -r requirements.txt我认为这会在我的计算机上进行全局安装,类似于节点npm install -g全局安装。如何将我的requirements.txt文件的依赖项安装在名为lib的文件夹中?

python pip python-2.7 requirements.txt

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

每次在server.js上听到路径时都会执行express app.use

在我的server.js文件中,我可能有许多代码行使用app.use,app.use每次命中路径时都会执行这些行吗?使用快速路由器时,我对这是如何工作有点困惑.如果我有类似的东西

var example1 = require('./js/exampleRoutes.js)
var example2 = require('./js/example2Routes.js)

app.use(express.static(process.cwd() + '/public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(methodOverride("_method"));

app.use(example1, example2);

app.listen(PORT);
Run Code Online (Sandbox Code Playgroud)

每次命中路径时都会执行app.use的所有四行,并且根据路径命中,它会将程序重定向到example1路由或example2路由吗?

exampleRoutes.js

router.get('/', function(req, res){
    ....
});
Run Code Online (Sandbox Code Playgroud)

example2Routes.js

router.post('/create', function(req, res){
    ....
});
Run Code Online (Sandbox Code Playgroud)

javascript node.js express

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

在最小宽度处禁用 React slick 滑块

我试图在 min-width: 768px 处禁用反应滑块,但反应光滑滑块似乎仅支持最大宽度。我正在使用responsive光滑设置中的属性,并且根据文档,这需要一个断点以及该断点的设置。然而,断点是最大宽度而不是最小宽度,我试图在断点 768px 处使用“unslick”禁用轮播。有没有办法可以在 min-width: 768 而不是 max-width 处禁用轮播?

    var settings = {
        dots: true,
        infinite: true,
        repsponsive: [
            {
                breakpoint: 768,
                settings: 'unslick'
            }
        ],
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1
    };
Run Code Online (Sandbox Code Playgroud)

reactjs react-slick

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

文件路径中两个大写DD字母代表什么

鉴于以下代码,它的作用有什么意义吗DD

dsData.WriteXml(appsetting_path & "\test\DD" & name & "_data.xml")

这是来自 Visual Basic 代码,想知道它是否也适用于 C# 应用程序。

我记得读过一些可能与它有关的内容,但忘记了它叫什么。

.net c# vba

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