草庐IT

UI工具

全部标签

javascript - 传递/改变 jQuery UI 拖动事件

我希望用户能够左右拖动水平菜单栏。我意识到有很多旋转木马和slider库都有这种行为——但没有一个适合这种情况。当用户拖动一个LI时,是否可以将新的x-offset信息传递到firstLI的leftmargin?我在这里试了一下:http://jsfiddle.net/n92ng9uz/上述fiddle的主要问题是,偏移量仍应用于单个LI,如果我阻止事件冒泡,拖动将不再平滑。 最佳答案 由于您在注释中指定要求在第一个li元素上使用margin-left,而不是修改ul,我很确定使用jQueryUI可拖动无法轻松完成。如果我们要使li

javascript - "Re"在不重新加载的情况下使用 Angular ui 路由器解析资源

我正在使用以下代码在加载主状态时解析资源。是否可以在不重新加载页面的情况下重新解析资源?我正在避免重新加载,以免影响用户体验。$stateProvider.state('main',{url:'/',templateUrl:'publicApp/main.html',controller:'MainCtrlasmainCtrl',resolve:{userData:["UserApi",function(UserApi){returnUserApi.getUserData().$promise;}]}}).controller('MainCtrl',function(userData)

javascript - jQuery UI Resizable 的替代品

有人知道jQueryUI中可调整大小功能的替代jQuery插件吗?我的主要重点是约束边界框(父级)和图像的纵横比。 最佳答案 您可以使用CSS“resize”属性。查看此页面:http://www.css3.info/preview/resize/ 关于javascript-jQueryUIResizable的替代品,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1210802/

javascript - 最好的 Javascript 内存检测工具有哪些?

我们的团队面临缓慢但严重的Javascript内存泄漏。我们已经阅读了Javascript中内存泄漏的常见原因(例如闭包和循环引用)。我们试图避免代码中的这些陷阱,但很可能我们仍然存在未知的错误。我开始搜索可用的工具,但希望得到对这些工具有实际经验的人的意见。目前我发现的一些工具(但不知道它们对我们的问题有多大用处):SieveDripJavaScriptMemoryLeakDetector我们的搜索不仅限于免费工具,这将是一种奖励,但更重要的是可以完成工作的东西。我们在Javascript代码中执行以下操作:对发送回JSON数据的.NETWCF后端进行AJAX调用操纵DOM在Java

javascript - 在 backbone.js 中使用 jQuery UI 拖放

我的Backbone应用程序的一个功能涉及将类型A的模型与类型B的模型相关联,这是通过将ViewA拖到ViewB上来完成的。在B的View类中,我监听放置事件并从中获取DOM元素ViewA,但没有关于模型A的信息。检索这些信息的最佳方式是什么?到目前为止我最好的猜测是让模型A在应用程序的命名空间中保存对自身的引用,如果拖放处理程序尚未这样做,则在拖动结束时删除此引用在ViewA上触发一个事件,将对模型B的引用与事件一起传递,然后让模型A调用模型B的方法...将模型A存储为ViewA的$.data属性但所有这些方法似乎都令人费解/不够优雅。 最佳答案

javascript - Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

这是我的代码:.state('profile',{url:'/profile',templateUrl:'views/user.html',controller:'UserCtrl'}).state('profile.forgot',{url:'/delivers',templateUrl:'views/user_forgot.html',Forgotyourpasword?当我点击链接时,在ui-view中出现了父状态的模板和Controller。AngularJS版本为1.2.0-rc.2 最佳答案 嵌套状态将在其父模板的ui-

javascript - 工作人员在 Chrome 中阻塞 UI 线程

我正在构建一个Web应用程序,它使用EvaporateJS通过分段上传将大文件上传到AmazonS3。我注意到一个问题,每次启动新block时,浏览器都会卡住约2秒。我希望用户能够在上传过程中继续使用我的应用程序,这种卡住会带来糟糕的体验。我使用Chrome的时间轴查看导致此问题的原因,发现是SparkMD5的散列。因此,我将整个上传过程移到了一个Worker中,我认为这可以解决问题。这个问题现在已在Edge和Firefox中修复,但Chrome仍然存在完全相同的问题。这是我的时间轴的截图:如您所见,在卡住期间我的主线程基本上什么都不做,在此期间运行的JavaScript不到8毫秒。所

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - Chrome 开发工具,谁在设置高度/宽度?

我发现我很无助——当我需要找到谁负责设置元素属性值时。通常需要一段时间才能查明问题所在。如果您来到该页面,有人可以分享最佳策略吗?看到计算的高度是“500px”,但没有人明确设置它——是的,我最终找到了原因,但我想更有条理一些。谢谢 最佳答案 对于GoogleChrome浏览器右键单击元素并选择Inspectelement展开Computed选项卡并寻找有问题的样式找到您需要的属性并单击样式定义左侧的小三Angular形。单击它应该展开影响此元素此样式的选择器列表阅读更多HowtoDetermineWhichCSSisStyling

javascript - 在工具提示中使用 ng-click

我正在使用AngularBootstrapUI,并且我有一个有效的工具提示。HTML:Clickagain!">ClickmetoseethetooltipJavascript:angular.module('helloApp',['ui.bootstrap']).controller('helloCtrl',helloCtrl)functionhelloCtrl(){varvm=this;vm.clickInsideToSeeTheWorld=function(){alert(123)}}当我打开工具提示时,ng-click不起作用。没有出现警报。我的控制台没有收到任何错误。这是因为