【国外JavaScript经典封装集合整理第1/3页】教程文章相关的互联网学习教程文章

javascript-Backbone.js-过滤集合与多个集合【代码】

我正在使用骨干.js构建一个文件管理器.它是CMS(内容管理系统)Im建筑的一部分,可通过灯箱/模式窗口进行访问.我需要显示附加到特定内容类型(如帖子)的文件,以及所有一般文件. 在这一点上,我有两个单独的集合,一个libraryCollection(所有文件)和galleryCollection(一个帖子文件).我使用此方法遇到的第一个问题是:编辑libraryCollection中的文件并将模型更改事件绑定到视图显然不会影响galleryCollection视图. 有一个更好的方法吗?我...

javascript-0.5.3至0.9.2添加到集合效率低下【代码】

我从lobb.js的0.5.3升级到0.9.2,并且发现我的应用程序速度显着下降.该应用程序处理许多大型集合,并在某些点添加了大量模型.一次添加0至600个模型之间的任何位置.在0.5.3版本中,sortedIndex函数是使用最多的CPU,占CPU的12%.在0.9.2版本中,代码变得非常慢,并且sortBy函数占用了70%的CPU. 我怀疑他们是在添加所有模型然后对其进行排序,而不是将每个模型添加到应保持集合排序的位置.有没有我可以使用的标志,以使其使用旧方法或任何其...

javascript-如何获取Meteor.js集合,然后在DOM加载后将其传递给函数【代码】

如何在集合上执行查询,然后在呈现特定div后执行另一个功能? 如果要执行以下操作,则会从.highcharts()中收到错误消息,指出它无法找到div #chart. main.html<template name="chart"><div id="chart">{{init}}</div> </template>main.jsTemplate.chart.init = function() {// Get results of query firstvar data = myCollection.find();data.forEach(function(row) {console.log(data.price); // yes we received the collection});...

javascript-从范围集合中获取每个文本【代码】

我在控制台的一个div中有三个span:$(".cnt_step_2 .regions_list li span") [ <span>?text0?</span>? , <span>?text1</span>? , <span>?text2</span>? ]我想获取每个跨度的每个文本 对于第一次跨度,我尝试得到这样的:$(".cnt_step_2 .regions_list li span")[0] <span>text0</span.现在我只想提取文本$(".cnt_step_2 .regions_list li span")[0].text()TypeError: undefined is not a function我也尝试$(".cnt_step_2 .regions...

javascript-将集合而不是数组传递给fetch().then()回调【代码】

从服务器获取数据并返回Promise的模块MedicineManager.module("Entities", function (Entities, MedicineManager, Backbone, Marionette, $, _) {Entities.Suggestion = Backbone.Model.extend({default: {suggestion: ""}});Entities.SuggestionCollection = Backbone.Collection.extend({model: Entities.Suggestion,comparator: "suggestion"});var API = {getSuggestions: function (medicine) {var suggestions = new Entitie...

javascript-在AngularJS中深入$watch一个集合【代码】

这个问题已经在这里有了答案: > How to deep watch an array in angularjs? 10个这是我的对象:$scope.steps = {service: {selected_service: '',selected_month: '',selected_year: '',selected_day: ''},payment: {selected_dd_type: '',cc: {selected_card_type: '',credit_card_number: '',name_on_card: '',expiry_month: '',expiry_year: ''},bank_acc: {bsb_num...

JavaScript-将函数应用于具有相同类名的div集合中的特定div【代码】

当我将鼠标悬停在.winner-container上时,JS函数告诉.headline从.winner-container中移出,然后告诉.bottom移入.winner-container.当我将鼠标悬停时,情况正好相反. 问题是,我将拥有数百个带有.winner-container类的容器.因此,我意识到,当我将鼠标悬停在一个容器上时,该功能将同时应用于数百个不同的容器.我只希望将函数应用于我悬停的特定容器.我可以通过为每个容器指定一个ID,然后为每个ID编写新的JS代码来做到这一点,但是考虑到会有...

javascript功能插件大集合 前端常用插件 js常用插件

转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具。?npm – npm 是 javascript 的包管理器。?Bower – 一个 web 应用的包管理器。?component – 能构建更好 web 应用的客户端包管理器。?spm – 全新的静态包管理器。?jam – 一个专注于浏览器端和兼容 RequireJS 的包管理器。?jspm – 流畅的浏览器包管理器。?Ender – 没有库文件的程序库。?volo – 以项目模板、添加依赖项...

javascript-使用“ where()”时,在AngularFirestore中查询集合不会导致任何数据【代码】

我有几个城镇的火力清单.该访问适用于:public locations: Observable<any[]>;constructor(db: AngularFirestore) {this.locations = db.collection('/Locations').valueChanges();}然后,我可以使用以下方法访问所有位置的数据:{{ location.location_id }} etc现在,我想在下一页访问一个特定城镇中的所有位置.this.locationCollection = db.collection('/Locations', ref => ref.where('location_id', '==', 'Townname'));但是它不...

javascript-从Backbone.js中的集合中删除多个元素

我有一个Backbone.js集合,想要同时从中删除一些元素.我还想删除已删除模型的视图元素. 问题是,如果我使用collection.remove(arrayOfModels),它将触发多个DELETE请求.这是不明智的性能,如果出现问题,我也可能想取消整个批处理的删除.因此,我想使用已删除元素列表作为参数发出单个请求. 最好的方法是什么?我应该覆盖Backbone.sync并以某种方式聚合已删除元素的ID来发出单个请求吗?还是只是手动发出请求并触发每个已删除模型的“删除...

javascript-Backbone.js集合视图呈现重复项【代码】

在我的Backbone.js应用程序中,我需要能够在集合中现有项目之间插入新项目.到目前为止,我在网络上发现的所有示例似乎都假定应该将新项目附加到集合的末尾.这对我的目的不起作用,因此我选择在添加新项目时重新呈现整个集合. 但是,原始项目不会从视图中删除.而是将一组重复的项目附加到列表的末尾.我可以通过使用jQuery在渲染之前清除项目来解决此问题,但这似乎是错误的. 这是我现在所拥有的:Item = Backbone.Model.extend({price: n...

javascript-2个具有相同模型但排序顺序不同的骨干.js集合【代码】

我必须在同一页面的2个不同位置显示一次主干模型集合(一次在导航中,一次在主区域),我需要保持集合中的模型同步,但允许对每个集合进行排序不一样.导航始终按字母顺序升序,但主要内容区域中的排序可由用户配置.最好的方法是什么?我是否应该有2个不同的集合和事件绑定来尝试确保其模型始终相同(使用添加/删除/重置事件)?我是否应该只有1个收藏集,并根据需要即时更改其排序顺序?解决方法:我通常认为不应更改集合以表示瞬时重新排序,...

javascript-如何正确使用Backbone.js集合显示列表【代码】

我刚刚开始接触Backbone,并对此感到困惑. 我有一个页面,显示文档列表. 单击列表中的文档将打开完整的文档以进行编辑. 据我了解,在Backbone中对该列表建模的正确方法是作为文档模型的集合.var DocList = Backbone.Collection.extend({model: document });但是,文档模型将很大,具有许多属性.该列表不需要显示所有这些信息. 我想知道是否最好有以下内容…var ShortDoc = Backbone.Model.extend({}); var shortDoc = new Doc({ id: id,...

javascript-如何将对象插入流星集合【代码】

我才刚刚开始学习Meteorjs,并且有更多的问题比答案要多. 我想将我的应用程序的翻译存储到一个临时的Collection中,并订阅Iron Router进行发布.我有一个字典对象,我想插入到集合中. 这是我的方法: 在server / translations.js中translations = {ru_RU: {'value1': 'translation1','value2': 'translation2'},en_US: {'value1': 'translation1','value2': 'translation2'} };在collections / translates.js中Translates = new Meteor...

Javascript-给定ID列表,查询集合中不存在哪些ID的最佳方法是什么?【代码】

我有一个包含唯一ID字段的文档集合.现在,我有了一个ID列表,其中可能包含一些集合中不存在的ID.从列表中找出这些ID的最佳方法是什么? 我知道我可以使用$in运算符来获取列表中包含ID的文档,然后将其与给定的ID列表进行比较,但是有更好的方法吗?解决方法:不幸的是,MongoDB只能使用内置函数(否则,我建议使用集合),但是您可以尝试在列表中找到所有不同的ID,然后手动将其取出. 像(未经测试的):var your_unique_ids = ["present", "not...

封装 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部