草庐IT

next_undreamed_image

全部标签

javascript - 行为主题 : next is not a function

我正在尝试在同级组件之间共享数据并通过共享服务执行此操作。当第一个组件加载时,它从我的API中检索服务器列表,并用所有检索到的服务器填充一个选择框。现在我想在用户选择新服务器时通知我的其他组件,以便我可以显示它的详细信息。这是我的服务:@Injectable()exportclassDashboardService{servers:Server[]=[];selectedServer=newBehaviorSubject(null);setServers(servers:Server[]){this.servers=servers;}}带有选择框的组件:@Component({sele

javascript - 证明行中图像的对齐方式(ala Google Images)

我想在固定宽度上调整图像(Google图像正是这样做的,例如:here)有什么简单的解决方案吗?最后的办法是编写一个jquery脚本,计算它可以放入一行中的图像数量,并逐个迭代图像。对于可以使用text-align:justify...文本完成的事情来说似乎有点矫枉过正...... 最佳答案 使用显示:内联block;对于带有图像和文本的元素对齐:对齐;对于父元素。示例:...和CSS:.images{text-align:justify;}.imagesli{display:inline-block;}

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - AngularJS 和 i18next

我看过一些Angular的i18n插件,但我不想重新发明轮子。i18next是一个很好的库,所以我打算使用它。我创建了一个仅调用i18n库的指令i18n:define(['app','jquery','i18n'],function(app,$,i18n){'usestrict';app.directive('i18n',function(){returnfunction($scope,elm,attrs){attrs.$observe('i18n',function(value){if($.fn.i18n){//forsomereason,itisn'tloadedquicklyen

javascript - 在 ES6 中,第一次调用迭代器的 `next` 方法时参数会发生什么变化?

如果你有一个生成器,比如,function*f(){//Beforestuff.leta=yield1;letb=yield2;return[a,b];}然后运行varg=f();//thisquestionisoverthisvalue.g.next(123);//returns:{value:1,done:false}g.next(456);//returns:{value:2,done:false}g.next();//returns:{value:[456,undefined],done:true}第一次调用.next()设置a为123,第二次调用设置b到456,但是在最后一次

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....

javascript - 将 react redux 与 next.js 结合使用

我尝试将Redux与next.jsstarter结合使用项目,我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的,但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red

javascript - 如何在FeatherLight Image Gallery中添加描述文字?

试图找出如何将文本描述添加到featherlight.js灯箱图片库。有没有人知道或有任何经验?这是html布局的示例:...还有更多图片我只是希望能够在灯箱打开时添加一些文本作为对图像的描述,但我在文档中找不到它。如果没有,有人知道可以实现此目的的优质/轻型灯箱吗? 最佳答案 featherlight的目标是轻便,没有内置选项,但使用afterContent回调很容易做到。例如,假设您的文本位于a标记的'alt'属性中,您可以指定:afterContent:function(){//Addadivforthelegendifnee

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht