草庐IT

Web模式

全部标签

javascript - 在 JavaScript 中使用 Observable 模式

functionObserver(){this.fns=[];}Observer.prototype={subscribe:function(fn){this.fns.push(fn);},unsubscribe:function(fn){this.fns=this.fns.filter(function(el){if(el!==fn){returnel;}});},fire:function(o,thisObj){varscope=thisObj||window;this.fns.forEach(function(el){el.call(scope,o);});}};varfn=fu

javascript - 单击时显示工具提示并向其添加模式

奇怪的是,我发现很难将jquery的onclick事件处理程序绑定(bind)到这个fiddle。我什至不知道我做错了什么。html如下:-Trigger1Trigger2Trigger3data_tooltip_1:Youcanhoveroverandinteractewithmedata_tooltip_2:Youcanhoveroverandinteractewithmedata_tooltip_3:Youcanhoveroverandinteractewithme​这样设计:-li{padding:20px0px0px20px;}​像这样的jquery:-$(document)

JavaScript 单例模式和 'this'

看了很多关于单例模式的文章,并做了一些测试,我发现单例模式和这样的单例模式没有区别(http://jsfiddle.net/bhsQC/1/):varTheObject=function(){varinstance;functioninit(){varthat=this;varfoo=1;functionconsoleIt(){console.log(that,foo);}return{bar:function(){consoleIt()}};}return{getInstance:function(){if(!instance){instance=init();}returninst

javascript - 这个 AJAX 模式是内存泄漏吗?

考虑这个AngularJs中非常标准的方法示例,它更新View:$scope.fetchResults=function(){//SomelocalvariablethatwillcausecreationofclosurevarhugeData=serviceX.getMilionRecords();//Anycalltoanyresourcewithsuccessanderrorhandlers.$http({method:"GET",url:"/rest-api/bulk-operation-x",params:{someParam:hugeData.length}}).succ

javascript - 使用 GruntJS 的 AngularJS 开发模式

我有几个产品是从yeomanAngular生成器开始的,它是一个非常好的开发设置。我未能找到好的解决方案的一件事是设置开发/生产模式标志。自然地,我们使用了一些我们只希望在生产中使用的工具,因此拥有可以同时使用内联JavaScript和/或HTML文件的prod/dev变量将非常有用。我之前在网上搜索过解决方案,但没有找到任何有用的东西。最终,我正在寻找一个在AngularJS设置中使用的好解决方案,最好通过gruntserve和/或构建运行来设置。其他团队在这里做什么? 最佳答案 我正在使用ng-constant.它创建一个.js

javascript - 从javascript传递到web api 2时如何隐藏或保护 token

我在UI站点/项目和WebAPI2以及其他站点/项目上使用javascript(angularjs)UI项目:localhost/12345网络API:localhost/98777UI项目正在调用WebAPI(C#)项目,将token从UI传递到WebAPI以进行CRUD请求。I'vegeneratedthetokeninServerSideproject-WEBAPI2(localhost/98777),1-username/password2-thentheurllocalhost:/98777/Token,passingusername+password+tokenwitthi

javascript - CORS plugin/--disable-web-security 如何在浏览器上工作?

我确定我不是唯一使用过/使用过CORSplugins的人对于浏览器或--disable-web-security标志,同时对外部(甚至内部)API端点进行API调用。我使用这个插件来进行谷歌地图相关的API调用。但在同一个应用程序中,ParseSDKAPI调用不需要CORS或--disable-web-security标志。我的问题是:为什么这些端点的行为不同以及CORS插件如何解决问题(即使我们无法控制这些API)?提前致谢。 最佳答案 好吧,那个插件的所作所为是非常不负责任的;它实际上禁用了同源策略,该策略强制特定源上的网站只能

javascript - 仅在 Bootstrap 模式打开后延迟加载图像

我在这里找到了两个相似的答案,但都没有成功解决我的情况(考虑到我将它们转化为我的情况的能力有限)。我有一个包含很多相当大图像的页面,Bootstrap的默认方法是在页面加载时加载所有模态图像。可见的html呈现得相当快(我有一个微调器)但是隐藏模式的额外加载时间使页面不切实际。我希望页面仅加载可见(非模态)内容以完成页面加载(并清除微调器),然后仅在触发该模态时加载每个模态的内容。我已经尝试了我能找到的所有延迟加载解决方案,但图像不会在模态中呈现(“data-src”占位符呈现但不呈现应该替换它们的“src”图像)。我只想延迟加载(或加载“show.bs.modal”)模态的大图像,即

javascript - 为什么 ionic 模式在关闭或提交时会卡住 UI?

我有一个弹出窗口,其中有两个选项-添加收藏夹和添加评论-,第一个选项工作正常:它不会卡住用户界面;但是第二个表单一旦被省略或提交就会卡住界面。这是正在发生的事情:请注意当我关闭表单时界面没有响应。这是我用来创建弹出框和模态框的代码:$ionicPopover.fromTemplateUrl('templates/dish-detail-popover.html',{scope:$scope}).then(function(popover){$scope.popover=popover;});$scope.openPopover=function($event){$scope.popov

javascript - 如何使用元标记在 manifest.json 文件中添加 Urls 和 web_Urls

我正在创建一个渐进式网络应用程序,我需要在manifest.json中添加当前URL使用元标记的文件。我创建了这个manifest.json:{"name":"app","icons":[{"src":"images/avatar.jpg","sizes":"64x64"},{"src":"images/avatar.jpg","sizes":"64x64"},{"src":"images/avatar.jpg","sizes":"128x128","density":2}],"app":{"urls":["https://www.example.com"],"launch":{"we