Tag: JavaScript

Amazon S3直接从客户端浏览器上传文件 – 私钥泄露: 我正在实现从客户端机器通过REST API直接上传到Amazon S3，只使用JavaScript，没有任何服务器端代码。一切正常，但有一件事让我担心… 当我向Amazon S3 REST API发送请求时，我需要签署请求并将签名放入Authentication标头中。要创build签名，我必须使用我的密钥。但所有的事情都发生在客户端，所以，密钥可以很容易从页面源显示（即使我混淆/encryption我的来源）。我该如何处理？这是一个问题呢？也许我可以限制特定的私钥使用仅限于来自特定CORS Origin的REST API调用，并且仅限于PUT和POST方法，或者可能只链接到S3和特定存储桶的密钥？可能有另一种authentication方法？ “无服务器”解决scheme是理想的，但我可以考虑涉及一些服务器端处理，不包括上传文件到我的服务器，然后发送到S3。

Reactfunction无状态组件，PureComponent，组件; 有什么区别，什么时候应该用什么？: 知道从React v15.3.0开始，我们有了一个名为PureComponent的新的基类，用于内置PureRenderMixin 。我所理解的是，在这个引擎之下，我们在shouldComponentUpdate里面使用了一个比较简单的道具。现在我们有3种方法来定义一个React组件：没有扩展任何类的function性无状态组件一个扩展了PureComponent类的组件一个扩展Component类的正常组件一段时间以前，我们曾经把无状态组件称为纯组件，甚至是哑组件。看起来像“纯”这个词的整个定义现在已经在React中改变了。虽然我理解这三者之间的基本差异，但我仍然不确定何时select什么。另外，每个方面的性能影响和权衡是什么？更新：这些是我希望得到澄清的问题：我应该select将我的简单组件定义为function性（为了简单起见）还是扩展PureComponent类（为了性能）？性能提升，我得到一个真正的权衡，我失去了简单性？当我总能使用PureComponent来获得更好的性能时，是否需要扩展正常的Component类？

ASP.NET MVC：如何将视图模型转换为Json对象: 我是Java新的.NET开发者。我正在一个.Net MVC2项目，我想有一个局部视图来包装一个小部件。每个JS小部件对象都有一个JSON数据对象，可以由模型数据填充。然后，在小部件中的数据发生更改时，或者如果在另一个小部件中更改了该数据，则更新此数据的方法将绑定到事件。代码是这样的。 myController的 virtual public ActionResult DisplaySomeWidget(int id) { SomeModelView returnData = someDataMapper.getbyid(1); return View(myview, returnData); } myview.ascx <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SomeModelView>" %> <script type="text/javascript"> //creates base widget object; var thisWidgetName= new Widget(); thisWidgetName.updateTable= function() { // UpdatesData }; $(document).ready(function () { thisWidgetName.data = <% converttoJSON(model) %> $(document).bind('DATA_CHANGED', thisWidgetName.updateTable()); }); </script> […]

我怎样才能并行运行多个NPM脚本？: 在我的package.json我有这两个脚本： "scripts": { "start-watch": "nodemon run-babel index.js", "wp-server": "webpack-dev-server", } 每当我开始在Node.js中开发时，我必须并行运行这两个脚本。我想到的第一件事就是添加这样的第三个脚本： "dev": "npm run start-watch && npm run wp-server" …但是在运行wp-server之前会等待start-watch 。我怎样才能平行运行？请记住，我需要看到这些命令的output 。另外，如果你的解决scheme涉及到构build工具，我宁愿使用gulp而不是grunt因为我已经在另一个项目中使用它了。

如何在使用AMD（require.js）时在Backbone.js中加载引导模型: Backbone.js文档build议以这种方式加载bootstrapped模型： <script> var Accounts = new Backbone.Collection; Accounts.reset(<%= @accounts.to_json %>); var Projects = new Backbone.Collection; Projects.reset(<%= @projects.to_json(:collaborators => true) %>); </script> 但是这是一个不能在AMD方法中使用的模式（使用require.js）唯一可能的解决scheme是声明存储JSON数据的全局variables ，稍后在相关的初始化方法中使用这个variables。有没有更好的方式来做到这一点（没有全局variables）？

您可以在创build时将parameter passing给AngularJS控制器吗？: 我有一个控制器负责与API通信，以更新用户，名称，电子邮件等的属性。每个用户有一个'id' ，从configuration文件页面查看时从服务器传递。我想将这个值传递给AngularJS控制器，以便知道当前用户的API入口点是什么。我试过在ng-controller传递值。例如： function UserCtrl(id, $scope, $filter) { $scope.connection = $resource('api.com/user/' + id) 并在HTML中 <body ng-controller="UserCtrl({% id %})"> 其中{% id %}打印从服务器发送的ID。但我得到错误。在创build时将值传递给控制器的正确方法是什么？

我应该使用JSLint还是JSHint JavaScriptvalidation？: 我目前正在validation我的JavaScript对JSLint并取得进展，它正在帮助我编写更好的JavaScript – 特别是在使用Jquery库时。我现在遇到了JSHint ， JSLint的一个分支。所以我想知道的是Web应用程序，这是非常多的JavaScript驱动，这是更好或最适用的validation工具来对付： JSLint或JSHint？我想现在就决定一个validation机制，并向前推进，使用它进行客户端validation。 jshint和jslint之间的区别？请在单个javascript例子中解释。链接： jshint – http://www.jshint.com/ jslint – http://jslint.com/

Textarea可以在飞行中进行语法高亮显示？: 为了便于维护，我在CMS内部存储了许多HTML块。它们由<textarea>表示。有没有人知道某种types的JavaScript Widget可以在textarea或类似的语言中对HTML进行语法高亮显示，同时仍然保留一个纯文本编辑器（没有WYSIWYG或高级函数）？

如何使用JavaScript检测Twitter Bootstrap 3的响应断点？: 目前，Twitter Bootstrap 3具有以下响应断点：768px，992px和1200px，分别代表小型，中型和大型设备。如何使用JavaScript检测这些断点？我想用JavaScript来监听屏幕更改时触发的所有相关事件。并能够检测到屏幕是否适用于小型，中型或大型设备。有没有事情已经完成？你有什么build议？