草庐IT

language-translation

全部标签

javascript - translate3d 的 css3 替代品?

我正在尝试转换为ipad等支持触摸的设备制作的JS脚本,以便它可以与鼠标手势一起使用。该脚本使用translate3d,(我认为)它是特定于webkit的,但我想让它在尽可能多的浏览器中工作。那么,translate3d的CSS3替代品是什么?这是它在JavaScript中的使用方式:element.style.webkitTransform='translate3d(500px,0,0)';我对CSS3的了解非常有限,因此非常感谢您提供任何示例/解释。 最佳答案 Translate3d是CSS3,大多数浏览器还没有实现它(Chro

javascript - translate3d() 导致 jQuery 悬停/单击事件无法正确触发

在分析不同CSS动画类型上的jQuery鼠标事件时,我注意到translate3d导致悬停和其他事件无法正确触发。在一个基本示例中,我正在为从右到左的block列表设置动画。在鼠标悬停时,我将悬停的LI背景设置为绿色。注意:测试是为webkit构建的HTMLcontentcontent...CSS.container{position:absolute;left:600px;top:0;}.containerul{list-style:none;width:9999px;}.containerulli{width:200px;height:400px;float:left;backgr

javascript - Google Translate Widget - 翻译完成回调

我在我的一个网站上使用谷歌翻译小部件,谷歌提供了以下代码:functiongoogleTranslateElementInit(){newgoogle.translate.TranslateElement({pageLanguage:'en',layout:google.translate.TranslateElement.InlineLayout.SIMPLE},'google_translate_element');}我的问题:翻译在页面加载后运行,但我还有一个脚本可以根据宽度自动调整主要导航元素的大小。这在翻译完成之前运行,因此它会根据未翻译的英文标签调整大小。一旦翻译更改了导航

javascript - 使用 AngularJS 和 Angular Translate 如何检查字符串是否已被翻译?

如何检查字符串是否具有翻译值?我正在使用AngularJS和AngularTranslate。我只想显示已翻译的值。如果没有可用的翻译,AngularTranslate将显示未翻译的字符串。我开始这样做:{{question.text|translate}}但这不起作用,因为比较发生在翻译过滤器完成工作之前。(至少我认为会发生这种情况)。我最后做的是:.filter('isTranslated',function(){returnfunction(translatedVal,originalVal){return(translatedVal===originalVal)?false:t

javascript - $translate.instant 在组件启动时不翻译 AngularJS 组件中的值

与AngularTranslate和$translate.instant()方法我构建了AngularJS的选择组件,可以在语言之间自动切换:{{$ctrl.value}}SwitchtopolishSwitchtoenglish正如您在Plunker上看到的:AngularJSselectwithautomatedtranslations.问题是它显示select选项未定义,直到我选择第二个选项。然后一切正常,我可以在选项的英语和波兰语翻译之间切换。我什至尝试使用$onChangesHook等待第一次更改,如果发生更改,则使用$timeout运行$digest:this.$onCha

javascript - 误报 "Lexical declarations require ECMAScript 6"和 "TypeScript 1.x feature. Current language is 1.4"错误消息

在将TypeScript更新到版本1.7(目前最新版本)后,我一直看到Resharper指出错误,例如在使用namespace、const和let,即使这个版本的TypeScript应该支持它们。例如:TypeScript1.x功能。当前语言是1.4和词法声明(let和const)需要ECMAScript6编译器目标。当前目标是ECMAScript5。 最佳答案 我的Resharper(10.0.1)版本似乎无法检测到TypeScript版本。要解决此问题,您可以手动指定版本。由于此版本的Resharper(发布时为最新版本)不支持

javascript - 缩放后使用 Translate 将元素定位在另一个元素之上

我正在实现一个基于Croppie的图像裁剪工具.我的问题是,当我缩小得太远时,图像会离开视口(viewport)或离裁剪区域太远。所以我有一个函数,在线(下面的代码片段)363是这样的:function_updateCenterPoint(){//borkedconsole.log("fire_updateCenterPoint()");varself=this,transform=Transform.parse(self.childElements.img.style[CSS_TRANSFORM]);varimgRect=self.childElements.img.getBound

javascript - 添加到 ace-editor 明智的自动完成 : List user-defined functions and variables (javascript language)

我想将用户定义的函数和变量列表添加到ace编辑器的自动完成功能中。为此,我想检查用户插入到文档中的所有代码,找到定义的函数(及其参数)、定义的变量及其作用域等。主要问题这些数据是否已经在ace源代码(或语言插件)的某处计算出来,我可以通过某种方式获取它?`我想要什么例如,如果用户插入这样的代码:varvar0='abcd';functionfoo(var1,var2){varvar3='efg';}我想在自动完成框中添加名为“foo”的函数,它有两个参数——var1和var2。我还想将var0添加到变量列表中,并在用户在定义的范围内(在函数中)写入时添加var3。我已经知道的:我知道如

javascript - translate3d vs css left/top 和硬件加速

据我了解,使用translate3d()时会启用iOS设备上的硬件加速。那为什么thistestonjsperf显示使用cssleft/top更快? 最佳答案 我在iOS上广泛使用translate3d代替CSSleft/top,我可以说一件事:动画的东西确实更快(jsperf似乎做不到。)我的猜测是,基准测试时左/上更快,因为没有动画并且我认为也没有显示任何内容。当与transition(或-webkit-transition)结合使用时,translate3d会发挥它的魔力。 关于j

javascript - ng2-translate (404 not found) 我已经在 system.js 中添加了

我已将ng2-translate安装到我的项目中,但控制台错误一直显示404包和xhr错误。我已将ng2-translate添加到标准angular2quickstart附带的system.config.js,但仍显示404和xhr错误。它要么给我404错误,要么给出未定义错误的注释:/github:关于使用systemconfig.js的问题的线程https://github.com/ocombe/ng2-translate/issues/167varmap={'app':'app',//'dist','@angular':'node_modules/@angular','angul