小编Gha*_*chi的帖子

桌面视图上的SlikNav多级菜单?

我正在使用SlikNav制作移动导航菜单.我有这个结构:

<nav>
    <ul>
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Products</a>
            <ul>
                <li>
                    <a href="#">Child1</a>
                </li>
                <li>
                    <a href="#">Child2</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

这在移动视图上工作正常,这是一个codepen.

我的桌面版本很简单:nav ul li { display:inline; }这使列表显示为内联.

我的问题是,SlickNav可以让下拉菜单也可以在桌面视图中使用吗?

html javascript css jquery slicknav

18
推荐指数
1
解决办法
392
查看次数

node.js:如何使用setInterval和clearInterval?

这是我在nodeJS中的JS:

function test(a, room, seconds) {
    console.log(a, room, seconds);
}

intervalid = setInterval(test, 1000, 'room', 20);
console.log('intervalid', intervalid);
Run Code Online (Sandbox Code Playgroud)

这返回了我的输出:

intervalid Timeout {
    _called: false,
    _idleTimeout: 1000,
    _idlePrev: TimersList {
        _idleNext: [Circular],
        _idlePrev: [Circular],
        _timer: Timer { '0': [Function: listOnTimeout], _list: [Circular] },
        _unrefed: false,
        msecs: 1000,
        nextTick: false
    },
    _idleNext: TimersList {
        _idleNext: [Circular],
        _idlePrev: [Circular],
        _timer: Timer { '0': [Function: listOnTimeout], _list: [Circular] },
        _unrefed: false,
        msecs: 1000,
        nextTick: false
    },
    _idleStart: 377,
    _onTimeout: [Function: test],
    _timerArgs: [ 'room', …
Run Code Online (Sandbox Code Playgroud)

node.js

14
推荐指数
3
解决办法
4万
查看次数

数组作为空时服务中断的模型

我有两个路由:一个有自定义组件,重复数组中的数据,允许用户添加和删除项目,另一个路由只显示模型.该模型存储在服务中.模型JSON数据如下所示:

[
    {name: "one"},
    {name: "two"},
    {name: "three"}
]
Run Code Online (Sandbox Code Playgroud)

组件全部使用ng-model并分配this给变量vm.遵循John Papa风格指南的所有最佳实践.

如果我通过使用slice(),, pop()或将数组长度设置为0 来清空数组,它就会中断.您仍然可以向其添加数据,但如果您导航到其他路径,模型将显示为空数组.如果再次导航,则数组仍为空.

如果我使用键和数组作为值使我的模型成为对象,那么一切都按预期工作.所以我的问题是,这只是一个限制还是我做错了什么?

{
    myarray: [
        {name: "one"},
        {name: "two"},
        {name: "three"}
    ]
}
Run Code Online (Sandbox Code Playgroud)

以下是使用包含该数组的对象的工作示例.

这里是使用数组的非工作示例.

你会看到一个不起作用的,你将清空数组然后添加它,它将不会在数据路径中保留数据.

arrays service model angularjs

9
推荐指数
1
解决办法
165
查看次数

创建具有不确定数量的连续调用的函数

作为编程挑战的一部分,我们的任务是创建一个具有不确定数量的连续调用的函数.举个例子,假设函数只返回提供的参数的总和,它应该如下工作:

sum(4)() // 4
sum(4)(5)() // 9
sum(4)(5)(9)() // 18
sum(4)(5)(9)(1)() // 19
// etc...
Run Code Online (Sandbox Code Playgroud)

最后允许的空函数调用将问题简化为呼叫结束的指示.

我已经开发了一个解决方案来完成工作,但在函数本身内部使用全局变量:

var sum = function (a) {
    if (!sum.init) {
        sum.total = 0;
        sum.init = true;
    }
    if (!arguments.length) {
        sum.init = false;
        return sum.total;
    }
    sum.total += a;
    return sum;
};
Run Code Online (Sandbox Code Playgroud)

这个解决方案有效,但使用状态,全局变量和函数对象技巧,这是不理想的.我的问题是,是否有办法以纯粹的递归方式解决问题.

作为旁注,如果没有提供最后一次空调(),我不相信问题可以解决,但如果我错了请告诉我.

更新

CodeReview已回答了这个问题:https://codereview.stackexchange.com/a/153999/129579

一种不依赖于全局范围且纯功能的neet解决方案.

javascript functional-programming

8
推荐指数
1
解决办法
259
查看次数

使用itext添加xmp扩展架构以符合PDF/A标准

我正在寻找一个工作的iText版本5.5.4示例,以添加myProp内容类似于<custom>My metadata</custom>PDF文档的自定义元数据值.在这种情况下,我们不能使用像DC这样的现有模式.

提前致谢.

xmp itext pdfa

7
推荐指数
0
解决办法
352
查看次数

如何使用Angularjs Dropdown Multiselect显示带计数的下拉值?

AngularJS Dropdown Multiselect - 每个选项搜索自定义模板.

我发现我的查询的解决方案将使用AngularJS Dropdown Multiselect文档的上述URL,但如果我使用下面的代码,它不会反映在我的应用程序的视图中:

$scope.example19settings = {
    template: '<b>{{option.name}}</b>'
};
Run Code Online (Sandbox Code Playgroud)

我想通过添加一个计数来实现它:

$scope.example19settings = {
    template: '<b>{{option.name}}({{option.count}})</b>'
};
Run Code Online (Sandbox Code Playgroud)

有任何建议或遗漏链接?

$scope.extraSettings = {
    settings: {
        selectedToTop: true,
        styleActive: true,
        /*template: '<b>{{option.label}}</b>'*/
        scrollable: true,
        scrollableHeight: 200,
        showEnableSearchButton: true        
    }
};
Run Code Online (Sandbox Code Playgroud)

javascript multi-select angularjs

7
推荐指数
1
解决办法
1237
查看次数

如何从具有其他字段的 formik 形式的 React FieldArray 中获取值?

我创建了一个 Formik 表单,它包含一个字段数组 form 并且fieldArray作为单独的组件位于两个单独的类中。

我的表格:

<Formik onSubmit = {(values, { setSubmitting }) => { setSubmitting(false);}}
        enableReinitialize>
    {({handleSubmit, errors})=> (
        <Form onSubmit= { handleSubmit }>
            <Form.Group as= { Row } controlId= "cpFormGroupTitle" className="required">
                <Form.Label className="post-create-label"  column sm={ 2 } >
                    Title
                </Form.Label>
                <Col sm={ 10 }>
                    <Field name="title" component={ renderTextField } type="text"
                           isinvalid={ !!errors.title ? "true": "false" }
                           placeholder="Title *" />
                </Col>
            </Form.Group>
            <Form.Group as= { Row } controlId= "cpFrmGroupShortDesc"  className="required">
                <Form.Label className="post-create-label"  column sm={ 2 } > …
Run Code Online (Sandbox Code Playgroud)

reactjs formik

7
推荐指数
1
解决办法
1万
查看次数

在表面上使用屏幕键盘后,输入文本的窗口将移动到顶部

我在WinJS中有以下代码:

<win-menu id="showAddContentMenu"
          anchor="'#showAddContentMenuCommand'">
    <win-menu-command label="::'newFolder' | translate"
                      ng-click="showFileNameFlyout()"
                      id="newFolderCommand">
    </win-menu-command>
    <win-menu-command label="::'uploadContent' | translate"
                      ng-click="uploadFile()">
    </win-menu-command>
</win-menu>

<win-flyout id="createFolderNameFlyout"
            anchor="'#newFolderCommand'">
    <form ng-submit="createNewFolder(addContent.folderName);hideFileNameFlyout();">
        <input type="text"
               ng-model="addContent.folderName" />
        <button class="btn-green"
                type="submit"
                ng-disabled="addContent.folderName.length === 0"
                ng-bind="'create' | translate">
        </button>
    </form>
</win-flyout>
Run Code Online (Sandbox Code Playgroud)

当我点击New Folder按钮时,它会弹出一个表格,我必须为该文件夹引入一个名称,但如果我在表面上并且我也这样做,并且在我打开屏幕键盘后,输入文本的表单将移动到最佳.

这是showFileNameFlyout功能:

 $scope.showFileNameFlyout = function () {
     const winControl = document.getElementById('createFolderNameFlyout').winControl;
     winControl.show(document.getElementById('showAddContentMenu'), 'left', 'center');
 };
Run Code Online (Sandbox Code Playgroud)

有谁知道如何解决这个问题?我想,在我关闭屏幕键盘后,win-flyout元素不能在顶部移动.谢谢!

javascript surface windows-applications winjs angularjs

6
推荐指数
0
解决办法
181
查看次数

在VSCode中调试CoffeeScript转到.js文件

我正在尝试在vs代码中调试CoffeeScript文件.它工作,我可以单步执行compiled.js文件.但是,我无法单步执行实际的CoffeeScript文件.

这是我的launch.json文件:

{
    "type": "node",
    "request": "launch",
    "name": "Launch Meeting",
    "program": "${workspaceRoot}/lib/meeting/meeting-service.coffee",
    "cwd": "${workspaceRoot}",
    "env": {
        "NODE_ENV": "local"
    },
    "sourceMaps": true
}
Run Code Online (Sandbox Code Playgroud)

在另一个窗口中,我正在运行:

./node_modules/.bin/coffee -mc --watch lib/activity/note-activity-model.coffee \
                                       lib/activity/note-activity-publisher.coffee \
                                       lib/app-event-queue.coffee \
                                       lib/meeting/meeting-api.coffee \
                                       lib/meeting/meeting-service.coffee \
                                       lib/meeting/meeting-socket-service.coffee \
                                       lib/meeting/meeting-util.coffee
Run Code Online (Sandbox Code Playgroud)

当我在coffee文件中设置断点时,调试器会在已编译的js文件上暂停.我需要咖啡文件.

node.js coffeescript visual-studio-code

5
推荐指数
1
解决办法
869
查看次数

清除文本字段材料-ui ReactJS

我有两个文本字段和一个使用 Material-UI 的按钮,我想要实现的是在单击按钮时清除文本字段的内容,但我不知道该怎么做,我是 React 的新手- JS。

这是我的代码:

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';

export default class CreateLinksave extends React.Component {
    render() {
        return (
            <div clssName="container">
                <div>
                    <TextField floatingLabelText="Receipt Desc" />
                </div>
                <div>
                    <TextField floatingLabelText="Triggers Required" />
                </div>
                <RaisedButton label="Clear" />
            </div>
        );
    }
};
Run Code Online (Sandbox Code Playgroud)

有人可以帮我吗?

javascript reactjs material-ui

5
推荐指数
1
解决办法
2万
查看次数