草庐IT

系统UI

全部标签

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla

javascript - jQuery UI Datepicker 和 datejs

我想要一个日期选择器,您基本上也可以在其中输入我想要将jQueryUIDatepicker和datejs合二为一。我想输入“明天”,我希望它选择正确的一天。我希望能够输入“星期六”,它实际上会得到正确的日期。 最佳答案 如果您有创建jQuery插件的经验,那么这项工作并不太难。使用创建UI日期选择器所需的代码和对keyup/blur/您认为必要的任何事件进行值测试(使用date.js)包装目标输入。您需要确保在值更改时在日期选择器实例上设置日期(调用datepicker("setDate",date))我在工作中做过类似的事情;如果

javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度

在HSL颜色空间中更改色调、饱和度和亮度非常容易。参见thisjavascriptimplementationforexample.生成配色方案也很容易,例如:类似色、单色、三色、四色等。参见thisjavascriptimplementation.问题在于HSL颜色系统在感知上并不统一。实际上这是一个真正的问题。如果你不知道我在说什么,没关系。阅读:here和here.(这两篇文章真的很短,但很有值(value),你真的应该读一读)。解决方案是使用感知统一的色彩空间,例如:CieLab、CieLuv或Hcl。问题是这些颜色空间也有色域外的颜色(无法显示的颜色)。要在javascrip

javascript - Angular ui-router在滚动时改变状态

这是一个示例布局。假设部分高度大于或等于用户的视口(viewport)。+----------+|Section1|+----------+|Section2|+----------+|Section3|+----------+所有这些部分都放在一个View中。我想在用户滚动页面并到达其中一个部分时动态更改浏览器url:第一次用户看到http://example.com/#/section1(angular不使用html5模式),然后他向下滚动页面,当section2元素在用户视口(viewport)中可见时,应该会看到http://example.com/#/section2。此外,

javascript - 什么是适合 node.js 的类似 Sidekiq 的好作业系统?

(这里提出的大多数关于这个主题的问题都有点陈旧,我想知道这些年来Node生态系统发生了什么变化。)我基本上是想在我的node.js应用程序中实现一个作业队列。我听说过Sidekiq,也见过它在Ruby世界中的实际应用,它的工作做得多么出色,我想知道node中是否存在类似的东西。Worker将用Javascript编写,因此它不必是多语言的(如果是就很好,但绝对不是必需的)。一大优点是可以轻松可视化当前正在运行的作业、失败的作业等。你们用什么?您知道哪些库/服务符合这些要求? 最佳答案 尝试https://github.com/tas

javascript - 调试用 Testcafe 编写的 UI 测试

更新:关于另一个(锤头)错误,我们被迫在testcafe测试中使用缩小代码。由于此错误已解决,我们现在可以针对非缩小代码运行测试。但是,我们仍然遇到sourcemaps被testcafe删除的问题。当我们正常运行webpack开发服务器时,我们会看到所有源映射,并且能够设置断点和调试应用程序代码。然而,在测试期间,源映射不再可用。您可以看到显示2个案例的附加屏幕截图。我们是不是做错了什么?ImagewithoutTestcafeImagewithtestcafe我们的项目使用Testcafe+Webpack+Vue.js。我知道可以通过t.debug()调试测试代码。指令或--insp

javascript - 使用 jQuery UI 仅制作部分屏幕模态

有什么方法可以为jQuery对话框创建模式“作用域”吗?作为一个有点做作的例子,我有一个页面:Console我想为mainContent区域创建一些模态对话框。当对话框打开时,我不想允许与mainContent区域交互,但仍允许与工具栏和页脚交互。或者如果一个页面有多个类似mainContent的div,每个div都有自己独立的模式对话框集,仍然允许与其他div交互。我知道如何使用jQueryUI库创建模式对话框;我的问题具体是关于将模式应用到页面的一部分而不是整个页面,要么使用这个库,要么以一种很容易补充这个库的方式。 最佳答案

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

我遇到了jQuery-UI可拖动和可放置的问题。我需要在放置在iframe内的droppable内拖动一个draggable。这工作正常,直到我滚动iframe。可放置坐标不会更新。这个问题在fiddle中得到了证明。我正在使用下面的变通方法首先使拖放到iframe成为可能。它计算正确的偏移量但不使用iframe的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。//Createnewobjecttocacheiframeoffsets$.ui.ddmanager.frameOffsets={};//Overridethenative`prepareOffsets`met

javascript - 如何通过node判断用户的操作系统?

有没有办法判断用户浏览的操作系统是64位还是32位 最佳答案 使用模块os中内置的nodejs获取架构信息OSmoduleDocsvaros=require("os");console.log(os.arch());//ia32你可以使用进程对象porcess.arch//'ia32' 关于javascript-如何通过node判断用户的操作系统?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/qu

javascript - Ionic 2 - 对模型的更改不会在 View /UI 中更新

我很难理解如何在不从UI触发事件的情况下将对组件内属性的更改传播到实际View。如果我来回移动,UI就会更新。这是我的组件,每秒检索一次BLE通知。每次通知后,View中需要更新通知的结果值。我可以在开发人员控制台中看到通知。import{Component,ChangeDetectionStrategy,ChangeDetectorRef,Input,Output}from'@angular/core';import{NavController,NavParams}from'ionic-angular';import{BLE}from'ionic-native';import{Obs