jjzjj

application-design

全部标签

javascript - 在Angular 5中将AMP与Material Design Lite一起使用

我想创建一个带有Angular5的电子商务渐进式Web应用程序。如何在GoogleMaterialDesignLite中将AMP与Angular5一起使用?如果它不具有可伸缩性或可行性,那么还有哪些其他好的选择呢? 最佳答案 我假设您已经对使用AngularUniversal进行SSR/服务器端渲染非常熟悉,然后再进行其他操作。由于,AMP上不允许使用自定义JavaScript。话虽如此,让我们谈谈AMP标准和限制,并看看涉及Angular时可能出现的问题。1.Howdoesawebsite/appimplementAMP,inmy

javascript - react | Ant design 选择默认值

我正在使用antdesign在我的项目中。这里我有一个选择作为动态字段。当我尝试为选择设置默认值时。它不起作用。JackLucyyiminghe我将默认值设置为lucy但它不起作用复制代码:https://codesandbox.io/s/6x3qv6wymr 最佳答案 根据documentation,您不应将value或defaultValue与getFieldDecorator一起使用。AfterwrappedbygetFieldDecorator,value(orotherpropertydefinedbyvaluePropN

javascript - ant design 选择占位符问题

我在我的React应用程序中使用antddesign。这是我遇到问题的代码片段:现在,如果this.state.company不是null,它会显示选择的正确值。但是,如果this.state.company为empty或null,则不会显示占位符。如何解决这个问题,以便在value为null时显示占位符? 最佳答案 将this.state.company设置为未定义而不是null。 关于javascript-antdesign选择占位符问题,我们在StackOverflow上找到一个类

javascript - Material design lite,检查滚动是否到达底部

我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案,但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do

javascript - react /nextJS : How to debug different nodes of SSR react application?

我正在运行一个运行SSR的nextJS应用程序。但是我确实得到了错误:Warning:DidnotexpectserverHTMLtocontainain.因此服务器端和客户端Node之间似乎存在差异。我怎样才能找到这些差异?这是示例应用程序的代码库:https://github.com/jaqua/nextjs-app只需运行npminstall和npmrundev 最佳答案 根据页面大小,手动比较两个html可能相当麻烦,因此建议首先评估可能出现的错误,而不是暴力破解。根据我在99%的情况下的经验,当您执行以下操作时,会发生SS

javascript - 带有 application/xml+xhtml 内容类型的 Dojo

如何让DojoDijits(目前为1.5.0)以application/xml+xhtml的形式使用XHTML?如果作为text/html发送,它可以工作,但需要application/xml+xhtml。这似乎与dijit.form.DatePicker和其他几个有关。这不是针对W3C进行验证的问题,它根本不起作用,根本。Error:mismatchedtag.Expected:.SourceFile:Line:5,Column:54SourceCode:>JavaScript执行因该错误而停止。显然,我可以重新编译Dojo,并单独修复所有这些问题,但这需要大量工作,并且无法修复所有

javascript - 谷歌地图 : Design Custom Price Marker

我正在开发一个使用ionic的移动应用程序,并且需要在谷歌地图中显示带有价格标记的地点,如下所示:我写了一个非常基本的代码来集成谷歌地图和标记。mapControllercontroller('MapController',function($scope,uiGmapGoogleMapApi,$log,$timeout,$state){$scope.map={center:{latitude:12.9250,longitude:77.5938},zoom:8,window:{show:false}};$scope.options={scrollwheel:false};$scope.m

javascript - 如何让 JSF 2.0 将 JS 包含为 'application/javascript' 而不是 'text/javascript'

在我们工作的JSF2.0应用程序中,我们通过包含了几个javascript文件。.生成的html将它们引用为“text/javascript”。根据thisquestion,“text/javascript”已经过时,而且,htmlunit提示类型相当冗长。当然,一切正常,我可以关闭htmlunit的日志记录,但我宁愿让JSF生成正确的类型。有没有办法覆盖选择的类型?? 最佳答案 这是在的默认渲染器中硬编码的.假设您使用的是Mojarra,它是com.sun.faces.renderkit.html_basic.ScriptRend

javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

我使用的是上一个Twitter的Bootstrap。当我的窗口宽度小于980px时,我想执行某个JS函数(显示一次工具提示)(如你所知,在这个尺寸上,Bootstrap修改Navbar并隐藏标准菜单项)——窗口从768到979,简而言之.这个我知道@media(min-width:768px)and(max-width:979px){...}此选项可用于捕获事件。但是,它可能仅用于更改现有样式,例如body{background-color:#ccc;}我需要启动JS函数,或者为元素添加或删除特定样式。我试过:window.onresize=function(){if(window.o

javascript - application.js 中的 Rails root_path

如何在我的application.js文件中获取项目的root_path?我需要它用于需要加载其他JS文件的js插件(codemirror)。如果我说“/javascripts/needed_file.js”,一切都很好,但如果我将我的项目部署到“/custom”呢?代码需要在整个项目中发挥其魔力,我希望它是UJS,因此它需要位于静态javascript文件中。有什么解决方案/简单的技巧吗? 最佳答案 没有完美的解决方案。我会尝试其中一种方法:检查window.location.pathname.由此判断是从root运行还是从前缀u