草庐IT

服务端开发

全部标签

javascript - 使用 react-router v4 和预取数据进行服务器渲染

我在RR3的服务器端渲染方面做了很多工作,所以我想看看它在v4的上下文中是如何工作的。我按照网站上的教程进行操作,但是由于渲染是与路由匹配一起进行的,因此无法像以前那样实现预取数据。以下是我过去使用v3进行服务器渲染的方式:https://github.com/alexnm/react-seed/blob/master/server/index.js基于匹配函数,我将从所有组件树调用所有预取函数,然后等待Promise.all让他们完成,然后触发renderToString函数并返回html。在RR4中,我们只有组件,所以我提出的当前解决方案是复制渲染代码:https://github

javascript - Chrome 开发工具 : Accessing the DOM element $0 pointer from bookmarklet/Snippet

是否可以从控制台中的书签或代码片段访问$0DOM元素指针?关于$0的更多信息https://developers.google.com/chrome-developer-tools/docs/commandline-api#0_-_4DevToolsremembersthelastfiveDOMelements(orJavaScriptheapobjects)thatyou'veselectedinthetab(orProfilespanel).Itmakesthoseobjectsavailableas$0,$1,$2,$3,and$4.$0returnsthemostrecentl

javascript - 在服务器端实现 Paper.js 螺旋光栅示例

我正在尝试在服务器(运行Node.js)上绘制螺旋光栅示例(link)。但是,我遇到了一个问题,我的路径没有显示在导出的帧上,我只能看到下载的图像。可能是我这边的一个愚蠢的错误,但是,通过谷歌和文档查看几天并没有帮助我解决问题。我做了什么:添加paper.前缀将+/-更改为相应的add()和subtract()尝试在图层中呈现路径。这是我的代码:varpaper=require('paper');varfs=require('fs');vardrawer={};varcanvas=newpaper.Canvas(1000,1000);paper.setup(canvas);varlay

javascript - 如何获得源映射以与 Chrome 开发工具和 webpack 一起使用?

我正在使用webpack-dev-server-d--inline来提供通过webpack生成的dist/app.js文件。我已经激活了源映射,它在我的dist/文件夹中生成了一个app.js.map文件,并在文件末尾生成了//#sourceMappingURL=app.js.map,但是Chromedevtools似乎没有使用源映射。我想问题可能是Chrome看不到原始源文件(因为webpack-dev-server只提供dist/文件夹),所以我尝试将提供的文件映射到本地开发工具中的文件。不幸的是,然后我得到了“工作区映射不匹配”,我不确定为什么文件会不同,我也不确定这是否会解决源

javascript - 如何通过构造函数异步调用注入(inject)服务,Angular 2

这就是问题所在:我有一个在构造函数中发出HTTP请求的服务:constructor(publichttp:Http,publicgeolocation:Geolocation){this.http=http;this.geolocation=geolocation;//Httprequest...thiswillsetvariableforecastoftheclasswhencomplete.this.getForecast(16);}然后我将该服务注入(inject)到这样的组件中:constructor(publicconnector:ApiConnector){this.for

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 使用 NodeJS 生成服务器端 HighStock 图表

我正在使用HighStock在浏览器中生成一些图表。但是现在我想将其中一些存储在服务器上。所以我知道HighCharts可以导出到服务器,但如果可能的话我宁愿使用其他方式。事情是在服务器上运行HighStock并将svg转换为某种图像格式,然后将其存储在那里。快速谷歌搜索给我thispage.结合HighCharts和NodeJS似乎是正确的方法,但此解决方案不适用于较新版本的HighCharts。更准确地说,使用jsdom带有HighStockv1.0.2的NodeJS中的模块(v0.2.10-最新)(查看以下代码):varjsdom=require('jsdom');varfs=r

javascript - 无法使用 Chrome 开发工具检查元素

我有一个基本的html文件(base.html),其中包含一个使用(iframe.html)的iframe。iframe仅在单击某个菜单项时显示。它们都托管在同一个域中。在base.html中,我包含了一个指向我使用的外部服务的脚本。包含脚本会返回一个存在于我的页面上的对象。在iframe.html中,我有另一个脚本,它根据返回的对象的某些属性构建菜单my_list_builder.js的代码如下所示:varmyList=parent.externalAPI.getItems()varlistBlock=""for(vari=0;i'+myList[i].Name+'';}listBl

javascript - 使用开发人员工具识别 javascript 闭包

我目前正在开发一个纯javascript网站,并且严重依赖jQuery和jQueryUI库(该网站不适合公众使用,因此渐进增强不是该项目的严格要求)。我在执行以下代码时遇到严重的内存泄漏:oDialogBox=$("...");/*Addusefulthingstothedialogboxhere*/oDialogBox.appendTo("body");oDialogBox.dialog({/*Otherdialogboxsettingshere*/close:function(event,ui){oDialogBox.dialog("destroy");oDialogBox.rem

javascript - 混合客户端/服务器端测试

我应该如何构建混合了Selenium代码(用于设置页面)和客户端Mocha代码(用于在被测试的客户端JS上实际执行测试)的测试?我正在测试客户端javascript库。单元测试适用于Karma、Mocha和Grunt。单元测试可以在本地运行,也可以通过SauceLabs运行。单元测试基本上能够测试直到实际提交文件的所有部分。这部分需要浏览器自动化和/或手动交互,这正是我正在努力解决的问题。有问题的库是一个Javascript文件上传库。它具有分块、自动恢复等功能。它不需要jQuery,并且适用于各种浏览器(IE7-10、FF、Safari(Mac和iOS)、Chrome、Android