草庐IT

ui_main_window

全部标签

javascript - 从语义 UI 构建中删除未使用的模块/组件

找了半天,没有找到适合当前SemanticUI2.0的方案。问题是:如何从我的JS/CSS构建中删除未使用的组件和模块?我使用了大约1/4的所有功能,有什么简单的方法可以减小文件大小吗?从semantic.json添加/删除元素的方法似乎不再有效。谢谢,H.G. 最佳答案 这可以在语义UI的安装过程中完成。你读过InstallSemanticUI吗??描述了你要执行npminstallsemantic-ui--save开始安装脚本。系统将询问您要运行哪种类型的设置(自动、快速、自定义)。如果您选择“自定义”,系统将提示您安装语义UI

javascript - 如何使用(或者是否可能)MutationObserver 来监控 window.location.pathname 的变化?

我想知道是否可以使用MutationObserver来监视window.location.pathname(或window.location.hash)的变化。 最佳答案 Mutationobservers观察DOM,而不是对象,并且与此处无关。对象观察者无法观察到location.hash,不能因为location是系统对象或存在安全风险,但因为hash是一个合成属性,由等效的getter和setter在内部管理。在您的情况下,您不需要任何这些。您可以使用popState事件观察哈希变化。window.onpopstate=fun

javascript - 在 ui-router 中设置抽象嵌套状态的默认子项

我使用ui-router。这是我的嵌套状态:$stateProvider.state('books',{abstract:true,url:'/books',controller:'BooksCtrl',templateUrl:'contents/books.html'}).state('books.top',{url:'/top',templateUrl:'contents/books-top.html'}).state('books.new',{url:'/new',templateUrl:'contents/books-new.html'});如何将books.new状态设置为b

javascript - 如何在 window.location.href 中指定要下载的 csv 文件名

我正在使用javascript将数据导出到csv。出于某种原因,我不允许使用传统的设置文件名。我有以下代码行:window.location.href="data:text/csv;base64,"+csvdata我在哪里以及如何插入并指定文件名和扩展名以使其工作? 最佳答案 那是不可能的,尝试模拟像这样点击它:varcsvdata="HelloWorld";//onlyfortestvarbyteNumbers=newUint8Array(csvdata.length); for(vari=0;ielement varlink

javascript - 使用哈希 url 卡在 Angular ui-router State.go 上?

我正在研究ui-router。我有一个状态:.state('new-personal-orders',{url:'/orders/new-personal-orders/:catId?',template:''})在我的Controller中,我可以使用$state.go('new-personal-orders',null,{reload:true})在Html文件中我有一个anchor标记:Link如果标签被点击,状态就会改变,'new-personal-orders'变成当前状态,在url中有尾随散列。然后url看起来像:http://localhost:3000/orders/

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - Window.matchmedia 监听器触发两次

我正在尝试编写一些javascript,它会在某些浏览器断点处更改JS配置对象中保存的一些值。我已将window.matchmedia测试存储在配置对象中,然后循环遍历该对象的键以向每个测试添加一个事件监听器,如下所示:Object.keys(config.mediaQueries).map((key)=>{config.mediaQueries[key].addListener(function(){console.log("breakpointchange");});});https://codepen.io/decodedcreative/pen/YQpNVO然而,当浏览器调整大

javascript - 在 Material ui的日期选择器中更改格式日期

我使用具有redux形式的material-uidatepicker组件。我在这里遇到了一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为yyyy-mm-dd。我想更改它以显示为dd-mm-yyyy。日期选择器有一个名为formatDate的属性,它接受一个函数作为输入。所以我写道:moment().format(DD-MM-YYYY)}/>但是好像不行。你有什么想法吗? 最佳答案 根据DOC:formatDate====>function====>Thisfunctioniscalledtoformattheda

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount