草庐IT

device_view

全部标签

javascript - 我应该如何延迟加载 Ext JS MVC Controller 、 View 、存储和模型?

我们使用ExtJSMVC作为插件/主机架构的前端技术,其中存在一个主机并且可以通过xcopy轻松安装许多插件。每个插件都有一个ExtJS应用程序,每个插件都会在页面加载时注册自己。整个应用程序是一个SinglePageApplication(SPA).我们现在遇到的主要问题是,我们安装了10多个插件,每个插件至少有10个Controller,以及50多个View、存储和模型。因此,当我们刷新页面(F5)时,我们应该等待将近30秒,以便大约200个HTTP请求到达服务器,并返回大约3MB的响应。虽然应用了缓存,但这根本不是我们想要的。甚至不是第一次。我想即使是外行也会接受这样的论点,即要

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - 加载 Angular View

每当我们加载.html文件时,它会以angular方式为某些Controller提供服务。angular是否进行ajax调用以检索该html。喜欢这段代码。.state('home',{url:'/',templateUrl:'/Modules/Signin/signin.html',controller:'SigninCtrl'})我的意思是在获取signin.html时询问是否进行了ajax调用?或者它们是否作为普通资源加载?如果进行了ajax调用,我在哪里可以找到有关它的文档。 最佳答案 当你的代码执行时,Angular首先在

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

javascript - 如何将路径更改广播到 AngularJS 应用程序中的所有 View ?

我有一个AngularJS单页应用程序显示3个View(实际上是3个directives)。为了说明我的问题,假设我的用户界面与GMail的用户界面相同,并且我的3个View是:导航Pane(左)--GMail在其中显示“收件箱”、“草稿”等文件夹...工具栏(右上)——GMail显示按钮的地方内容Pane(右下角)——GMail显示消息的地方这3个View需要在路径更改时自行更新。例如:导航Pane需要突出显示特定项目。工具栏需要显示/隐藏某些按钮。ContentPane需要从服务器加载和显示特定数据。在AngularJS中执行此操作的最佳方法是什么?到目前为止,我有:排除了使用$r

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK

javascript - 评估点表示法中的字符串以从 View 中的对象获取相应的值

真的希望有人能帮助我解决我最近遇到过几次的问题。假设我在AngularJS中有两个对象。$scope.fields=['info.name','info.category','rate.health']$scope.rows=[{info:{name:"Apple",category:"Fruit"},rate:{health:100,ignored:true}},{info:{name:"Orange",category:"Fruit"},rate:{health:100,ignored:true}},{info:{name:"Snickers",category:"Sweet"},

javascript - JavaScript 中的模型- View - Controller

tl;dr:如何以干净的方式在JavaScript中实现MVC?我正在尝试在JavaScript中实现MVC。我无数次用谷歌搜索和重组我的代码,但没有找到合适的解决方案。(代码只是“感觉不对”。)这就是我现在要做的事情。它非常复杂并且使用起来很痛苦(但仍然比我之前的一堆代码要好)。它有丑陋的变通办法,有点违背了MVC的目的。看看,如果你真的很勇敢的话,那真是一团糟://Createa"mainmodel"varmain=Model0();functionModel0(){//Createanassociatedviewandstoreitsmethodsin"view"varview=

javascript - 延迟移除 View ,以便可以对其进行动画处理

假设我有一个显示基于属性的View的模板:{{#ifApp.contentsAreVisible}}{{viewToggleContents}}{{/if}}此区域可通过设置App.set("contentsAreVisible",[true/false]);由UI的任意数量的其他部分切换一切正常。但是,我现在想在切换View时设置动画。连接到didInsertElement可以动画显示该区域,但我不能在willDestroyElement中做同样的事情,因为一旦该函数返回,该元素就会被删除,在动画开始之前一个运行的机会。App.ToggleContents=Ember.View.ex

javascript - 创建一个接受可变数量 View (以及区域)的布局

我的目标我需要创建一个自定义布局(流布局),它可以接收可变数量的View,并根据它们创建必要的区域,并在这些区域内显示传入的View。View可以垂直排列或水平。要求该布局有一个模板,其中最初未定义区域。它只包含一个包装器(data-role="region-wrapper"),添加的区域将在其中呈现。我的方法。1-扩展Marionette.Layout(显然)2-像下面这样重写构造函数constructor:function(options){//callsuperhere...this.viewList=options.viewList||[];this._defineRegion