草庐IT

single-page-application

全部标签

javascript - AngularJS 中的登录页面

我有一个Web应用程序,其中所有交互都需要登录。我看到至少有两种在AngularJS中实现登录页面View的方法。一种是使用单独的View:假设我正在使用angular-ui-router并定义具有两种状态的顶级View:登录和仪表板。myApp.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/login");$stateProvider.state('login',{url:"/login",templateUrl:"partials/login.html"}).sta

javascript - 如何避免 $compile :tpload errors on 401 status code response

我们正在使用AngularJS和ASP.NETMVCJsonRestAPI开发单页应用程序。当未经身份验证的客户端尝试导航到私有(private)路由(例如:/Foo/Home/Template)以获取模板时,它会自动从WebAPI和我们的AngularJS应用程序获得401响应将其重定向到登录页面。我们正在用$httpinterceptor处理401像这样:if(response.status===401){$location.path(routeToLogin);return$q.reject(response);}输入正确的凭据允许客户端获取模板。除一个细节外,一切正常;Java

javascript - 在呈现 `Page` 之前获取数据异步

在呈现Page之前获取数据异步的正确方法是什么?据我所知,Angular2建议使用@CanActivate装饰器。遗憾的是,这不适用于Ionic2,至少对我和others无效。显然Ionic2使用@CanActivate装饰器做了一些事情,see但它没有记录,我无法弄清楚它到底做了什么。尽管如此thisguy指出无论如何都应该使用IonicsViewStates,因为ionics缓存。他的示例如下所示:onPageWillEnter(){returnthis._service.getComments().then(data=>this.comments=data);}看起来他希望Ion

javascript - 如何显示/隐藏 ReactJS 组件

尝试学习ReactJS..但令我困惑的是组件的渲染。我见过的每个例子都定义了一个React组件类,最后有类似的东西:React.renderComponent(,document.getElementById('comp'));我知道它用我的组件替换了“comp”元素。这太棒了。但似乎如果我加载20个组件,所有20个组件都会渲染。但是,我只想渲染一些而不是全部,而是在整个SPA中使用全部。我正在使用DirectorJS路由器,并且根据用户是否登录和/或转到某些链接,我只想显示一个或多个组件。我似乎找不到任何关于如何动态管理显示或隐藏react组件的信息/示例/教程。更重要的是,我真正想

javascript - Vue.js : Best way to implement MPA(Multi page app) in laravel

我找了好久了,还是没找到。在Laravel中实现VueMPA架构的最佳方法和实践是什么。搜索了很多。但是没有任何东西可以给你一个清晰的想法。您的回答会有很大帮助,请简短。回答这个问题也很有帮助:只使用laravel作为数据API并保留Vue是个好主意吗与Laravel分开?实现SPA和MPA混合的最佳方法。 最佳答案 我已经使用过的一些选项:使用Laravel渲染“主视图”+连接vue.js应用。基本上,laravel将呈现Vue应用程序,并且每个请求都通过API。易于设置身份验证+用户验证更容易(您可以为此使用laravelses

javascript - 我可以在单页应用程序中使用浏览器 Navigation Timing API 来处理 Ajax 事件吗?如果不是,什么是好的工具?

我们有一个使用Knockout和Backbone构建的单页应用程序,它对服务器进行Ajax调用并执行一些复杂的数据缓存和DOM呈现。我们真的很想衡量用户看到的性能(并将其记录回服务器)。我似乎无法理解浏览器是否NavigationTimingAPI是否对此有用。从我在示例中看到的情况来看,NavigationTimingAPI与window.performance相关联,这仅限于页面加载,不适合监控Ajax行为。对或错?如果为false,我还能使用什么?我喜欢设置自定义检测点,在这些检测点之间测量时间,例如对于使用服务器结果进行一些DOM渲染的Ajax调用。

javascript - 尝试使用 gh-pages 部署我的 React 应用程序但收到此错误消息 : The "file" argument must be of type string. Received type undefined

我试图用gh-pages部署我的React应用程序,但我遇到了这个错误:"file"参数必须是字符串类型。接收类型未定义。起初,我以为这是我的代码,所以我制作了另一个没有修改的create-react-app,尝试使用npmrundeploy命令进行部署,但再次收到此错误消息。我的package.json(我添加了我的homepage链接、predeploy和deploy脚本,以及gh-页面依赖):"name":"test-deploy","version":"0.1.0","private":true,"homepage":"https://vnsteven.github.io/te

web-applications - window.crypto.getRandomValues() 的兼容性

我需要在Javascript中生成加密安全的伪随机数。我知道window.crypto.getRandomValuesAPI,它完全符合我的要求。但是,我也知道它是最近才推出的(2011年左右)。我是否可以安全地假设window.crypto.getRandomValues存在,或者使用它会在某些浏览器上引入兼容性问题?是否有不支持window.crypto.getRandomValues的主要(广泛使用的)浏览器(包括移动或桌面浏览器),如果有,我需要担心哪些浏览器?我很高兴得知有足够的支持,我不再需要担心fallbackmethods,如果确实如此。 最

javascript - Swagger 'GET' 请求总是以 text/html 形式返回 Accept type on response 而不是 application/json

我有一个使用SwaggerUI的swagger标签文档,它总是返回text/html但它应该返回application/json。POST请求和所有其他类型都返回application/json但这个特定的GET请求不会。服务端点代码正确。如果我将请求更改为POST,它会作为application/json返回。所以它只是在swagger中键入GET,它不会返回正确的类型。有没有想过如何更正UI中的调用以使用application/json?这是最近从swagger站点下载的swagger版本2.1.4。"/bankName":{"get":{"summary":"BankNameSe

javascript - 设置溢出-y : hidden; causes the page to jump to the top in Firefox

我有一些javascript可以处理在我的网站上打开模式弹出窗口,它还设置了overflow-y上的属性(property)元素到hidden.在Chrome和IE中,这按预期工作-滚动条隐藏,模式弹出窗口后面的页面保持在相同的滚动位置。当弹出窗口关闭时,overflow-y设置为scroll并且页面处于与之前相同的状态和位置。但是在Firefox中,只要overflow-y更改为hidden页面滚动位置跳到最顶部,因此当弹出窗口关闭时,View对用户来说已经改变-不理想。问题可见onthisjsfiddle是否有针对此行为的解决方案? 最佳答案