草庐IT

single-page-application

全部标签

Javascript 性能 : How to check what is slowing down the page?

我有一个非常慢的页面,不是在加载方面,而是在页面上的表单字段中键入时的响应速度方面。页面上没有ajax——这与网络传输无关。发现代码瓶颈的好策略是什么?我在chrome开发人员工具中找不到任何东西可以告诉我瓶颈在哪里。 最佳答案 Webkit有一个“配置文件”选项。打开开发人员工具(ctrl+shift+i)并单击“配置文件”。从那里您可以在底部看到一个录制按钮(圆圈)。单击它并像往常一样使用您的页面。再次单击它以停止并检查函数调用的时间线!或者,您可以使用以下方法单独对函数进行基准测试:console.time("Somelabe

javascript - AngularJS UI-Router 多页面

Angular是一个很棒的SPA,但如果我需要一些与index.html无关的其他页面,如何通过具有不同uiView的UI-Router状态实现?例如,我有index.html:......app.js:varapp=angular.module('npAdmin',['ui.router']);app.config(['$httpProvider','$stateProvider','$urlRouterProvider',function($httpProvider,$stateProvider,$urlRouterProvider){$stateProvider.state('d

javascript - Vue.js 计算属性不更新

我正在使用Vue.js计算属性,但遇到了一个问题:计算方法IS在正确的时间被调用,但计算方法返回的值被忽略了!我的方法computed:{filteredClasses(){letclasses=this.project.classesconstret=classes&&classes.map(klass=>{constklassRet=Object.assign({},klass)klassRet.methods=klass.methods.filter(meth=>this.isFiltered(meth,klass))returnklassRet})console.log(JSO

javascript - 如何处理 knockout.js 中的本地化?

您如何使用knockout.js处理本地化?knockback.js似乎有一个漂亮的实用程序来处理本地化,我想知道是否有任何第三方库可以与knockout.js一起使用来处理本地化,而不必实际切换到knocback.js获得这些功能(因为我真的不需要这个简单应用程序的主干模型或路由)。像Mapping插件一样简单易用的东西是最理想的。谢谢!! 最佳答案 这是一个simplefiddle演示两种语言之间的Knockout切换。它非常简陋,但您的问题缺乏任何细节,无法让您更复杂。HTML​View模型varLanguage=functi

javascript - 如何使用 <c :forEach> in scripts tag on JSP page?

你好如何在jsp页面的标签中使用循环?我想用JSTL数据传入数据表我的代码是这样的:$(document).ready(function(){/*InitDataTables*/varstartString="[";varmainString="";varendString="]";vartemp=${k.size()};temp--;if(temp===0){mainString=mainString+"{key:\""+"${stdn.key}"+"\",name:\""+"${stdn.value.name}"+"\",rollno:\""+"${stdn.value.rollN

javascript - 告诉屏幕阅读器页面已在 Backbone/Angular 单页应用程序中更改

假设您有一个简单的单页应用程序-无论它是使用Backbone、Angular、Ember还是其他任何工具编写的。您如何告诉屏幕阅读器我们在遵循路线时更改了“页面”?在经典应用程序中,当我从/index.html导航到/about.html时,屏幕阅读器显然会检测到页面更改,并在您重新阅读时会期待。但是在我的Backbone应用程序中,当我遵循一条路线时,我不知道如何触发“重读”。我已经尝试触发我在某处看到的focus事件,但这似乎不起作用。注意:我目前正在使用NVDA/Chrome进行测试。 最佳答案 总的来说,您应该不需要触发“重

javascript - Chrome 扩展 : have an extension listen for an event on a page?

我有一个为我的网站制作的chrome扩展程序,目前我有一个扩展程序每分钟检查一次数据库以获取更新。是否可以让扩展程序监听实际页面上的事件?像这样this.trigger('sendUpdate',data)//thishappenedonthepagethis.on(sendUpdate,function(){//thisiswhatthechromeextensionlistensfor//dostuffwithdata}) 最佳答案 您需要添加一个content_script。content_script具有对DOM的完全访问权

【Unity】数据持久化路径Application.persistentDataPath

今天突然想到这个路径Application.persistentDataPath,热更的重要路径,该文件夹可读可写,在移动端唯一一个可读写操作的文件夹。移动端可以将本地的资源(资源MD5值配置表)等一些文件放到StreamingAssets文件夹下,通过Copy到persistentDataPath下与服务器的版本文件配置表作比对,完成资源的热更。为什么不在StreamingAsset文件夹下直接操作?因为该文件夹只读,不可写,资源无法更新进去。为什么不在persistentDataPath文件夹操作,因为该文件夹是apk安装以后,才会形成的一个文件夹,无法提前创建。本来以为,persiste

javascript - JS : "The callee (server [not server application]) is not available and disappeared." accessing window. 开瓶器

在我们的(相当大和旧的)ASP.NET应用程序中,我们使用大量加载到框架、iframe和模式对话框(使用window.showModalDialog)中的页面。我们开始看到上面的错误,我似乎无法在任何地方找到一个合理的解释。弹出窗口拦截器。没有。我们没有运行它们。甚至内置拦截器也不行。可信区域。没有。该应用程序现在在LocalHost上运行,并且在受信任的站点列表中。杂散宇宙射线。可能,但不太可能。这太一致了。我确实最终在somedustytome中找到了隐藏在Microsoft网站上的错误消息关于检索自动化错误消息信息。在其中,他们在谈论Excel,他们说:“在这个例子中,Micro

javascript - 获取 : post json data, application/json 更改为 text/plain

我使用的是chrome53.0.2785.116m(64位)。我在devtools上得到了以下标题。该问题标有“//”注释。内容类型真的不允许我们将其设置为application/json,我已经尝试了100种不同的方法。importfetchfrom'isomorphic-fetch';constoption={method:'POST',mode:'no-cors',headers:{'Accept':'application/json','Content-Type':'application/json'},body:JSON.stringify({'aa':'bb'})}fetc