小编bad*_*ard的帖子

在对象中引用Javascript对象的正确方法

我是JavaScript的新手,我不太确定在我的应用程序中使用的以下遗留淘汰赛和JS代码:

file1.js:

var FbPicturesObj = {
    fbPicturesVM: new FbPicturesVM(),
    initialize: function () {
        ko.applyBindings(FbPicturesObj.fbPicturesVM, $("#fb-albums")[0]);
        ko.applyBindings(FbPicturesObj.fbPicturesVM, $("#fb-album-photos")[0]);
    },
    Reset: function Reset() {
        FbPicturesObj.fbPicturesVM.albums([]);
        FbPicturesObj.fbPicturesVM.photos([]);
    }
}
Run Code Online (Sandbox Code Playgroud)

file2.js:

function FbPicturesVM() { 

...... some code ....
 }
Run Code Online (Sandbox Code Playgroud)

我的问题是:

  1. 每次调用FbPicturesObj.fbPicturesVM都会在内存中创建fbPicturesVM的新实例吗?
  2. ko.applyBindings调用正确写入?(在代码优化方面)

非常感谢.

javascript knockout.js

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

用于从一侧到另一侧滑动长文本的角度指令

有没有人知道在 HTML 元素上悬停时滑动长文本的 Angular 指令?如果可能的话,我不喜欢使用 jQuery 插件。

目前,文本正在使用 css 截断,但我希望能够在将鼠标悬停在其上时向用户显示剩余的字符。

任何替代解决方案也受到热烈欢迎。

我的HTML:

<div class="name"><span>{{ field.name }}</span>
Run Code Online (Sandbox Code Playgroud)

我的CSS:

span {
     padding: 0 10px;
    font-size: 16px;
    font-weight: 100;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    }
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery angularjs

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

无法使用 Vuejs 在 Storybook 中使用 axios-mock-adapter 模拟 axios api 调用

一直试图在我的 VueJS 项目中使用故事书,但我一直坚持模拟 api 调用。我尝试使用 axios-mock-adapter 没有运气。

我的故事书文件代码是:

import { storiesOf } from '@storybook/vue';
import { action } from '@storybook/addon-actions';
import { withKnobs, boolean } from '@storybook/addon-knobs';
import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';
import fileUpload from './fileUpload.vue';

const mock = new MockAdapter(axios);

mock
  .onPost('https://s3.amazonaws.com')
  .reply(200, []);

storiesOf('Common|File CSV Upload', module)
  .addDecorator(withKnobs)
  .add('Default', () => ({
    components: { fileUpload },
    data: () => ({
    }),
    template: ` 
        <v-flex>
            <file-upload></file-upload>
       </v-flex>`,
    methods: {
      action: action('file upload'),
    },
  }));
Run Code Online (Sandbox Code Playgroud)

我用对了吗?

vue.js axios storybook axios-mock-adapter

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

数组Array中的Javascript嵌套过滤器

我有这种格式的对象数组:

var full_list = [
        {
            "pid": 1,
            "items":[
                {"item_id": '9'},
                {"item_id": '10'},
                {"item_id": '12'}
            ]
        },
        {
            "pid": 2,
            "items":[
                {"item_id": '33'},
                {"item_id": '22'},
                {"item_id": '65'}
            ]
        }...
    ];
Run Code Online (Sandbox Code Playgroud)

我有一个tmp数组,它由完整数组中的对象组成:

 var tmp_list =  [
        {
            "pid": 2,
            "items":[
                {"item_id": '33'},
                {"item_id": '22'},
                {"item_id": '65'}
            ]
        }, {....}
Run Code Online (Sandbox Code Playgroud)

我想过滤掉完整列表中的对象,其中至少有一个selectedIDs值出现在对象的项目的id数组中

var selectedIDs = {'1', '9', '45', ....};
Run Code Online (Sandbox Code Playgroud)

然后将它们添加到tmp列表中.

我尝试使用过滤器,但我没有完全搞清楚.

谢谢.

selectedIDs.forEach(function(id) {
                var tmp = full_list.filter(function (obj) {
                            obj.items.forEach(function (item) {
                                if (item.id === id) {
                                    console.log('found');
                                }
                            });
                        });
                        tmp_list.push(tmp); …
Run Code Online (Sandbox Code Playgroud)

javascript arrays filter

4
推荐指数
2
解决办法
7876
查看次数

当Modal中的大项目列表时,angular-ui-select的下拉列表的行为缓慢

我在bootstrap模态窗口中使用angular-ui-select和~1500项的列表.

用户执行的每个操作都会延迟2秒.我试图通过使用'minimum-input-length'来提高性能,但过滤器不起作用.

Plunkr示例:https://plnkr.co/edit/H0kbeR4kHfZFjsBnpjBC p = preview

我的Html:

<ui-select multiple sortable="true" ng-model="vm.selected" theme="select2" style="width: 100%;">
              <ui-select-match placeholder="Select...">{{ $item.name }}</ui-select-match>
              <ui-select-choices repeat="item in vm.items | filter: $select.search" minimum-input-length="2">
                <div ng-bind-html="item.name | highlight: $select.search"></div>
              </ui-select-choices>
            </ui-select>
Run Code Online (Sandbox Code Playgroud)
  1. 有谁知道如何提高性能?
  2. 如何申请最小字符过滤?

    谢谢.

angularjs ui-select angular-ui-select

4
推荐指数
1
解决办法
4510
查看次数

在文本字段内用v-tooltip包装v-icon?

我需要创建文本字段的帮助,该文本字段内部有一个图标,并在该图标上附加了工具提示。我的代码:

<v-text-field
                    v-model="url">
                  <span slot="label">Url
                   <v-tooltip bottom>
                      <v-icon
                        slot="activator"
                        color="primary"
                        dark
                      >home</v-icon>
                      <span>Tooltip</span>
                    </v-tooltip>
                   </span>
               </v-text-field>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

谢谢。

vuetify.js

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

从 ES5 'for-each' 循环翻译 ES6 'for' 循环

我需要帮助将以下 es6 循环转换为 es5 代码。

for (let [field_name, field] of impList) {
//// some code
}
Run Code Online (Sandbox Code Playgroud)

谢谢。

javascript ecmascript-5 ecmascript-6

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