Tag: css
Node.js加载空的CSS文件
对node.js来说很新，我想知道是否有什么可以帮助我处理这个小的CSS和图像错误。 我只发布了我的html和.js的主要部分，只是为了保持清洁。 反正我的CSS和图像arent加载。 我已经尝试了一切，但不能确定。 一切工作我的forms，服务器，除了CSS和图像的一切。 任何帮助将是伟大的！ 文件结构 webDemo node_modules public css indexCss.css images powerbyfhirlogo.JPG index.html package.json server.js 我的节点文件的主要部分。 var http = require('http'); var fs = require('fs'); var path = require('path'); var formidable = require("formidable"); var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest; var xhr = new XMLHttpRequest(); var request = require("request"); var express = require('express'); var app = express(); […]
我怎样才能在节点js发送一个响应邮件
我正在研究节点js和MongoDB的web开发。我必须在一天中的某个时间发送一个响应邮件。但问题是我发送的邮件响应，但没有任何style.I不知道为什么这是发生。请任何人回答这个，因为我非常需要它。
有没有办法可以改变这里显示的任何文件与webpack部署？
什么来了？ （1）短背景。 （2）问题。 （3）细节（简短;文件清单足够长，以显示相关信息）。 （4）再次提问。 简短的背景 ：我想用webpack部署我的网站。 webpack正在寻找style-loader和css-loader在错误的目录中，所以我的构build没有完成。 题 有没有办法可以改变这里显示的任何文件与webpack部署？ 详情 环境 Windows 10 Home-64，最新版本/东芝Satellite A6 节点v6.2.0 / webpack v1.13.2 相关的文件和目录结构 C:\Dev\example\example.js C:\Dev\example\bluebird.js C:\Dev\example\jquery.js C:\Dev\example\img\image1.jpg C:\Dev\example\img\image2.jpg C:\Dev\example\img\svg1.svg C:\Dev\example\built\package.json C:\Dev\example\built\webpack.config.js C:\Dev\example\built\index1.html C:\Dev\example\built\index2.html C:\Dev\example\built\example.bundle.js C:\Dev\example\built\[hash1].jpg C:\Dev\example\built\[hash2].jpg C:\Dev\example\built\[hash3].svg C:\Dev\node-modules\webpack C:\Dev\node-modules\css-loader C:\Dev\node-modules\file-loader C:\Dev\node-modules\html-loader C:\Dev\node-modules\style-loader C:\Dev\node-modules\uglify-js C:\Dev\node-modules\url-loader C：\开发\例子\build立\的package.json { "name": "example", "version": "0.0.1", "description": "example", "main": "example.bundle.js", "author": "Bald Eagle" […]
node.js不导入css和js文件
我正在创build一个node.js上传文件和存储表单的例子。 问题是我的css和js文件不工作，当我从任何端口从localhost访问。 我使用端口3000，当我打开浏览器中的文件index.html是好的，但是当我按照localhost:3000或任何端口，端口不是问题和css文件不起作用。 所以我的代码是： HTML ： <!DOCTYPE html> <html> <head> <title>Video Uploader</title> <meta charset="utf-8"> <link href="/css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/javascript/formstorage.js"></script> <script src="/javascript/jquery-ui.js"></script> </head> <body> <form> <div class="cont fl"> <h1>File's Uploader:</h1> <div class="fl form"> <div> <h1> Your Name: </h1> <input type="text" class="inps" id="nome"> </div> <div> <h1> e-mail: </h1> <input type="text" class="inps" id="email"> </div> <div class="bt"> […]
如何使用Materializecss优化行和列之间的空间
我想删除卡之间的空间。 这发生在卡片具有不同的高度时。 所以，我认为框架试图把行放在最高的牌上面。 我的代码是这样的： <div class="row"> <div class="col s12 m3"> <div class="card">Profile</div> </div> <% for(var i = 0 ; i < projects.length; i++){ % <div class="col s12 m3"> <div class="card"> Projects </div> </div> <% } %> </div> 我正在使用Materializecss来进行网站devise。 http://materializecss.com/ 代码在Github上： https ： //github.com/andreluizreis/git-user-assignment
不能在帕格上显示图像
这是我的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Home Page</title> </head> <body> <img src="resources/mainlogo.png" style="width:304px;height:228px;"> <h1>Welcome to our user management application</h1> <h3>Please see links below to navigate our homepage</h3> <a href = /adduser>Create new user</a> <a href = /users>List users</a> </body> </html> 显示除图像外的所有内容 这是我的文件结构： index.html resources mainlogo.png 我究竟做错了什么？ 这是呈现代码 app.get('/', function (req, res) { // […]
在Node – Express中，在POST操作后更改EJS中的元素样式
我有一个表单页面，应该在用户填写表单并点击提交button后显示成功提醒（Boostrap）。 <form class="well form-horizontal" action="/contact" method="post" id="contact_form"> … (input fields here) <div class="alert alert-success" role="alert" id="success_message"> Success <i class="glyphicon glyphicon-thumbs-up" ></i> Thanks for contacting us, we will get back to you shortly. </div> <div class="form-group"> <label class="col-md-3 control-label"></label> <div class="col-md-6"> <button type="submit" class="btn btn-warning" > Submit <span class="glyphicon glyphicon-send"></span></button> </div> </div> 默认情况下，在我的CSS： #success_message { display: […]
Laravel 5.4使用composer php添加zurb基础6.3.0
运行composer php后需要zurb / foundation我如何参考我的供应商目录中的基础文件@import foundation总是说没有find文件，它看起来不像laravel mix可以select包含elixir在之前的版本中包含的path。 几乎所有我在网上看到的安装基础与npm是首选的方式？ 我没有任何反对使用npm，但是当我运行“npm运行生产”由于string文字“`”失败，因为uglifyJs不支持ES6。 我正在尝试composer php的版本，因为我相信它已经编译了js，所以我不必做任何hacky来让它在生产环境中运行。
冻结顶栏（标题栏）
在node.js应用程序中：是否有办法在Excel中冻结表格中的顶部行，标题行，在浏览器中的方式？ 我怀疑这是一个.css风格，但不知道如何去做。 fixed “冻结”了整个表格，而不仅仅是顶部的行，因为项目出现在浏览器窗口的不可见部分，所以不出现垂直滚动条以便能够看到它们。 在这种情况下， sticky似乎什么都不做。 的CSS #one { position: fixed; top: 100px; left: 15px; } app.js <div className="row" id="one"> <table className="table-hover"> <thead>
如何将一个包含样式标签的string作为原始文件添加到文件头中？
我asynchronous呈现在rapscallion模板serverside节点中。 在渲染主体的时候，我需要在文档头中插入一个string（包含换行符）： // this is what I have serverside var stylestring = `<style type="text/css" data-style="some-id-that needs to be preserved"> .lfwARz { margin-bottom: 0; margin-top: 0; } </style>` 因为那时我已经把<head>发送给客户端了，所以我需要插入一个脚本来设置这些样式到客户端。 但是我很难让这个工作。 这种方法工作： // gets run clientside <script> var style = document.createElement('style') style.type = 'text/css' style.innerHTML = '${() => sheet.getStyleTags().replace(/(\r\n|\n|\r)/gm, '').replace(/<\/?style.*?>/g, '')}' document.head.appendChild(style) </script> 但它导致数据属性的丢失（我需要保留，所以样式不会在客户端上重新渲染）。
