Tag: html

Electron JS,使用Express后端和单独的html前端启动应用程序

我有一个单独的ExpressJS后端和单独的HTML前端的应用程序。 我的ExpressJS后端位于root/scripts/server.js 我的HTML正面位于root/index.html 。 这个前面使用了从webpack生成的javascript逻辑,它工作正常。 为了使这个项目工作,我首先用这个命令启动我的ExpressJS后端: babel-node ./scripts/server.js –presets es2015,stage-0 然后我打开我的index.html ,一切正常。 现在我想通过使用ElectronJS在一个桌面应用程序中打包后端和前端。 我的项目有以桌面模式启动电子应用程序的main.js脚本。 它位于root/main.js 。 它有以下代码: const electron = require('electron') const app = electron.app const BrowserWindow = electron.BrowserWindow const path = require('path') const url = require('url') let mainWindow function createWindow () { mainWindow = new BrowserWindow({ width: 800, height: 600, autoHideMenuBar: true, useContentSize: true, […]

帕格 – 编译后错误的嵌套 – 包括vs扩展

编辑:根据正确的答案修改标题,以帮助谷歌search 在下面的代码中,在我的header.pug包含在404.pug页面之后,我的404.pug标签在404.pug页面中不断变成h1标签的孩子。 这是我正在使用的代码: Header.pug doctype html head meta(charset='utf-8') title Express Guestbook link(href="to/bootstrap.min.css", rel="stylesheet") body.container h1 Express Guestbook a.btn.btn-primary.pull-right(href="/new-entry") Write in Guestbook //- putting this div here so that whatever code 'include'-s this //- header, will be a child of this div div 404.pug include header.pug //- This part becomes child of <a> tag, instead of […]

npm包合并html文件

我有一个要求,我需要将多个HTML文件合并成一个。 我需要删除HTML标签和HEAD标签,并将两个HTML文件合并为一个HTML标签和HEAD标签。 有没有任何nodejs包已经这样做。 因为我不想重新发明轮子。 谢谢

Angular2错误内联模板:1:20导致:超出最大调用堆栈大小

首先让我开始说我完全知道有一些类似的post与这个控制台错误相关。 通常我会参考那些,但我一直在从头使用Angular2总共5天,这是我曾经用过的第一个JS框架,所以试图将我的问题与另一个联系起来更加困难。 在撕碎我之前请记住忍耐! 现在解决我的问题,我设法为一个网站拼凑一个非常基本的脚手架,而且我创build了几个组件,我基本上把它们当作网站的每个“页面”(在这种情况下,“home” 'contact','navbar','footer')。 我已经开始尝试和实施路由select,以便在URL =“'时将您redirect到家中,或者如果您指定了某个特定项,则会相应地指示您。 我得到的问题是一旦网站加载我得到这个控制台错误:“错误:错误:错误./ HomeClass类HomeComponent – 内联模板:1:20引起:最大调用堆栈大小超过”。 到目前为止,我的search告诉我,我有一个重复函数的地方,我试图消除variables(到目前为止我所有的类都包含几乎0代码),但我仍然得到这个错误。 这是我的app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import {HomeComponent} from './home/home.component'; import […]

胡须迭代数组的对象

我正在寻找迭代数组对象的列表 这是我的示例对象 var Categories = { "communication": [ { "id": "communication_001", "category": "communication", "lastModified": "4 Day ago" }, { "id": "communication_002", "category": "communication", "lastModified": "1 Day ago" } ], "social": [ { "id": "social_001", "category": "social", "lastModified": "2 Day ago" } ], "storage": [ { "id": "storage_001", "category": "storage", "lastModified": "3 Day ago" } ] […]

将MongoDB / ExpressJS查询存储到数组中并显示到HTML表中

我正在尝试学习如何获取已经存储在MongoDB中的数据,并将其显示为HTML中的表格。 我从来没有使用过HTML或JavaScript,所以我决定首先在我的HTML代码中创build一个脚本,并使用循环显示一个简单的表格: <div> <script> var words = ["One", "Two", "Three", "Four", "Five", "Six", "Seven"]; var numbers = [1,2,3,4,5,6,7]; document.write('<table>'); for (var i =0; i < words.length; i++){ document.write('<tbody><tr><td>' + words[i] + '</td>' + '<td>' + numbers[i] + '</td></tr></tbody>' ); } document.write('</table>'); </script> </div> 我得到的输出是: One 1 Two 2 Three 3 Four 4 Five 5 Six […]

协作绘画应用程序

我正处于学习nodejs客户机/服务器编程的初期阶段,对于我的第一个应用程序,我只想制作一个简单的绘图应用程序。 到目前为止,我有这个代码,似乎工作的唯一的事情是,我的点击正确调用我的console.log,但没有矩形绘制在点击位置。 任何帮助? 我对此很新。 var io = require('socket.io')(serv,{}); io.sockets.on('connection', function(socket){ SOCKET_LIST[socket.id] = socket; var self = { x:0, y:0, cx:0, cy:0, } socket.on('mousePos', function(data){ self.x = data.x; self.y = data.y; //console.log('x:' + self.x + ' y:' + self.y); }); socket.on('mouseClick', function(data){ self.cx = data.x; self.cy = data.y; console.log('x:' + self.cx + ' y:' + self.cy); […]

在Node.js中使用多方包的ERR_EMPTY_RESPONSE错误

我是Node.js的新手,并试图从我的HTML上传图像。 我创build了可以通过使用下面的html代码将图像上传到我的web应用程序的button。 <li><a onclick="getFile()" style="cursor:pointer; color:#000000;">Choose File</a></li> <li><a onclick="uploadFile();" style="cursor: pointer; color:#000000;">Upload</a></li> <li><a onclick="save2()" id="imageSave" style="cursor:pointer; color:#000000;">Save</a></li> <li><a href="/location" style="color:#000000">Back to view</a></li> <form action="/upload", method="post", enctype="multipart/form-data"> <div style='height:0px; width:0px; overflow:hidden;'><input type="file" name="upFile" id="upFile" onchange="getCmaFileView(this, 'name')" target="dropzone_1"/></div> <div style='height:0px; width:0px; overflow:hidden;'><input type="submit" name="Upload" id="Upload" /></div> </form> 点击上传后,它使用下面的多代码包从node.js上传图像。 app.post('/upload', function(req, res, next) { var form = new […]

如何拆分<ul>的每个不同的variables

我想分割<ul>每个不同的variable_name 我试图在if语句中插入ul,但它不会工作。 是否可以把ul放在if语句之外? 让我们说我的variable_name = [dog,dog,dog,cat,cat,mouse,mouse,mouse,mouse]; 和我想要的输出是: <ul> <li> dog </li> <li> dog </li> <li> dog </li> </ul> <ul> <li> cat </li> <li> cat </li> </ul> <ul> <li> mouse </li> <li> mouse </li> <li> mouse </li> <li> mouse </li> Code: <% for(var j=0;j<array4.length;j++) { %> <% if(array4[j].input_type == "radio") { %> <li class="list-group-item radio-choice" id="chk_<%=array4[j].variable_name%>" […]

没有任何错误显示。 代码工作正常

app.js angular.module('app', ['ionic', 'ui.router']) .config(('$urlRouterProvider', '$stateProvider', function($urlRouterProvider,$stateProvider){ $urlRouterProvider.otherwise('/'); $stateProvider .state('view',{ url:'/', templateUrl:'js/components/view/view32.html', controller:'viewCtrl' }) })) server.js var express= require('express'); var mongoose = require('mongoose'); var bodyParser=require('body-parser'); var cors= require('cors'); var app= express(); var multiparty= require('connect-multiparty'); var multipartMiddleware= multiparty(); var viewController=require('./controllers/viewController'); var shareController=require('./controllers/shareController'); var configs = require('./configs/config.js'); configs.setConfigs(); mongoose.connect(process.env.MONGO_URL); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.use(multipartMiddleware); app.use(cors()); app.use('/app', […]