Tag: html

Node.js中的jQuery方法: 刚开始在node.js中编码。我做了几页（login，注册，博客等）。如果我想要一个效果：1.我将鼠标hover在“新闻”button上，一个滑块出现，修改ejs标签中的图像（例如<％blog.image％>）（我不认为我可以在这里使用css）。如果用户点击一个button（或任何其他事件）做某事。现在在我的项目中，如果用户点击“login”，它会把他带到“/login”页面。我GOOGLE“popuplogin窗体”，大多数教程是为jQuery。在使用jQuery的时候，它给出了一个错误：“jQuery需要一个窗口”，所以我使用了jsdom，但转向了cheerio（许多用户推荐它）。我浏览了文档，但找不到“点击”事件方法。我怎样才能完成上述任务？注意：我没有要求上述任务的具体代码。我在jQuery前端完成了这些。我只想知道如何在node.js中开始使用jQuery。

在撇号CMS中创build自定义图像小部件: 我在撇号CMS中创build自定义图像小部件时遇到问题。目前的apostrophe-images-widgets工作正常，更多的图像，但我需要一个特殊的情况下的网站标志，因为它需要特定的CSS和网站上的具体位置。我试着按照这里的教程做一个自定义小部件与经理，但我没有得到我想要的结果。这是我的logo-image模块 module.exports = { extend: 'apostrophe-pieces', name: 'logo-image', label: 'Website Logo', addFields: [ { name: 'companyName', label: 'Company Name', type: 'string', required: true }, { name: 'logo', label: 'Logo', type: 'singleton', widgetType: 'apostrophe-images', options: { limit: 1, minSize: [ 200, 200 ] } } ], construct: function(self, options) { self.beforeSave = function(req, […]

没有在nodejs中使用response.end（）: 根据我的知识， response.end()应该在每个响应之后根据这里描述的nodejs api documenetation调用但是当我调用response.end()它不会将html文件加载到浏览器。这是我的代码： var http=require('http'); var fs=require('fs'); http.createServer(creatingRequest).listen(8000); console.log("connected to the server"); function printMe(response) { response.writeHead(404,{"Context-Type":"text/plain"}); response.write("this has errors "); response.end(); console.log("finished "+response.finished);//true if response ended console.log("printMe"); } function creatingRequest(request,response) { if ((request.url=="/" ) && request.method=="GET") { response.writeHead(200,{"context-type":"text/html"}); fs.createReadStream("./index.html").pipe(response); console.log("loading html"); response.end(); console.log("finished "+response.finished);//true if response ended } else { printMe(response); } […]

防止页面加载电子时出现白色闪烁: 每次窗口开始加载新的html或向服务器发出请求时，窗口将变白，直到页面加载完成或服务器响应请求。这看起来不太好，可能会很刺耳。我怎样才能阻止呢？代码，如果你想看到它 app.js const {app, BrowserWindow} = require('electron'); const path = require('path'); const url = require('url'); let win; function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}); win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })); win.on('closed', () => { win = null; }) } app.on('ready', […]

使用Shippo的节点发货API不起作用: 我正在build立一个API，今天我把我的HTML表单集成到一起。但是，它只是说'不能发布/新船'。哪里不对？我的server.js： var express = require('express') var app = express() var http = require('http'); //Shippo shipping wrapper var Raven = require('raven'); var shippo = require('shippo')('shippo_test_key'); const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({extended: true})); app.use(bodyParser.json()); //Test app.get('/', function (req, res) { res.send('Hello World! ' + 'hey') }) app.post('/newship/', function (req, res) { var addressFrom = { […]

AngularJS显示MongoDB数据: 我与AngularJS和MongoDb的交互有问题。我在服务器端使用NodeJS和ExpressJS。用mongoose，我跟Mongo说话。我刚刚完成了路线。 index.js app.get('/api/dashboard', function (req, res) { Homepage .find({}, 'title -_id createdBy allbids.bid endTime') .exec(function (err, auctions) { if(err) res.send(err); console.log(auctions); res.json(auctions); }) }); 控制台显示我需要的所有字段。然后我通过前端。我以这种方式使用Angular路线： var app = angular.module('auction', [ 'ngRoute','HomeCtrl','NewAuctionCtrl', 'FollowingAuctionsCtrl', 'MyAuctionsCtrl']); app.config(function ($routeProvider, $locationProvider) { $routeProvider .when('/', { templateUrl: 'views/partials/dashboard.html', controller: 'HomeController' }) $locationProvider.html5Mode(true); }); 而我的HomeController是这样的： angular.module('HomeCtrl', []) […]

在小胡子中的对象列表: 我正在从胡须模板引擎呈现HTML。在处理对象列表时，我被困在渲染中。这是我的目标： var Prod={ "Object1": { "name": "name1", "category": "laptop" }, "Object2": { "name": "name2", "category": "laptop" }, "Object3": { "name": "name3", "category": "Desktop" }, "Object4": { "name": "name4", "category": "Mobile" } } 以下是我想要渲染的内容： var template='{{#Prod}} {{name}} and {{category}} {{/Prod}}' Mustache.render(template, {"Prod":Prod}); 但它不工作，我不明白为什么。请告诉我我错在哪里。

Handlebars和Node.js：{{#if！user}}然后显示loginbutton: 我正在创build一个使用Node.js，Express和Handlebars作为模板引擎的loginvalidation应用程序。如果没有用户login，我希望我的仪表板显示“login”button。如果用户login，我不希望它显示。我试过这个没有login… {{#if user}} <a type = "button" class = "btn btn-default" href = "/users/login">Log In</a> {{/if}} 有趣的是，这隐藏了元素。然后，当我纠正了代码，它应该是…这… {{#if !user}} <a type = "button" class = "btn btn-default" href = "/users/login">Log In</a> {{/if}} 我得到这个错误，我以前从来没有使用过车把，所以我是盲目的。任何帮助提前感激！

如何使用HTML + JS从数据库中显示图像？: 我正在做一个狗庇护所的应用程序，所以我把所有的图像URL保存在数据库中。到目前为止，这是我所拥有的：我想要的是，而不是显示这个PI想要显示狗的照片。我的代码：的index.html <div id="template_especie_show"> <nav class="navbar navbar-fixed-top df-nav cen col-md-12" role="navigation" style=""> <ul class="nav navbar-nav" style="width: 100%"> <li class="pull-left"><button type="button" id="especie_menu_left" class="btn btn-default btn-menu">Voltar</button></li> <li class="pull-left"><button type="button" id="especie_menu_logout" class="btn btn-default btn-menu-logout">Sair</button></li> <li style="float: none; display: inline-block; position: relative; text-align: center"><a href="#index"><img src="img/icone_ap.png" height="47"></a></li> </ul> </nav> <div class="row vert-offset-top-30"></div> <div class="col-md-2"></div> <div class="col-md-8"> […]

为什么html-minifier告诉我：未知选项“–minifyJS”？: 题：我在全球安装了html-minifier uglify-js ，并安装了html-minifier 。 HTML的缩小工作正常，但是当我添加–minifyJS来缩小JavaScript以及它失败，并出现以下错误： error: unknown option `–minifyJS' 我做错了什么？码： html-minifier –input-dir ./viewsCopy –output-dir ./views-minified –collapse-whitespace –html5 –minifyJS 参考： https://www.npmjs.com/package/html-minifier OUTPUT <% include ../partials/header %> <div class="backgroundLogin"><div class="alertMessage"> <% if (errors.length > 0) { for (var i = 0; i < errors.length; i++) {%> <div class="alert alert-danger"> <%= errors[i].msg %> </div> <% } […]