Questions tagged «javascript»

有关在ECMAScript(JavaScript / JS)及其各种方言/实现(不包括ActionScript)中进行编程的问题。此标记很少单独使用,但最常与标记[node.js],[jquery],[json]和[html]关联。

5
如何将映像保存到localStorage并将其显示在下一页上?
因此,基本上,我需要上传单个图像,将其保存到localStorage,然后在下一页上显示。 目前,我已经上传了HTML文件: <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> 使用此功能在页面上显示图像 function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 该图像立即显示在页面上,供用户查看。然后要求他们填写表格的其余部分。这部分工作正常。 表格填写完毕后,他们将按“保存”按钮。按下此按钮后,我将所有表单输入另存为localStorage字符串。我需要一种将图像另存为localStorage项目的方法。 保存按钮还会将它们定向到新页面。这个新页面将在表格中显示用户数据,图像在顶部。 如此简单明了,localStorage一旦按下“保存”按钮,我需要保存图像,然后将图像借出到下一页localStorage。 我在moz:// a HACKS上找到了一些解决方法,例如这种小提琴和本文。 尽管我仍然对如何工作感到非常困惑,但我只需要一个简单的解决方案。基本上,我只需要通过getElementByID按“保存”按钮找到图像,然后处理并保存图像。


23
在node.js中递归复制文件夹
是否有一个文件夹及其内容全部复制,而无需手动做的序列更简单的方法fs.readir,fs.readfile,fs.writefile递归? 只是想知道我是否缺少理想地像这样工作的功能 fs.copy("/path/to/source/folder","/path/to/destination/folder");

9
momentJS日期字符串添加5天
我有一个开始日期字符串“ 20.03.2014”,我想使用moment.js为此添加5天,但是我在警报窗口中没有得到新的日期“ 25.03.2014”。 这是我的JavaScript代码: startdate = "20.03.2014"; var new_date = moment(startdate, "DD-MM-YYYY").add("DD-MM-YYYY", 5); alert(new_date); 这是我的jsfiddle:http : //jsfiddle.net/jbgUt/1/ 我该如何解决? 我喜欢这种字符串格式“ 25.03.2014” 希望可以有人帮帮我。
154 javascript  momentjs  add  days 

5
ESLint意外使用isNaN
我正在尝试isNaN在Node.js模块的箭头函数内使用全局函数,但出现此错误: [eslint] Unexpected use of 'isNaN'. (no-restricted-globals) 这是我的代码: const isNumber = value => !isNaN(parseFloat(value)); module.exports = { isNumber, }; 关于我做错了什么的主意吗? PS:我正在使用AirBnB样式指南。
154 javascript  eslint 



16
您如何检测清除了“搜索” HTML5输入?
在HTML5中,search输入类型显示在右侧,带有一个小的X,它将清除文本框(至少在Chrome中,也许在其他语言中)。除了说根本不检测框何时被单击或进行某种位置单击检测(x位置/ y位置)以外,是否有其他方法可以检测到在Java或jQuery中单击此X的方法?


11
页面加载时如何隐藏VueJS语法?
也许这是一个琐碎的问题。 因此,当我在浏览器上运行vuejs应用程序并启用限制下载速度时(设置为低连接)。我在浏览器中未完成的vue语法输出。 我知道我们可以通过在整个页面加载之前显示加载图像来解决这个问题,但是有什么最好的解决方案来解决此问题吗?
154 javascript  vue.js 

10
如何从AngularJS作用域中的数组中删除项目?
简单的待办事项清单,但每个项目的清单页面上都有一个删除按钮: 相关模板HTML: <tr ng-repeat="person in persons"> <td>{{person.name}} - # {{person.id}}</td> <td>{{person.description}}</td> <td nowrap=nowrap> <a href="#!/edit"><i class="icon-edit"></i></a> <button ng-click="delete(person)"><i class="icon-minus-sign"></i></button> </td> </tr> 相关控制器方法: $scope.delete = function (person) { API.DeletePerson({ id: person.id }, function (success) { // I need some code here to pull the person from my scope. }); }; 我试着$scope.persons.pull(person)和$scope.persons.remove(person)。 …

10
Angular.js:'控制器作为语法'和$ watch
使用controller as语法时如何订阅属性更改? controller('TestCtrl', function ($scope) { this.name = 'Max'; this.changeName = function () { this.name = new Date(); } // not working $scope.$watch("name",function(value){ console.log(value) }); }); <div ng-controller="TestCtrl as test"> <input type="text" ng-model="test.name" /> <a ng-click="test.changeName()" href="#">Change Name</a> </div>

5
JavaScript / jQuery语法如何工作:(function(window,undefined){})(window)?
您是否曾经看过jQuery 1.4源代码,并注意到它是如何通过以下方式封装的: (function( window, undefined ) { //All the JQuery code here ... })(window); 我已经读过一篇有关JavaScript名称空间的文章,另一篇文章是“ 重要的一对Parens ”,所以我知道这里发生了什么。 但是我以前从未见过这种特殊的语法。那undefined在那里做什么?为什么window需要通过传递然后再次出现在末尾?

5
地图平铺算法
地图 我使用Perlin噪声高度图使用Javascript创建基于图块的RPG,然后根据噪声的高度分配图块类型。 地图最终看起来像这样(在小地图视图中)。 我有一个相当简单的算法,它从图像上的每个像素中提取颜色值,并将其转换为整数(0-5),具体取决于其在(0-255)之间的位置,该位置对应于tile字典中的tile。然后将此200x200数组传递给客户端。 然后,引擎根据数组中的值确定切片并将其绘制到画布上。因此,我最终得到了具有逼真的外观的有趣世界:山脉,海洋等。 现在,我想做的下一件事是应用某种混合算法,如果邻居不是同一类型,它将导致瓦片无缝混合到其邻居中。上面的示例地图是玩家在小地图中看到的。在屏幕上,他们看到了用白色矩形标记的部分的渲染版本。其中图块是用其图像而不是单色像素渲染的。 这是用户在地图上看到的示例,但与上面的视口显示的位置不同! 我希望这种转变能够发生。 算法 我想出了一个简单的算法,该算法可以遍历视口中的地图,并在每个图块的顶部渲染另一个图像,前提是该图块位于不同类型的图块旁边。(不更改地图!仅渲染一些额外的图像。)该算法的想法是对当前图块的邻居进行剖析: 这是引擎可能必须渲染的示例场景,当前图块是标有X的图块。 创建了一个3x3数组,并读取了周围的值。因此,在本示例中,数组看起来像。 [ [1,2,2] [1,2,2] [1,1,2] ]; 然后,我的想法是针对可能的图块配置制定一系列案例。在非常简单的水平上: if(profile[0][1] != profile[1][1]){ //draw a tile which is half sand and half transparent //Over the current tile -> profile[1][1] ... } 得到以下结果: 这是从[0][1]到的过渡[1][1],但不是从[1][1]到的过渡[2][1],这里仍然存在硬性边缘。因此,我认为在那种情况下必须使用角砖。我创建了两个3x3的Sprite工作表,以为可以容纳所有可能需要的图块组合。然后,我为游戏中的所有图块复制了此图(白色区域是透明的)。每种类型的图块最终为16个图块(不使用每个Spritesheet上的中心图块。) 理想结果 因此,有了这些新的图块和正确的算法,示例部分将如下所示: 但是我所做的每一次尝试都失败了,算法中总是存在一些缺陷,并且模式最终变得很奇怪。我似乎无法正确处理所有情况,总的来说,这似乎是一种糟糕的做法。 一个办法? 因此,如果任何人都可以提供关于我如何创建此效果的替代解决方案,或者提供什么方向来编写分析算法,那么我将不胜感激!


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.