Tag: JavaScript

在Node.js中安全随机令牌: 在这个问题上， Erik需要在Node.js中生成一个安全的随机标记。有一个方法crypto.randomBytes生成一个随机的缓冲区。但是，节点中的base64编码不是url安全的，它包含/和+而不是-和_ 。因此，我发现的最简单的方法来生成这样的令牌 require('crypto').randomBytes(48, function(ex, buf) { token = buf.toString('base64').replace(/\//g,'_').replace(/\+/g,'-'); }); 有没有更优雅的方式？

如何清除父<div>中的所有<div> s内容？: 我有一个div <div id="masterdiv">其中我将有几个孩子<div> s。例如： <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="childdiv3" /> </div> 我需要使用jQuery清除master <div>内所有子<div>的内容。如何实现它？

在coffeescript中迭代Object: 我有一个对象（一个“关联数组”，也被称为一个简单的Javascript对象）： obj = {} obj["Foo"] = "Bar" obj["bar"] = "Foo" 我需要使用coffeescript来迭代它。现在，像这样做： for elem in obj 不工作，因为obj.length是0，编译js代码使用。在正常的Javascript我只是做 for(var key in obj) 但现在我想知道：我怎样才能做到这一点咖啡脚本？

如何从JavaScript中隐藏Bootstrap模态？: 我已经阅读这里的post，Bootstrap网站，并疯狂Googlesearch – 但无法find我敢肯定的是一个简单的答案… 我有一个Bootstrap模式，我从一个link_to这样的助手打开： <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> 在我的ContactsController.create操作中，我有创buildContact代码，然后传递给create.js.erb 。在create.js.erb ，我有一些error handling代码（混合使用ruby和javascript）。如果一切顺利，我想closures模式。这是我有麻烦的地方。一切顺利的时候，我似乎无法排除模态。我试过$('#myModal').modal('hide'); 这没有效果。我也试过$('#myModal').hide(); 导致模式解散，但离开的背景。有关如何closures模式和/或从create.js.erbclosures背景的create.js.erb ？编辑这是myModal的标记： <div class="modal hide" id="myModal" > <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Add Contact</h3> <div id="errors_notification"> </div> </div> <div class="modal-body"> […]

反应“渲染后”的代码？: 我有一个应用程序，我需要设置一个元素的高度（可以说“应用程序内容”）dynamic。它需要应用程序的“chrome”的高度，然后减去它，然后将“app-content”的高度设置为在这些约束内适合100％。这是超级简单的与香草JS，jQuery，或骨干的意见，但我很努力找出什么是正确的过程将在React做到这一点？以下是一个示例组件。我希望能够将app-content的高度设置为窗口的100％减去ActionBar和BalanceBar的大小，但是如何知道什么时候渲染了一切，以及将计算内容放在这个React类中？ /** @jsx React.DOM */ var List = require('../list'); var ActionBar = require('../action-bar'); var BalanceBar = require('../balance-bar'); var Sidebar = require('../sidebar'); var AppBase = React.createClass({ render: function () { return ( <div className="wrapper"> <Sidebar /> <div className="inner-wrapper"> <ActionBar title="Title Here" /> <BalanceBar balance={balance} /> <div className="app-content"> <List items={items} /> </div> </div> […]

单击表单中的button会刷新页面: 我有一个在Angular中有两个button标签的表单。一个button在ng-click上提交表单。另一个button纯粹是用ng-click导航的。但是，当第二个button被点击时，AngularJS会导致一个页面刷新，触发一个404。我在这个函数中放了一个断点，它正在触发我的函数。如果我执行以下任一操作，则停止：如果我删除ng-click ，该button不会导致页面刷新。如果我注释掉函数中的代码，它不会导致页面刷新。如果我将button标签更改为带有href=""的锚定标签（ <a> ），则不会导致刷新。后者似乎是最简单的解决方法，但为什么AngularJS甚至在我的函数之后运行任何代码，导致页面重新加载？看起来像一个错误。这里是表格： <form class="form-horizontal" name="myProfile" ng-switch-when="profile"> <fieldset> <div class="control-group"> <label class="control-label" for="passwordButton">Password</label> <div class="controls"> <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button> </div> </div> <div class="buttonBar"> <button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button> </div> </fieldset> </form> 这里是控制器的方法： $scope.showChangePassword = function() { $scope.selectedLink = "changePassword"; };

React JSX：在报价中访问道具: 在JSX中，如何从引用的属性值中引用来自props值？例如： <img className="image" src="images/{this.props.image}" /> 生成的HTML输出是： <img class="image" src="images/{this.props.image}">

使JSON Web令牌无效: 对于我正在研究的一个新的node.js项目，我正考虑从基于cookie的会话方法切换（我的意思是将id存储到包含用户浏览器中的用户会话的键值存储）到使用JSON Web Tokens（jwt）的基于令牌的会话方法（无键值存储）。该项目是一个利用socket.io的游戏 – 在一个会话中会有多个通信通道（web和socket.io）的情况下，基于令牌的会话将非常有用。如何使用jwt方法从服务器提供令牌/会话失效？我也想了解我应该用这种模式去寻找哪些常见（或不常见）的陷阱/攻击。例如，如果这种模式容易受到与基于会话存储/ cookie的方法相同/不同types的攻击的影响。所以，说我有以下（改编自这个和这个）：会话存储login： app.get('/login', function(request, response) { var user = {username: request.body.username, password: request.body.password }; // Validate somehow validate(user, function(isValid, profile) { // Create session token var token= createSessionToken(); // Add to a key-value database KeyValueStore.add({token: {userid: profile.id, expiresInMinutes: 60}}); // The client should save […]

有人可以解释这个“双重否定”的伎俩吗？: 我绝不是JavaScript的专家，但我一直在阅读Mark Pilgrim的“潜入HTML5”网页，他提到了一些我想要更好的理解的东西。他指出：最后，您使用双重否定技巧强制结果为布尔值（true或false）。 function supports_canvas() { return !!document.createElement('canvas').getContext; } 如果有人能更好地解释这一点，我将不胜感激！