小编Sco*_*son的帖子

使用Jade迭代获取密钥和索引

如下所述:http://jade-lang.com/reference/,很容易获得索引或密钥.但有两种方法可以获得两者吗?

这个:

ul
  each val, index in {"day": "Wed", "link": "url", "message": "three"}
    li#item-= index + ': ' + val
Run Code Online (Sandbox Code Playgroud)

输出:

<ul>
  <li id="item-">day: Wed</li>
  <li id="item-">link: url</li>
  <li id="item-">message: three</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

但我想要这个:

<ul>
  <li id="item-0">day: Wed</li>
  <li id="item-1">link: url</li>
  <li id="item-2">message: three</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html iteration templates loops pug

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

来自Gulp的Mongo使用Gulp数据的数据

在使用Gulp Data时,如何从Mongo数据库中获取数据Gulp作为数据源?

Gulp任务(简化)

 gulp.task('db-test', function() {
    return gulp.src('./examples/test3.html')
        .pipe(data(function(file, cb) {
            MongoClient.connect('mongodb://127.0.0.1:27017/prototype', function(err, db) {
                if(err) return cb(err);
                cb(undefined, db.collection('heroes').findOne()); // <--This doesn't work.
            });
        }))
        //.pipe(data({"title":"this works"})) -> This does work
        .pipe(through.obj(function(file,enc,cb){console.log('file.data:'+JSON.stringify(file.data,null,2))}));
     });
Run Code Online (Sandbox Code Playgroud)

当我使用原型数据库时,我可以运行,

> db.heroes.findOne()
Run Code Online (Sandbox Code Playgroud)

得到这个结果:

{
  "_id" : ObjectId("581f9a71a829f911264ecba4"),
   "title" : "This is the best product!"
}
Run Code Online (Sandbox Code Playgroud)

javascript mongodb node.js gulp gulp-data

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

使用Modernizr加载HTML5 Shiv的性能

我的网站使用Modernizr,需要HTML5Shiv和PrintShiv.不使用Modernizr加载这些shivs,而是通过IE条件加载它们是否有任何性能优势?显然使用Modernizr更干净,但我专注于性能.

javascript performance modernizr

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

响应文本 - 功能未使用FitText和FlexSlider进行初始化

我有一个使用FlexSlider的响应式滑块.我还希望每个滑块下的文本调整大小.除第一个幻灯片外,FitText不会在任何幻灯片上初始化,或者如果我调整窗口大小.我怎样才能完成这项工作(没有FOUC)?应该在IE 8中工作,加上现代浏览器.

http://jsfiddle.net/simply_simpy/adtVP/11/

HTML

    <div class="flexslider">
      <ul class="slides">
        <li>
            <figure>
              <img src="http://lorempixel.com/400/200/animals/" alt="" />
              <figcaption>
                <h1>Lorem ipsum dolor sit amet</h1>
                <p>consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
              </figcaption>
            </figure>
        </li>
        <li>
            <figure>
              <img src="http://lorempixel.com/400/200/sports/" alt="" />
              <figcaption>
                <h1>uis nostrud exercitation ullamco </h1>
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco </p>
              </figcaption>
            </figure>
        </li>
        <li>
            <figure>
              <img src="http://lorempixel.com/400/200/people/" alt="" />
              <figcaption>
                <h1>ncididunt …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery responsive-design

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

使用 jQuery 进行 Google 分析点击事件

我有一长串需要跟踪的点击事件,例如:

  ga('send', 'event', 'Global', 'Social Action', 'Twitter');
Run Code Online (Sandbox Code Playgroud)


我遵循以下格式:

 $('#button').on('click', function() {
    ga('send', 'event', 'button', 'click', 'nav-buttons');
});
Run Code Online (Sandbox Code Playgroud)

有没有办法做到这一点,这样我就不必有多个点击事件?那么,我可以以某种方式传递该元素,而不是使用#button吗?

google-analytics

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