草庐IT

几款实用的VUE移动端UI框架

全部标签

javascript - 无法缩小 Vue.js 应用程序

我有一个带有以下代码摘录的Vue.js应用程序:(function(){initApp();})();functioninitApp(){window.myApp=newVue({el:'#wrapper',data(){ return{ somedata:[]}}});}当我尝试缩小它时,它失败并显示错误Error:Unexpectedtoken:punc(()但应用程序运行成功。我不确定为什么? 最佳答案 那些压缩器只支持旧版本的JavaScript。他们最多支持ES5。要使您的代码工作,请转换它:(function(){i

javascript - 使用 Vue 单击并编辑文本输入

我正在寻找一个点击并编辑的Vue组件。我找到了afiddle并做了一些编辑。它是这样工作的:Thefiddleishere.问题:我需要额外的点击才能使输入聚焦。如何让它自动聚焦?来自fiddle的代码。HTML:Clickthevaluestoedit!{{todo.title}}JS:newVue({el:'#app',data:{todos:[{'title':'onevalue','edit':false},{'title':'onevalue','edit':false},{'title':'otrotitulo','edit':false}],editedTodo:null

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

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

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - 在移动网站中处理 iPhone 事件(如向左滑动)

iPhone浏览器是否有我可以使用Javascript连接的特殊事件?例如,如果用户向左滑动,我想执行某个操作。如果有这样的事件可用,很高兴看到所有这些事件的引用。理想情况下,有一天会出现适用于所有触摸屏移动浏览器的标准。 最佳答案 您可以访问多点触控事件和手势,但您可能需要自己处理大量的底层管道。这是Apple的指南:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/Handl

javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

这听起来好得令人难以置信,所以如果是这样请告诉我。如果我只有一个单一版本的移动网站(没有变体不同的设备,所有手机只有一个网站),它的可靠性如何通过屏幕分辨率检测移动设备?如果屏幕分辨率小于400像素,则只需提供移动版本。注意:我的问题假定启用了javascript。另外,我知道有用户代理检测,但我不想使用它。 最佳答案 Javascript移动设备屏幕高度检测根本不可靠。问题是不同的浏览器使用不同数量的“chrome”,不同的操作系统版本对系统栏使用不同的高度。所有检测机制报告的高度都不可靠(screen.height、window

Javascript 库或 jquery 插件,用于在移动 safari/ipad 中创建基于滑动的轮播

你看过yahoo的ipad/tablet主页吗?浏览标题的滑动效果令人印象深刻。我在jquery中看到了一些解决方法(使用循环插件+touchwipe插件),但这些都只是检测用户手势然后运行​​x-绝对位置动画,而不是实际跟踪用户的手势。知道类似于雅虎的解决方案吗? 最佳答案 找到解决方案:http://cubiq.org/iscroll-4使用“对齐”选项重新创建轮播效果。 关于Javascript库或jquery插件,用于在移动safari/ipad中创建基于滑动的轮播,我们在Sta

javascript - jQuery滚动条移动时如何隐藏Div?

我只希望#menu在滚动条移动时淡出以提供一个不那么困惑的界面。是否有允许这样做的代码?我想基本上我正在寻找的是如何获取滚动条移动事件。在滚动1秒后慢慢淡出#menu并在滚动条不活动2秒后恢复#menu。非常感谢! 最佳答案 var$menu=$("#menu");varopacity=$menu.css("opacity");varscrollStopped;varfadeInCallback=function(){if(typeofscrollStopped!='undefined'){clearInterval(scrollS

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'

javascript - 如何在 jquery-ui 小部件中存储内部属性?

我正在从头开始编写一个新的jquery-ui小部件。我找到了官方的“widgetfactoryworks”文档。(http://jqueryui.com/demos/widget/)小部件本身工作正常。现在我想在内部存储一些值-有更好的方法吗?我认为在选项中声明的所有属性都是公开的。感谢您的帮助! 最佳答案 只需在this上使用普通的旧属性。例如,一个基本的小部件看起来像这样:$.widget('some_name',{options:{/*...*/},_create:function(){//...this.internal_v