jjzjj

library-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 - 为什么 jquery 链接回调中的 'this' 是 DOM 元素?

所以我知道在使用$.fn.each、$.fn.bind等时,它是this的标准jQuery中的关键字将回调链接为DOM元素。我知道至少在我的开发中我通常希望DOM元素包装在一个jQuery集合中——90%的时间我最终都在做var$this=$(this)。我确信他们选择绑定(bind)到未包装的元素有一个很好的(可能是基于性能的)理由,但有人知道它到底是什么吗?这是我觉得知道答案的事情之一,可能会为更深层次地理解图书馆和语言打开大门。 最佳答案 Iamsuretherewasagood(likelyperformance-based

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 - 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 - 通过说 "require(' library')"可能需要来自 bower_components 的 JS 文件?

我是RequireJS的新手,看起来它实际上可能是不可能的,但我仍然会继续问下去,以防我遗漏了什么。在文档中它说..ThissetupassumesyoukeepallyourJavaScriptfilesina"scripts"directoryinyourproject.project-directory/project.htmlscripts/main.jshelper/util.js但是如果我必须在bower_components中从我的bower安装文件中获取文件怎么办:project-directory/bower_components/jquery-mousewheelj

javascript - Angular2 Material Design alpha.9-3 有 '404 not found' @angular/material

我已按照angularmaterial2入门中的说明安装@angular/material。通过Atom,我更新了package.json、app.module,除了入门说明之外,我还更新了systemjs.config,如下所示:'@angular/material':'node_modules/@angular/material',我收到这些错误:zone.js:1274GEThttp://localhost:3000/node_modules/@angular/material/404(未找到)(SystemJS)XHR错误(404未找到)加载http://localhost:3

javascript - Angular 2/4 - Material Design Snackbars 按顺序显示多条消息

我实现了一个显示snackbar的“snackbar服务”:snackbar.service.tsimport{Subscription}from'rxjs/Subscription';import{Subject}from'rxjs/Subject';import{Inject,Injectable,OnDestroy}from'@angular/core';import{MatSnackBar,MdSnackBarConfig}from'@angular/material/snack-bar';import{MdSnackBarRef,SimpleSnackBar}from'@an