小编Isa*_*son的帖子

Bower依赖波形在Node中

在bower(节点依赖包管理器)中,在某些依赖关系上,版本前面是波浪号.这是什么意思?

{
    "name": "mean",
    "version": "1.0.0",
    "dependencies": {
        "bootstrap": "3.0.0",
        "angular": "~1.0.6"
    }
{
Run Code Online (Sandbox Code Playgroud)

javascript bower

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

为Browserify定义全局变量

我正在使用SpineJS(它导出一个commonjs模块)并且它需要全局可用,因为我在任何地方都使用它,但似乎我必须Spine = require('spine')对每个使用Spine的文件进行操作.

有没有什么方法可以定义Spine一次以使其全球可用?

PS:我使用Spine作为例子,但我一般都想知道如何与其他任何库一起使用.

spine.js browserify

34
推荐指数
2
解决办法
3万
查看次数

使用无限滚动进行同位素v2过滤 - 过滤器未找到所有项目且窗口未在过滤器上调整大小

当心!

Isotope的GitHub仓库还有待处理的功能请求问题,如果您有兴趣查看官方文档和演示(如何结合同位素,无限滚动,过滤和排序),您应该添加一个""反应.它由Isotope的创造者打开以衡量兴趣.如果有兴趣,请upvote!

TL; DR:为了帮助获得官方文档和演示,请转到此处并添加""反应.


尝试使用Isotope JS插件和Paul Irish(可悲的是未维护的)Infinite Scroll插件拼凑出可过滤的布局.

过滤有点工作.最初它过滤第1页内容.为了过滤不在页面1上的项目,我需要向下滚动(我想这是将元素带入浏览器的内存中,从而使其可用于过滤脚本?)

通过一组初始页面内容的选择框(即:第1页的内容).

问题1: 如何让过滤器适用于所有页面项?ie:如何引用过滤器脚本中的所有元素,即使那些尚未通过无限滚动进入页面的元素?

问题2: 一旦我向下滚动并且所有元素都是可过滤的,窗口就不会在过滤时调整大小.因此,当通过过滤器只显示一个或两个元素时,仍然可以向下滚动页面(即使没有显示任何元素).在检查了这些元素后,我发现它们仍然在DOM中.

过滤脚本

function filterTags(){
  isotopeInit();

  var $checkboxes = $('#tag-wrap input')

  $checkboxes.change(function(){
    var arr = [];
    $checkboxes.filter(':checked').each(function(){
      var $dataToFilter = $(this).attr('data-filter');
      arr.push( $dataToFilter );
    });
    arr = arr.join(', ');
    $container.isotope({ filter: arr });
  });
};
Run Code Online (Sandbox Code Playgroud)

同位素初始化

function isotopeInit(){
  var $container = $('.post-excerpts').imagesLoaded( function() {
    $container.isotope({
      itemSelector: '.post-excerpt-block-wrap',
      layoutMode: 'masonry',
      animationEngine: "best-available",
      masonry: {
        columnWidth: '.post-excerpt-block-wrap' 
      },
      transitionDuration: '2.0',
       hiddenStyle: …
Run Code Online (Sandbox Code Playgroud)

javascript jquery filter infinite-scroll jquery-isotope

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

Svelte:有没有一种方法可以缓存 api 结果,这样就不会在每次组件渲染时触发 api 调用?

可能是我在 Google 中输入了错误的内容,无法得到好的答案。

是否有一种“推荐的精简”方法来存储 GET 结果的值,以便在每次刷新或链接切换时,存储中的结果都在组件中使用,直到超时(再次调用 api)?

我的目的是从外部 API 获取博客文章并在列表中显示它们,但不是在每次刷新或链接切换时显示它们。

我的代码:

<script>
  let posts = [];

  onMount(async () => {
    const res = await fetch(apiBaseUrl + "/blogposts");
    posts = await res.json();
  });
</script>

{#each posts as post}
  <h5>{post.title}</h5>
{/each}
Run Code Online (Sandbox Code Playgroud)

在伪代码中我想要的是:

if (store.blogposts.timeout === true){
  onMount(...);
  // renew component
} 
Run Code Online (Sandbox Code Playgroud)

javascript api caching store svelte

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

循环遍历Ajax请求的两种方法jQuery然后何时 - 使用哪些?

我在工作中有一个看似简单的博客项目,我正在尝试将Isotope Jquery(用于布局/过滤/排序),Infinite Scroll以及通过Ajax动态加载所有博客摘录(所以过滤和排序是在用户向下滚动页面之前应用于所有摘录(在此之后,它们被加载到dom然后可访问)).

这个问题主要涉及通过Ajax获取博客文章摘录数据,然后传递给Isotope过滤代码.我不确定这样做的最佳方法,但我目前正在尝试使用ajax请求遍历每个页面(博客文章摘录),然后作为一个整体访问数据.

我遇到了两种不同的方法来遍历ajax请求,每个请求使用then whenjquery语句.第一个是在这个SO答案中使用方法,另一个是简单地将整个then when语句放在一个$.each语句中.

方法1:

  var pageCount = 15;
  var pageCountArray = [];
  for (var i = 1; i != pageCount; ++i) pageCountArray.push(i);

  var deferreds = [];
  $(pageCountArray).each(function() {
    var pageNumber = this;
      deferreds.push(
        $.get('/page/' + pageNumber)
      )

    $.when.apply($, deferreds)
      .then(function(data){
        console.log(data); 
        // this outputs data as a string from the first page, then a list of objects
        console.log(typeof(data));
        // string
        // 13 - object …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery infinite-scroll jquery-isotope

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

样式表未在Mozilla Firefox中加载

我很难过.在FireFox中未正确加载的网站上工作.它在Chrome甚至IE中都很好用,但由于某种原因,样式表没有在FireFox中加载.

该网站:http://gregsonaccounting.com

我正在使用html5代码并使用了基本的重置等来自html5 Boiler Plate.不确定问题是否在我的html或CSS中.

任何见解都非常有帮助.

非常感谢.

html css mozilla cross-browser stylesheet

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

array.forEach.call vs array.map.call

querySelectorAll在JavaScript中循环结果,以下哪一个比另一个更优选?

[].forEach.call(document.querySelectorAll('div'){
  // do something
})

[].map.call(document.querySelectorAll('div'){
  // do something
})
Run Code Online (Sandbox Code Playgroud)

基本上,我想知道这些是否实现了从提供访问每个返回的dom元素的相同结果querySelectorAll.如果是这样,那么一个人可能想要使用另一个的原因是什么?

javascript arrays foreach map selector

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

使用js框架将json转换为pdf

我想通过客户端Javascript将json数据转换为pdf文件.你能指点我一个有用的方向吗?

例如,我想转换这个json

{"employees":[
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}
Run Code Online (Sandbox Code Playgroud)

进入pdf ...

Employees

FirstName: John  LastName  :Doe

FirstName: Anna LastName  :Smith

FirstName: Peter LastName  :Jones
Run Code Online (Sandbox Code Playgroud)

javascript

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

Meteor Braintree - 通过Meteor方法创建客户端令牌

我正在努力让Braintree Payments在Meteor应用程序中运行.我一直试图返回生成令牌(服务器端,通过Meteor方法)的结果,以便在客户端使用.

我试过这个:

/server/braintree.js

Meteor.methods({
  createClientToken: function() {

    var token = gateway.clientToken.generate({
        customerId: this.userId
      }, function(err, response) {
          clientToken = response.clientToken
          return clientToken
        }
      )

    console.log(token)
    return token
  }
})
Run Code Online (Sandbox Code Playgroud)

返回true.

我也试过这个:

Meteor.methods({
  createClientToken: function() {

    var clientToken
    gateway.clientToken.generate({
        customerId: this.userId
      }, function(err, response) {
          clientToken = response.clientToken
        }
      )

    console.log(clientToken)
    return clientToken
  }
})
Run Code Online (Sandbox Code Playgroud)

哪个回报undefined.

function(err, response)被异步调用,是吗?如果是这样,那就是问题的解释.似乎尝试从异步函数返回值是Javascript中的一个痛点.我已经阅读了一些SO答案(就像这一个,这一个这一个),但似乎没有一个让我朝着正确的方向前进.

另外,我相信我可能需要使用Meteor的wrapAsync方法,对吗?我已经试过这(发现这个这个相关的等等吧题),但似乎仍不能得到正确的事情.

感谢任何反馈.

更新:

有关将Braintree与Meteor集成的工作方法,请查看 …

javascript asynchronous braintree meteor

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