Tag: html

Webpack正在改变我的.scss样式表类: 我使用npm和react.js的webpack，我有我的style.scss样式表来控制我的风格，等等。我知道它被合并成一个大的.css文件，因为'webpack东西'，但我一直未能正确使用classes / id。我发现了为什么。这，在我的style.scss表： /* List items when hovered. */ ul li.hovered{ background-color: #F8F8F8; color: #7B8585; } 变为： /* List items when hovered. */ ul li.style__hovered___j0Fpj { background-color: #F8F8F8; color: #7B8585; } 在组合的style.css文件中。这解释了为什么如果我尝试手动设置一个类，例如$('#id').toggle("hovered")它不起作用，但$('#id').toggle("style__hovered___j0Fpj") 。这个奇怪的string持续刷新页面，所以我认为在我的代码中使用它是“安全的”，但是为什么webpack会破坏这样的类名？有没有办法阻止它这样做？或者这就是它的“本意”？这是我的webpackconfiguration： var path = require('path'); var webpack = require('webpack'); var autoprefixer = require('autoprefixer'); var ExtractTextPlugin = […]

在controller.js文件中处理AngularJS中的错误: 我有单页NodeJS + AngularJS应用程序。有一些领域要填写文字。在controller.js中，我想检查一个或多个字段是否为空，以便在浏览器中发送错误警报。我的controller.js文件： var myApp = angular.module('myApp', []); myApp.controller('AppCtrl', ['$scope', '$http', function($scope, $http) { console.log("Hello World from controller"); //$http.get('/builder').success(function(response){ // $scope.PEM = response; //}); $scope.sendParts = function(){ var bool = true; for(var prop in $scope.pem){ if(prop == 'undefined'){ bool = false; break; } if(bool){ $http.post('/builder', $scope.pem).success(function(response){ $scope.PEM = response; }); } else{ […]

Node.js替代PHP的exec: 我想写一个C软件（如素数分解），并将其放置在我的Web服务器上（基于Node.js ）。然后我想要一个HTML表单和一个button的HTML 。当button被点击时， C应该被执行（在服务器上），其中一个文本字段被作为inputparameter passing。 C的输出应该再次传递给HTML文本字段。在PHP这样的事情是可能的： <?php exec('~/tools/myprog.o'); ?> 我怎么会在Node.js这样做（ Express.js也很好）。特别是input/输出redirect？

gulp useref不能处理多个html文件: 我的项目中有5个HTML文件，每个底部都有一个useref块，如下所示： <!– build:js static/js/main.js –> <script src="static/js/plugins.js"></script> <!– endbuild –> 所有5个文件中的常见JS文件是plugins.js。我需要在每个HTML文件中的JS文件，并在我的所有文件中重复。我的第二个HTML文件有这个块（再次plugins.js在那里）： <!– build:js static/js/main.js –> <script src="static/js/jquery.barrating.min.js"></script> <script src="static/js/plugins.js"></script> <!– endbuild –> 而我的第五个HTML文件有这个块： <!– build:js static/js/main.js –> <script src="static/js/jquery.matchHeight-min.js"></script> <script src="static/js/jquery.barrating.min.js"></script> <script src="static/js/plugins.js"></script> <!– endbuild –> 所以在每个使用plugins.js的文件中，在一些文件中我使用了一些其他的库。但是，当我运行任务这三个文件不连接到main.js。 main.js中只有来自plugins.js的内容。其他库不包括在main.js中。为什么？我可以使用这个插件吗？我的一口气任务： gulp.task('compress:js:html', ['clear:dist'], function () { return gulp.src('./*.html') .pipe(useref()) .pipe(htmlmin({collapseWhitespace: true})) […]

HTML / JS表单被提交两次: 我正在使用node.js / express创build一个网页。我目前有一个表单有一些input和一个提交button，通过点击当前页面上的另一个button触发这是我的表单的代码： <form name= "form" id="form-id" action="http://localhost:1337/process_post" method="POST"> <input type="hidden" name="hiddentext" id="textarea"/> <input hidden type="submit" name="submitbutton" id="submit_button"/> </form> 这是我的button（在onclick事件中触发提交表单被点击） <INPUT type="button" id="button-id" value="Save" onclick="this.disabled=true;load_page('form-id')" /> 这是我的JS脚本点击提交button function load_page(formId){ document.getElementById("submit_button").click(); } 我的问题是表单被提交两次。我不确定为什么发生这种情况，以及如何解决这个问题。有小费吗？

mapbox gl js – 未捕获TypeError：无法读取null的属性'classList': 我正在用MapBox GL JS创build一个地图。我在我的index.html页面创build了一个地图，工作正常，但现在我试图在另一个页面上创build另一个地图，当引用地图应该去的div时，我得到一个错误： Uncaught TypeError：无法读取null的属性'classList'。我不知道为什么会发生这种情况，因为我在我的html中创build了元素，而且我的javascript与在index.html页面（但在不同div上）成功创build第一个映射的javascript完全相同。我在Node.js中做这件事，并与webpack绑定到一个main.min.js文件，我在index.html和第二个html页面上引用。 "use strict" //here is the MapBox GL JS code at the point the error references in the console //_setupContainer: function() { // var container = this._container; // container.classList.add('mapboxgl-map'); // here is my mapbox new map creation const ACCESSTOKEN = < my access token >; mapboxgl.accessToken = ACCESSTOKEN; […]

node.js表单处理后更新和删除: 我是nodejs的新手，被困住了。我已经完成了服务器端代码和所有API，现在我必须构build表单来获取数据并使用我已经构build的API。我迷失在互联网上的教程。我的API位于一个名为routes的文件夹中，例如第一个被称为地址，下面是后添加代码： var express = require('express'); var router = express.Router(); var Address = require('../models/address'); var Student = require('../models/student'); router.post('/add',function(req,res){ var language = req.body.language, country_id = req.body.country_id, city_id = req.body.city_id, pickup_points = req.body.pickup_points, static_address = req.body.static_address; student_id = req.body.student_id; // if(student_id!=null && student_id != undefined){ // res.json({success:false,message: "error one or more fields are empty"}); […]

我如何在Jade中迭代一个表，为每个<td>分配一个唯一的ID？: 我想创build一个包含9行9列的表。我想通过在Jade的帮助下迭代来创build它。我对Jade很陌生，所以我可能离开这里，但现在是我的代码。 var test1 = ['0', '1', '2', '3', '4', '5', '6', '7', '8'] var test2 = ['0', '1', '2', '3', '4', '5', '6', '7', '8'] for (var i = 0; i < test1.length; i++) { tr for (var o = 0; i < test2.length; o++) { td(id='square-'+test1[i]+test2[o]) } } 这（显然？）给我一个语法错误。我如何去迭代9行和9列的表，并给他们id = square00，square01，square02等..？

如何更改html标题的值: 我正在使用redirect传递当前用户的用户名到其他页面，因此… var current_user = encodeURIComponent(req.body.log_username); res.redirect('/home?valid=' + current_user); …接收页面有以下代码… router.get('/', function (req, res) { res.render('home', { title: 'Express' }); var passedVariable = req.query.valid; console.log(passedVariable); }); 正确的用户名是通过，但我需要知道如何将用户名到我的HTML。例如，当html呈现时，我想要标题说"Welcome 'username'" 我怎样才能做到这一点？用php这个比较简单，但是我对js节点不知所措。

react.js：如何加载本地react.js而不是使用在线的: 所以我是新的react.js和一直遵循由Facebook创build的教程。（ https://facebook.github.io/react/docs/tutorial.html ;这一个）。现在我完成了教程，我想扩大一点。不过，我注意到在教程中，在index.html中，它使用在线位置来加载反应和其他模块。一个例子是这样的：如何将src从在线更改为本地？我已经通过npm下载了反应。所有文件都在一个名为react2的文件夹中。 index.html在react2 / public中，server.js在react2根文件夹中; 而反应在react2 / node_modules / react / react.js。我试图把src改成“../node_modules/react/react.js”和“/ home /…/ react2 / …”，并试图在前面添加file：///工作。顺便说一句，这是我在stackoverflow的第一个问题，我不是很熟悉的规则。如果我在发帖中做错了，请告诉我。非常感谢！