Tag: JavaScript
使用jQuery Select2清除下拉菜单
我试图以编程方式清除使用梦幻般的Select2库下拉。 下拉菜单使用Select2 query选项dynamic填充远程ajax调用。 HTML： <input id="remote" type="hidden" data-placeholder="Choose Something" /> 使用Javascript： var $remote = $('#remote'); $remote.select2({ allowClear: true, minimumInputLength: 2, query: function(options){ $.ajax({ dataType: 'json', url: myURL + options.term, error: function(jqXHR, textStatus, errorThrown){ smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term); }, success: function(data, textStatus, jqXHR){ var results = […]
用javascript生成随机密码string
我想要生成一个随机string，必须有从az和3个数字5个字母。 我怎样才能做到这一点与JavaScript？ 我有以下脚本，但不符合我的要求。 var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz"; var string_length = 8; var randomstring = ''; for (var i=0; i<string_length; i++) { var rnum = Math.floor(Math.random() * chars.length); randomstring += chars.substring(rnum,rnum+1); }
Facebook的反应与Web组件的优点和缺点（聚合物）
Facebook的React对于即将到来的Web组件规格有什么主要的好处，反之亦然（或者更多的苹果对苹果的比较是对Google的Polymer库）？ 根据这个JSConf EU谈话和React主页，React的主要好处是： 使用组件模型解耦和增加内聚力 抽象，构成和expression 虚拟DOM和合成事件（这基本上意味着他们完全重新实现了DOM及其事件系统） 在IE 8上启用现代HTML5事件 服务器端渲染 可测性 绑定到SVG，VML和<canvas> （显然）除了这个虚拟DOM的概念之外，几乎所有提到的内容都是通过Web组件本地集成到浏览器中的。 我可以看到虚拟DOM和合成事件今天如何能够有效地支持旧浏览器，但是不会丢掉大量的本地浏览器代码，就像长时间在自己的脚下投射一样？ 就现代浏览器而言，是不是很多不必要的开销/重新发明轮子？ 以下是一些我认为 React缺less的Web组件会关心的问题。 如我错了请纠正我。 本地浏览器支持（读“保证更快”） 在香草JavaScript中编写JavaScript，在CSS中编写CSS，在HTML中编写HTML。 使用Shadow DOM进行样式封装 React取而代之，这需要在JavaScript中编写CSS。 不漂亮。 双向绑定
如何input导出的RelayContainer
我正在尝试使用Relay.createContainerinput（使用flowtype）正在增强的组件。 我查看了“react-relay”包导出的types ，但是ReactContainer似乎并没有包含Props。 我用RelayContainer ， ReactClass ， React$Component等进行了实验，最后得到的预期结果是： // Foo.js // @flow import React from "react"; import Relay from "react-relay"; type Props = { title: string; } const Foo({ title }: Props) => (<div>{title}</div>); const exported: Class<React$Component<void, Props, void>> = Relay.createContainer(Foo, { fragments: { … } }); export default exported; – // Bar.js // @flow […]
是否有可能执行asynchronous跨域file upload？
有可能的！ 参见下文。 首先，让我使用这个图解释如何实现asynchronousfile upload ： 抱歉。 我已经closures了我的一个域名，现在形象已经消失了。 这是一个非常好的形象，但。 这是之前我发现堆栈溢出通过Imgur上传图像。 正如你所看到的，诀窍是让HTTP响应加载到一个隐藏的IFRAME元素而不是页面本身。 （这是通过在使用JavaScript提交FORM时设置FORM元素的target属性来完成的。） 这工作。 但是，我面临的问题是服务器端脚本在不同的域上 。 FORM-submit是一个跨域HTTP请求。 现在，服务器端脚本已经启用CORS，这使得我的网页有权读取从我的页面到该脚本的HTTP请求的响应数据 – 但是，只有当我通过Ajax接收HTTP响应时才有效， ergo，JavaScript。 但是，在这种情况下，响应是针对IFRAME元素的。 一旦XML响应登陆到IFRAME，它的URL就是删除脚本 – 例如http://remote-domain.com/script.pl 。 不幸的是，CORS不包括这种情况（至less我认为） – 我无法读取IFRAME的内容，因为它的URL不匹配页面的URL（不同的域）。 我得到这个错误： 不安全的JavaScript尝试访问来自具有URL hxxp：//my-domain.com/outer.html的框架的URL hxxp：//remote-domain.com/script.pl。 域，协议和端口必须匹配。 而且由于IFRAME的内容是一个XML文档，所以IFRAME里面没有可以使用postMessage东西。 所以我的问题是： 如何从IFRAME获取XML内容？ 正如我上面所说，我能够直接检索跨域的HTTP响应（CORS启用），但似乎我无法读取跨域HTTP响应，一旦他们加载到IFRAME。 就好像这个问题不能解决不了，让我排除这些解决scheme ： easyXDM和类似的技术需要在远程域上的一个端点， 更改XML响应（包含SCRIPT元素）， 服务器端代理 – 我知道我可以有一个服务器端脚本在我的域可以作为代理。 那么，除了这两个解决scheme之外，可以这样做吗？ 可以办到！！ 事实certificate，可以伪造一个模仿multipart/form-data FORM提交的XHR请求（Ajax请求）（在上面的图像中使用它来将file upload到服务器）。 诀窍是使用FormData构造函数 – 阅读这篇Mozilla黑客文章获取更多信息。 这是你如何做到的： // STEP 1 […]
什么是使用webpack导入angularjs的最佳做法？
你怎么一起使用Webpack和AngularJS，以及如何模板加载和按需提取资源？ 非常感谢为此目的编写的webpack.config.js文件的例子。 这里显示的所有代码片段都可以在这个github仓库中访问。 代码已经从这个packetloop git仓库慷慨地改编。 webpack.config.json var path = require('path'); var ResolverPlugin = require("webpack/lib/ResolverPlugin"); var config = { context: __dirname, entry: ['webpack/hot/dev-server', './app/app.js'], output: { path: './build', filename: 'bundle.js' }, module: { loaders: [{ test: /\.css$/, loader: "style!css-loader" }, { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded" }, { test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$/, loader: "file" }, { test: /\.html$/, loader: […]
如何使用Typeahead.js 0.10 step / by / remote / prefetch / local
POST的Twitter Typeahead 我已经2天了，试图了解并清楚了解如何使用/pipe理typeahead.js 0.10以使用本地，远程和获取的数据。 老实说，猎犬引擎对我来说并不清楚，关于如何操作/访问json对象和数组的详细信息仍然是一个问号。 我可以让本地的例子工作，但任何时候我尝试使用预取或远程选项，除了几个刻度，我不能工作。 我这篇文章的目的不是为了解答我的问题，而是find一个完全了解它的人，并且能够以一种非常简单的方式一步一步地解释（包括examples / jsfiddles-包括json的例子，知道什么是实际parsing）如何工作。 我想很多人都期待着理解它，这将是一个伟大的贡献（正如我们所知的其他详细的post一样）。 我想这是艰苦的工作。 预先感谢您的贡献者。 遵循下面的build议。 我的简单例子。 JSON文件 [ { "name": "Pink Floyd", "Album": "The Best Of Pink Floyd: A Foot In The Door", "Label": "EMI UK", "Tracks":"Hey You, See Emily Play, The Happiest Days Of Our Lives, Another Brick in The Wall (Part 2), Have a cigar, […]
在执行页面的javascript后保存页面的html输出
有一个网站，我想刮，首先加载一个HTML / JS修改表单input字段使用JS然后POST。 我怎样才能得到POST页面的最终html输出？ 我试图用phantomjs做到这一点，但似乎只有一个选项来呈现图像文件。 谷歌search表明它应该是可能的，但我不知道如何。 我的尝试： var page = require('webpage').create(); var fs = require('fs'); page.open('https://www.somesite.com/page.aspx', function () { page.evaluate(function(){ }); page.render('export.png'); fs.write('1.html', page.content, 'w'); phantom.exit(); }); 这个代码将被用于客户端，我不能指望他安装太多的包（nodejs，casperjs等） 谢谢
Android使用V8而不使用WebView
我正在执行从Java执行JavaScript。 犀牛在桌面上工作得很好，但是在Android上必须回到（慢速）解释模式（由于达尔维克无法执行犀牛JIT编译的Java字节码）。 Android有内置的V8 JavaScript引擎，可以通过JNI内部访问，应该比Rhino有更好的性能; 但是，我可以find访问它的唯一方法是间接通过WebView。 不幸的是，WebView需要一个上下文，并与NPE与空上下文崩溃，所以我甚至无法实例化一个虚拟的WebView只是执行代码并返回结果。 我的练习的本质并不能让我为WebView提供一个Context，所以我希望可能有一些我忽略的东西。 其中有几个V8Threads并行运行，所以在我的布局中添加一个WebView并隐藏它并不可行（因为我不相信一个WebView可以在多个线程中执行函数）。 private class V8Thread extends Thread { private WebView webView; private String source; private double pi; private int i, j; public V8Thread(int i, int j) { pi = 0.0; this.i = i; this.j = j; source = ""; try { InputStreamReader isReader = new InputStreamReader(assetManager.open("pi.js")); int blah = […]
Javascript中的轻量级规则引擎
我正在寻找在Javascript中实现的轻量级规则引擎的build议。 这种实现的原因是使用一小套规则（小于20）build立一个非常轻量级但快速的基于浏览器的模拟。 模拟将需要六个参数，并运行规则并在浏览器中显示结果，而无需返回到服务器。 想象一个带有几个单选button，checkbox，文本框和滑块的UI来控制参数。 仿真将根据任何参数变化快速重新运行。
