草庐IT

javascript - karma 自定义测试页

Karma有一个内置的context.html文件来加载测试页。但这很糟糕。我可以指定自定义测试页吗?我问的原因是因为我想看到漂亮的Mocha浏览器上的界面。有没有办法用Karma插入它?Testem在浏览器上显示测试框架的界面;是为什么Karma只显示一个丑陋的空白页面?@stackoverflow=areyouhappynow?yes:nostackoverflow=happynow?ok:thanks 最佳答案 自您发布以来,Karma添加了一个选项来指定自定义HTML文件。该属性称为customContextFile例子mo

javascript - Angular 2 着陆页

我正在迈出使用Angular2和Angular的第一步,我想知道如何设置登陆页面。我的目标是每次用户在本地存储或cookie中没有token时都显示一个登录页面。我的app.component.ts看起来像这样import{Component}from'angular2/core';import{ROUTER_DIRECTIVES,RouteConfig}from'angular2/router';import{NavbarComponent}from'./navbar.component';import{LoaderComponent}from'./loader.component'

javascript - Backbone.js 和 PhoneGap,单页还是多页?

我想做的是在PhoneGap和Backbone.js中构建一个简单的应用程序。该应用程序有一个登录页面,在成功登录后,会将用户发送到一个带有几个选项的简单菜单。用户可以选择查看他们保存的列表、查看项目列表或查看信息页面。我知道我想如何构建所有View和模型,所以我的问题是与使用多个页面相比,在一个页面上完成所有这些是否有任何缺点。将其分解成更小的部分:在一个页面中加载所有javascript是否会对性能产生严重影响?如果路由器关闭,.remove()和.unbind(),切换到新View时所有当前View,我是否仍然存在内存问题的风险? 最佳答案

Javascript单页应用导览工具

我曾经看到一个javascript工具(可能是jquery插件)来实现功能/指南功能,不幸的是我没有将该页面添加为书签。它使用覆盖并专注于文档元素,可能基于id属性。Joyride或者我发现谷歌搜索不支持这一点。你有什么想法吗? 最佳答案 Sideshow是一个现代且功能强大的库,用于为Web应用程序和网站创建交互式导览。Sideshow不仅可以指导您的用户,还可以与他们互动:通过屏蔽屏幕的其余部分(Sideshow对此不使用z-index方法,它的掩码并不位于元素后面,而是真正围绕着它)。监控用户的行为和某些屏幕的状态。为您的教程

javascript - 如何在自定义新标签页上显示 chrome 书签栏?

我有一个问题。我构建chrome扩展并用我的自定义页面覆盖newtab页面。书签栏显示在默认的Chrome新标签页上,但隐藏在我的自定义新标签页上。也许,任何人都有一些想法:如何使用CHROMEAPI显示书签栏?请跳过提示,例如组合键Ctrl+Shift+B或制作您自己的书签栏页面,我只对chromeapi感兴趣。 最佳答案 对不起。目前还不可能。Chromium没有那种API。chrome.bookmarksAPI用于添加、删除、获取书签。 关于javascript-如何在自定义新标签

javascript - 如何在一页上有效地拥有多个只读的摩纳哥差异 View ?

我的理解是Monaco针对编辑和一次显示一个文件进行了优化,具有固定大小的编辑器,它有自己的滚动条。相反,我试图构建一个页面,其中多个文件的差异在彼此下方允许显示/隐藏每个文件,最多~100个文件隐藏文件中未更改的部分(如果需要,允许将它们显示为上下文)不是每个文件一个滚动条,而是整个页面一个文件通常只能查看,但应该支持一次编辑一个文件我意识到这与Monaco的初衷大相径庭,但最终似乎会应用相同的视口(viewport)和虚拟渲染技巧,所以也许这在某种程度上是可能的?我尝试为每个文件创建一个Monaco实例,但在大约30个实例时开始变得非常缓慢。一个非常丑陋的解决方法可能是拥有一个Mo

javascript - 在单页应用程序上重用 Google Maps API 实例

假设我有一个单页应用程序(AngularJS应用程序),我在元素idgoogleMap上绘制了一个GoogleMap实例-varmapInstance=newgoogle.maps.Map(document.getElementById(`googleMap`),mapOption)然后我在应用程序路由中导航,由于这个原因,破坏了googleMapDOM元素,最后我回到了这个元素的路线,现在我必须在这个元素上重新绘制map.重新绘制map的正确方法是什么?正如我在thisanswer中读到的那样我不必重新创建它,而是使用相同的实例。 最佳答案

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1:

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

javascript - 如何在 CasperJS 中打开新标签页

近一个月以来,我一直在使用CasperJS测试框架来制作一些测试套件,但其中一个我遇到了问题。这是我想要做的:我正在浏览一个url(第1页),我必须从另一个url执行另一个操作(模拟我们在图形浏览器上的新选项卡)而不退出第一个(第1页)).来自第二个url的操作将改变我的第一个。希望它足够清楚:)所以现在,当我到达第一个url上观察到的步骤时,我通过执行thenOpen()打开第二个url,所以它正在进行一个新的导航步骤,我正在丢失当前session,我不能回来了。我尝试了很多方法,例如使用历史记录、重新打开页面、使用来自CasperJS的事件,我也尝试使用PhantomJS但没有成功