Tag: 呈现
让vuejs在nodejs / express应用程序中呈现
我有一个nodejs / express js应用程序。 目前这是一个简单的4页的文本网站。 我用npm添加了vuejs并试图挂载它 import Vue from 'vue'; var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 它不渲染，但输出 <!–function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }–> CanI可以在节点上使用vuejs，如果有的话，我怎么把它渲染出来。 编辑：HTML（从.pug呈现） <div class="content"><!–function (a, b, c, d) { return createElement(vm, a, b, c, d, true); […]
从路由中传递大量数据到使用渲染在节点中查看的最佳方法？
我有一个路由文件。 当用户转到site.com/page时，我的路由会调用SQL DB，然后parsing结果并将其作为JSON返回。 然后我用 res.render('route/to/view', {data: result, moredata: resultTwo}) 将数据发送到视图。 问题是我的数据比较大，需要永远发送到视图。 我100％确定这是让我的网页缓慢运行的原因。 当我将数据集切成两半时，显示速度会更快。 我也知道这个数据的实际显示也是一个因素，但是我严格的关注从路由到视图的速度。 通过一堆小块而不是一个大块更有效率吗？ 唯一的办法就是逐渐传递小块？
我怎么能在node.js中呈现html文件
我试图呈现HTML文件，但我得到这个错误。 我有公用文件夹中的login.html提前呈现html file.thanks。 我的服务器端编码 var express = require('express'); var app = express(); app.configure(function(){ app.set("view options", {layout: false}); app.use(express.static(__dirname + '/public')); }); app.get('/', function(req, res) { res.render('login.html'); }); app.listen(8000) 错误：无法查看视图“login.html” at Function.render (/home/aware/local/src/node_modules/express/lib/application.js:493:17) at ServerResponse.render (/home/aware/local/src/node_modules/express/lib/response.js:753:7) at /home/aware/local/src/health/demo2.js:17:9 at callbacks (/home/aware/local/src/node_modules/express/lib/router/index.js:161:37) at param (/home/aware/local/src/node_modules/express/lib/router/index.js:135:11) at pass (/home/aware/local/src/node_modules/express/lib/router/index.js:142:5) at Router._dispatch (/home/aware/local/src/node_modules/express/lib/router/index.js:170:5) at Object.router [as handle] (/home/aware/local/src/node_modules/express/lib/router/index.js:33:10) at […]
nodejs handlebars：'TypeError：this.engine不是一个函数'
我尝试使用Express中的句柄模板。 我得到这个错误消息： TypeError：this.engine不是View.render的函数（/home/ubuntu/workspace/node_modules/express/lib/view.js:128:8）… 与此代码： 'use strict'; var express = require('express'); var expressHandlebars = require('express-handlebars'); var app = express(); app.engine('handlebars', expressHandlebars({defaultLayout: 'layout'})); app.set('view engine', 'html'); app.use(express.static('views')); app.route('/single/:id') .get(function (req, res) { res.render(process.cwd() + `/public/single-poll`, { id: req.params.id }); }); app.listen(process.env.PORT, function () { console.log('Node.js listening on port ' + process.env.PORT + '…'); }); 当我用sendFile（）replacerender（）函数是正常的。 我知道快速js渲染：TypeError：this.engine不是一个函数和Express js呈现错误this.engine不是一个函数和TypeError：this.engine不是一个函数时，试图在Express […]
使用PhantomJS将多个页面渲染为pdf文件
我需要使用PhantomJS将多个页面渲染成pdf文件。 一旦PhantomJS渲染一个页面，另一个实例不能被调用，直到完成前一个执行。 我相信它将需要一些types的callback和recursion方法。 以下是呈现单个页面的代码： someUrl = "https://www.google.com/"; var phantom = require('phantom'); phantom.create(function(ph){ ph.createPage(function(page) { page.open(someUrl, function(){ page.render('google.pdf'); //needs to wait for this to finish ph.exit(); //to call itself for the next url }); }); });
重新呈现一个网页
我想知道是否有办法再次渲染一个网页，从而再次调用所有onload事件，并重新绘制CSS？ 例如，假设您更改了链接到onload事件的JavaScript文件的path，并且编辑的页面需要重新加载而不刷新，以使更改生效。
在node.js中使用“网页”幻影模块
我想在一个node.js过程中包装一个PhantomJS脚本。 幻影脚本从命令行提供的参数中获取一个url，并输出一个pdf（与pahntom安装中包含的rasterize.js示例非常相似）。 我的幻影脚本工作正常，这只是我的雇主希望如果可能的节点脚本。 没问题，我可以使用node-phantom节点模块来包装它。 但是现在我碰到了一个绊脚石，我的幻影脚本有： var page = require('webpage').create(); 因此，node.js试图find一个名为“网页”的模块，“网页”模块内置到幻影安装中，因此节点找不到它。 据我所知，没有npm模块叫做“网页”。 '网页'是这样使用的： page.open(address, function (status) { if (status !== 'success') { // — Error opening the webpage — console.log('Unable to load the address!'); } else { // — Keep Looping Until Render Completes — window.setTimeout(function () { page.render(output); phantom.exit(); }, 200); } }); 其中address是在命令行中指定的url，output是另一个参数，即文件的名称和types。 谁能帮我吗？ […]
AngularJS – 服务器端渲染
如您所知，AirBnb开放了Rendr（ http://nerds.airbnb.com/weve-open-sourced-rendr ），可以启用服务器端的Backbone应用程序。 这很酷，因为可以在服务器上运行模板渲染的第一个“迭代”，客户端将获得完整的HTML文档以及整个JS应用程序。 这大大减less了显示时间，并可以摆脱其他服务器端模板系统。 那么， 有人设法用jsdom或ZombieJS呈现AngularJS ？ Node.js上的这些dom / browser模拟器在理论上应该足够用于简单的服务器端Angular模板，但是我发现使用Google进行search的结果并不是很确定。
