在线Lodash代码测试

Online Lodash Tester 在线测试你基于lodash.js的代码。

lodash.js, tool

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 15330
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="navbar-brand">Online Lodash Tester <small>by <a href="https://form.io" target="_blank"><img src='https://help.form.io/assets/formio-logo.png' style="height:1em" /></a></small>
            </div>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
        </div>
    </div>
</nav>
<div class="container" style="margin-top: 65px;margin-bottom: 150px;">
    <div class="jumbotron">
        <h1>Online Lodash Tester</h1>
        <div class="alert alert-success">Testing Lodash version <strong id="version"></strong>
        </div>
        <p>This is an online tester for the <a href="https://lodash.com" target="_blank">Lodash Library</a>. Simply type your code in the box below and press <strong>Execute</strong>. It will run your code and then show the results in the <strong>Results</strong>            section.</p>
        <p>Brought to you with <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> by
            <a href="https://form.io" target="_blank"><img src='https://help.form.io/assets/formio-logo.png' style="height:1em" />
            </a>.
            <p>
            </p>
    </div>
    <div class="row">
        <div class="col col-sm-12">
            <h3>Lodash Code</h3>
            <p>Enter your code below. Set the value of <code>result</code> to what you would like to show in the results section.</p>
        </div>
    </div>
    <div class="row">
        <div class="col col-sm-7">
            <div><strong>Example:</strong><pre>
var users = [
  { user: 'barney', age: 36, active: true },
  { user: 'fred',  age: 40, active: false },
  { user: 'travis', age: 37, active: true}
];

result = _.filter(users, function(o) { return o.active; });
      </pre>
            </div>
            <textarea id="code" class="form-control" rows="10" placeholder="Enter your lodash code here."></textarea>
            <br/>
            <a class="btn btn-primary" id="execute">Execute</a>
        </div>
        <div class="col col-sm-5">
            <strong style="margin-top:0;">Result:</strong>
            <pre class="pre-scrollable" id="result"></pre>
        </div>
    </div>
</div>

<div class="well" style="text-align:center;margin-bottom:0;border-radius:0;">
    <p>Brought to you by <a href="https://form.io">Form.io</a>
</div>

Online Lodash Tester 在线测试你基于lodash.js的代码。

lodash.js, tool

编辑器支持Emmet

快捷键

Online Lodash Tester 在线测试你基于lodash.js的代码。

lodash.js, tool

chroma.js svg花朵动图（花形图案）在线生成器

Lodash.js 藏蓝色莲花波动图

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：