jjzjj

javascript - masonry - 列宽百分比 + 排水沟

如果每个项目的宽度为25%并且gutter参数为10,为什么我不能按行显示4个项目?请帮助我!$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:10});http://codepen.io/davelins/pen/bdoRGa 最佳答案 改变.grid-item{width:calc(25%);}到.grid-item{width:calc(25%-10px);} 关于javas

javascript - 允许使用 javascript + LivePreview 换行

我正在做一个分两栏的网站,左边是你可以写的,右边是用特殊设计显示的。问题是,我想在右侧允许换行,但它不显示。我怎么能那样做?这是我的设计预览。要查看完整图片,这里是>FiddleHEREfunctionwordsinblocks(self){vardemo=document.getElementById("demo"),initialText=demo.textContent,wordTags=initialText.split("").map(function(word){return''+word+'';});demo.innerHTML=wordTags.join('');sel

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - phonegap + ionic 使用 Content-Security-Policy 加载 maps.googleapis.com,如何?

我尝试了很多加载谷歌地图和firebaseio的方法,但都没有成功:这就是我现在拥有的:我得到:Refusedtoloadthescript'https://maps.googleapis.com/maps/api/js?libraries=places'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'https://maps.googleapis.com/*'unsafe-inline''unsafe-eval'".Refusedtoloadthescript'https://t

javascript - createElement + createTextNode oneliner?

我要向表中添加几千行,因此我需要nativejavascript的速度。目前我正在使用:nThName=document.createElement("TH");nThName.appendChild(document.createTextNode(workers[i].name));nTr.appendChild(nThName);有没有办法在一行中完成此操作(不会损失任何性能?)所以我不需要nThName变量?每行有超过50个单元格,所以我更喜欢:nTr.appendChild(document.createElement("TH").appendChild(document.cr

javascript - IE < 9 + HighCharts 不渲染系列

您好,我在IEInternetexplorerHighChartsscreenshotHighChartsworksfineinotherbrowsersscreenshot如您所见,该图表是在IE和Chrome中呈现的,但是..线条仅在Chrome中呈现,数据也必须存在于IE中,因为存在图例框(最佳出价、资格值...)代码(顺便说一句,它是erb模板,所以我从Rails加载数据):"usestrict";varchart;//assigndataforcurrentandqualificationvaluesvarqualificationTranslation="";varcurr

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - 你如何使用 jasmine + TypeScript 测试一个用常量调用的函数

我正在开发Angular2/TypeScript项目并使用jasmine进行单元测试。如何使用jasmine.js测试用常量调用的函数。例如。Logo.tsexportconstRADIUS:number=10;exportclassLogo{...protecteddrawCircle(x:number,y:number,r:number){...}protecteddrawLogo(){this.drawCircle(RADIUS,RADIUS,RADIUS);}...}Logo.spec.tsdescribe('drawLogo',function(){beforeEach(()

javascript - react + Apollo : GraphQL errors array not passed into component

根据这些Apollodocs,设置all的error-policy应该使GraphQL响应的errors数组可用于我的Apollo包装的React组件“所以[my]UI可以使用它们。”我的应用程序是通用的,所以我使用此策略很重要,这样错误就不会阻止应用程序完全呈现。问题是,即使我的浏览器开发工具在服务器响应中显示了errors数组,我也无法在我的React组件的props中访问它。同样,props.data.error始终未定义。这是为什么?//ComponentimportReactfrom'react';import{graphql}from'react-apollo';impor

javascript - 哈巴狗 + webpack-dev-server

我正在使用webpackv4,我正在尝试将Pug与webpack-dev-server一起使用,但是当我运行webpack-dev-server--modedevelopment它不提供已编译的Pug。请帮忙。我不知道该怎么办。感谢您的回复。这是我的配置:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:'./src/js/main.js',output:{path:path.join(__dirname,'dist'),filena