Tag: JavaScript

React Native中的绝对和Flexbox: 我想把一个白色的酒吧，将采取在屏幕底部的所有宽度。为此，我考虑了使用absolute定位和inheritance的flexbox参数。随着下面的代码呈现这样的东西。这是我的代码： var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2… </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var navigationBarStyles = StyleSheet.create({ navigationBar: […]

JavaScript DOM：在容器中查找元素索引: 我需要通过对象引用在其容器内find元素的索引。奇怪的是，我找不到一个简单的方法。没有jQuery请 – 只有DOM。 UL LI LI LI – my index is 2 LI 是的，我可以为每个元素分配ID，并遍历所有节点来匹配ID，但这似乎是一个不好的解决scheme。没有更好的东西吗？所以，说我有一个对象引用第三个LI，如上面的例子。我怎么知道它是索引2？谢谢。

使用jQuery $（this）和ES6箭头函数（lexical this binding）: 使用ES6的箭头函数与词法this绑定是伟大的。不过，我刚才遇到一个问题，使用它与一个典型的jQuery点击绑定： class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } 改为使用箭头function： class Game { foo() { this._pads.on('click', () => { if (this.go) { $(this).addClass('active'); } }); } } 然后$(this)被转换成ES5（self = this）types的闭包。是否让Traceur忽略“$（this）”来进行词法绑定？

Webpack – 错误：无法在加载器列表中定义“查询”和多个加载器: 我在数组中添加'react-hot'加载器后出现错误。我已经按照这个教程︰https: //robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement然而，我越来越Error: Cannot define 'query' and multiple loaders in loaders list 。 var WebpackDevServer = require("webpack-dev-server"); var webpack = require('webpack'); var path = require('path'); require("babel-polyfill"); var BUILD_DIR = path.resolve(__dirname, 'build'); var APP_DIR = path.resolve(__dirname, 'src'); module.exports = { entry: [ 'babel-polyfill', 'bootstrap-loader', 'webpack/hot/dev-server', APP_DIR + '/import.js', ], output: { path: BUILD_DIR, filename: 'bundle.js' }, […]

Websocket的onerror – 如何阅读错误描述？: 我一直在开发基于浏览器的多玩家游戏，我已经在不同的环境（客户端办公室，公共WiFi等）testing了不同的端口可访问性。一切进展顺利，除了一件事：我不知道是如何阅读错误号。或接收到错误事件时的描述。客户端websocket是在JavaScript中完成的。例如： // Init of websocket websocket = new WebSocket(wsUri); websocket.onerror = OnSocketError; …etc… // Handler for onerror: function OnSocketError(ev) { output("Socket error: " + ev.data); } 'output'只是写入div的一些实用函数。我得到的是对ev.data的“未定义”。总是。我一直在search，但似乎没有关于这个事件有什么参数和如何正确阅读的规格。任何帮助表示赞赏！

Bootstrap的JavaScript需要jQuery 1.9.1或更高版本: 我有我的代码中的所有必要的文件，我仍然得到这个错误： Bootstrap的JavaScript需要jQuery 1.9.1或更高版本这是我的代码： <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script> <script src="js/jquery.responsiveiframe.js"></script> <script src="js/ios-orientationchange-fix.js"></script> 任何人之前有这个错误？我可以尝试下载一个本地副本，而不是使用CDN链接，但这是真的没有必要，再加上我想知道为什么这是行不通的！编辑：我试过很多不同的图书馆，我发布的是我试过的最后一个

我可以直接从AngularJS的HTML下访问模块常量: 我想直接在html中使用less量常量，在控制器中使用less量常量。例如，这是主要的应用程序模块： angular.module('website', []) .constant('ROUTES', (function () { return { SIGN_IN: '/sign/in' } })()) .config([…, 'ROUTES', function(…, ROUTES { $routeProvider.when(ROUTES.SIGN_IN, {templateUrl: 'pages/sign_in.html', controller: 'SignInController'}); }]); 所以这很清楚，如何使用控制器的常量。但我怎么能这样做： <html ng-app="website"> <body> <a href="{{ROUTES.SIGN_IN}}">Sign in</a> </body> </html> 重点是保持所有路线在一个地方。所以，我能做到这一点，或者我可以select错误的方式吗？