Tag: html

JavaScript开关/案件阅读文件之前打破

我正在用socket.io实现写一个简单的node.js服务器。 当我去mylocalip:8005 / socket.html'socket_break '打印在'socket_data'在控制台之前。 所以我在浏览器中看到空白页而不是socket.html的内容。 var http = require("http"); var url = require('url'); var fs = require('fs'); var server = http.createServer(function(request, response){ console.log('Connection'); var path = url.parse(request.url).pathname; switch(path){ case '/': response.writeHead(200, {'Content-Type': 'text/html'}); response.write('hello world'); break; case '/socket.html': fs.readFile('./socket.html', function(error, data){ if (error){ response.writeHead(404); response.write("opps this doesn't exist – 404"); console.log('socket_error'); } else{ response.writeHead(200, […]

量angular器 – 识别Ui-Sref链接

我试图通过以下标识以下html的链接。 我已经使用npm安装linkUiSref。 但我仍然得到对象没有方法linkUisref。 请指教。 (by.linkUiSref(element(by.css('#monitoring-tab> ul> li:nth-​​child(2)> a')))) <nav id="monitoring-tab" class="pure-menu pure-menu-open pure-menu-horizontal ng-scope"> <ul> <li ui-sref-active="pure-menu-selected" ng-hide="hideTab.now" class="pure-menu-selected"> <a ui-sref="app.monitoring.real-time" href="#/monitoring/real-time"> Now </a> </li> <li ui-sref-active="pure-menu-selected" class=""> <a ui-sref="app.monitoring.historical.day" href="#/monitoring/historical/day"> Day</a> </li> <li ui-sref-active="pure-menu-selected" class=""> <a ui-sref="app.monitoring.historical.month" href="#/monitoring/historical/month"> Month</a> </li> <li ui-sref-active="pure-menu-selected" class=""> <a ui-sref="app.monitoring.historical.year" href="#/monitoring/historical/year"> Year</a> </li> <li ui-sref-active="pure-menu-selected" class=""> <a ui-sref="app.monitoring.historical.lifetime" href="#/monitoring/historical/lifetime"> […]

使用抓取工具查找多个网站的字体系列

我正在寻找一个给定的页面上的特定元素(如h1)使用的字体家族。 我正在使用节点js npm爬虫遍历50个或更多站点的列表。 我第一次尝试使用: $( "h1" ).css( "font-family" ); 但是,这只会获得大多数网站不用于字体的内联样式。 我已经看过其他的方法,如window.getComputedStyle和这个,但这些方法(和类似的)使用窗口和文件,我不认为是在节点支持。 他们也可能使用ID和类来select我不会有的元素,因为我将爬行多个网站。 有什么build议么?

为什么–watch Jade选项不起作用?

我开始与翡翠,我有这个简单的文件,我想自动重新呈现, doctype html html head title Angular App CS link(rel='stylesheet' href='http://getbootstrap.com/dist/css/bootstrap.min.css') script(src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js') script(src='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js') 我使用这个命令jade -w -P index.jade但只渲染的第一次,当我更新.jade ,出现以下错误: TypeError: path must be a string at Object.fs.lstat (fs.js:675:11) at renderFile (/usr/lib/node_modules/jade/bin/jade.js:172:6) at StatWatcher.<anonymous> (/usr/lib/node_modules/jade/bin/jade.js:119:11) at StatWatcher.emit (events.js:98:17) at StatWatcher._handle.onchange (fs.js:1115:10) 会发生什么?

无法find.ejs模板中的href和src属性

当我渲染我的.ejs文件时,href和src属性不引用我的本地文件。 我正在使用node.js和expression。 这是.ejs模板的相关部分。 <head> <title></title> <link rel='stylesheet' href='../public/stylesheets/styles.css' /> <script src="../us-map-1.0.1/lib/raphael.js"></script> <!– <script src="scale.raphael.js"></script> –> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> <script src="../us-map-1.0.1/color.jquery.js"></script> <script src="../us-map-1.0.1/jquery.usmap.js"></script> <script> </head> 这是呈现模板的路由器 router.get('/submit', function(req, res, next) {…}); 这就是典型的查询的样子 HTTP://本地主机:3000 /提交leftHashtag =狗&rightHashtag =猫 任何帮助,为什么发生这将不胜感激。

参数“NavController”不是一个函数,没有定义

我得到这个错误,当我启动应用程序这是控制器: myApp .controller('NavController', ['$scope', '$location', function ($scope, $location) { $scope.navClass = function (page) { var currentRoute = $location.path().substring(1) || 'main'; return page === currentRoute ? 'active' : ''; }; }]); 这是app.js: angular.module('myApp',[ 'ngRoute']) .config(['$routeProvider', function($routeProvider){ $routeProvider .when('/',{ templateUrl:'views/main.html', controller: 'mainCtrl' }) .when('/team1',{ templateUrl:'views/team1.html', controller: 'mainCtrl' }) }]); 和我使用控制器的htmlIndex: <header> <div class="container"> <div class="navbar"> <ul class="nav […]

上传和检索Node.js中的图像?

我是nodejs的新手。 我试图上传一个图像到服务器,并像这样( myipaddress:3000/uploads/images/12345.png )在本地主机的PostgresSQL数据库中存储该图像path。 我学会了按照此链接指定的方式将图像上传到服务器 但我想要在移动设备或图像标签中分别加载该图像的URL如下<img src="myipaddress:3000/uploads/images/12345.png"> 在此先感谢和任何人可以提供build议,以访问上传的图像与我的快速申请的url

来自Jade的sendFile('/ index.html')和render('index')之间的差异

我是JS新手。 我发现了一个类似的问题,但在其他方面。 我的问题是:在发送行html作为响应的模板Jade Express上的差异或冒险是什么? 我的意思是:为什么我要在Express上使用Jade模板: app.set('view engine', 'jade'); app.get('/', function (request, response) { response.render('index');}); 如果我可以直接发送html文件作为回应: app.get('/', function (request, response) { response.set('Content-Type', 'text/html'); response.sendFile('/index.html');}); 为什么我会花费时间和处理渲染,并发送一个Jade文件直接发送一个HTML文件。 谢谢!。

node.js:将数据插入到PostgreSQL数据库后,HTML表单提交后会挂起

我最近使用Express设置了node.js并使用Jade创build了一个简单的HTML表单。 表单是将数据插入到PostgreSQL数据库中。 问题是,当我按下提交表单时,所有内容都被插入到数据库中,但是HTML表单只是挂起/ No data received, ERR_EMPTY_RESPONSE ,并且在某些时候停止, No data received, ERR_EMPTY_RESPONSE 。 有时它也会插入两次数据。 我想这是因为服务器端没有返回响应,但我不明白(我是新的node.js )。 表单的action="add_device"被路由到routes/add_device.js 。 add_device.js看起来像这样: var express = require('express'); var router = express.Router(); router.get('/', function(request, response, next) { res.send('Nothing to see here. Move along.'); }); router.post('/', function(request, response, next) { var db = require('../public/javascripts/db/insert'); var result = db.insertDevice(request, response); return result; […]

无法使用Jade在选项卡内插入表格

我对Jade框架相当陌生。 我想插入一个表格里面的一个选项卡div,但玉,但我无法。 这是我有多远: 正如你可以看到的内容说空白(白线),其次是标签2的内容,其次是标签1的内容。这是我的玉代码: .tabs ul.tab-links li.active a(href='#tab1') Tab #1 li a(href='#tab2') Tab #2 .tab-content #tab1.tab.active div.row(ng-cloak, style="padding-top: 10px") table.table.table-striped thead tr.text-info th.th-nodecheck i.icon-check-o(data-toggle="tooltip", data-placement="top", title="Pin nodes to display first", ng-click="orderTable(['-stats.block.number', 'stats.block.propagation'], false)") th.th-nodename i.icon-node(data-toggle="tooltip", data-placement="top", title="Node name", ng-click="orderTable(['info.name'], false)") th.th-nodetype i.icon-laptop(data-toggle="tooltip", data-placement="top", title="Node type", ng-click="orderTable(['info.node'], false)") th.th-latency i.icon-clock(data-toggle="tooltip", data-placement="top", title="Node latency", ng-click="orderTable(['stats.latency'], false)") th […]