小编Jam*_*ron的帖子

使用Underscore.js for CoffeeScript

我正在使用CoffeeScript进行开发,并希望开始使用Underscore.js.我知道任何JS库都可以在CoffeeScript中使用.

网上有正规UnderscoreJS,也是一个CoffeScript版本.两者的含义有什么不同吗?是否完全可以使用下划线JS版本来满足我的CoffeeScript需求?

coffeescript underscore.js

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

Underscore.js - 迭代对象并计算对象属性

我刚刚开始使用Underscore.js,并希望了解如何执行以下操作.我有以下JSON已经解析并存储在parsedJson变量中:

{
    "name": {
        "cinema": {
            "size": {
                "w": 256,
                "h": 200
            },
            "frame": {
                "x": 0,
                "y": 0,
                "w": 256,
                "h": 200
            }
        },
        "dirt": {
            "size": {
                "w": 128,
                "h": 64
            },
            "animaton": {
                "frames": 0,
                "speed": 0
            },
            "frames": {
                "frame1": {
                    "x": 128,
                },
                "frame2": {
                    "x": 128,
                },
                "frame3": {
                    "x": 128,
                },
                "frame4": {
                    "x": 128,
                }
            }
        },
        "grass": {
            "size": {
                "w": 128,
                "h": 64
            },
            "animaton": {
                "frames": 0,
                "speed": 0 …
Run Code Online (Sandbox Code Playgroud)

underscore.js

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

删除页面顶部的白条

我有以下代码,将 html 和正文边距和填充设置为零,但它们的顶部仍然有间隙,为什么?:

在此输入图像描述

CSS

html, body {
    margin: 0;
    padding: 0;
}

.mobile body {
    overflow: hidden;
}

.mobile #wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile #scroller {
    height: 3000px;
}


.header {
    background: url(../img/dark_exa.png) repeat;
    height: 300px;
    margin: 0 auto;
    text-align: center;
}

.header h1 {
    color: white;
}
Run Code Online (Sandbox Code Playgroud)

超文本标记语言

<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Mobile Parallax with Stellar.js - Demo</title>
        <link rel="stylesheet" type="text/css" href="css/normalize.css" />
        <link …
Run Code Online (Sandbox Code Playgroud)

html css

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

基于javascript中对象的一个​​属性的值对对象数组进行排序

可能重复:
根据对象的某个属性对对象的JavaScript数组进行排序

我有一个对象有一个名为z的属性:

function building(z)
{
  this.z = z;
}
Run Code Online (Sandbox Code Playgroud)

假设我创建了这个对象的3个实例:

a = new building(5)
b = new building(2)
c = new building(8)
Run Code Online (Sandbox Code Playgroud)

然后将这些实例放入数组中

buildings = []
buildings.push(a)
buildings.push(b)
buildings.push(c)
Run Code Online (Sandbox Code Playgroud)

问题

如何根据它包含的对象的z属性对ASCENDING ORDER中的数组进行排序?排序后的最终结果应该是:

before -> buildings = [a, b, c] 
sort - > buildings.sort(fu)
after -> buildings = [b, a, c] 
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting

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

TypeError:在GAE中只接受1个参数(2个给定)

在GAE中,我收到一个错误告诉我:

TypeError:get_default_tile()只取1个参数(给定2个)

正如您所看到的,我的主要文件get_default_tile()中的代码只传递了一个名称为的参数:

 default_tile = self.get_default_tile(name)
Run Code Online (Sandbox Code Playgroud)

完整代码如下:

import jinja2   # html template libary
import os

jinja_environment = jinja2.Environment(loader=jinja2.FileSystemLoader(os.path.dirname(__file__)))

import urllib   
import urllib2 
import webapp2

from google.appengine.ext import db
from google.appengine.api import urlfetch


class Default_tiles(db.Model):
  name = db.StringProperty()
  image = db.BlobProperty(default=None)


class MainPage(webapp2.RequestHandler):
  def get(self):

    # this just prints out the url which the user enters into input
    image_name = self.request.get('image_name') 

    template_values = {
        'image_name': image_name,
    }

    template = jinja_environment.get_template('index.html')
    self.response.out.write(template.render(template_values))



class Upload(webapp2.RequestHandler):
  def post(self):

    # get …
Run Code Online (Sandbox Code Playgroud)

google-app-engine

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

清除页脚不起作用

我试图像这样清除页脚:

<div>
    <div class="left">Left</div>
    <div class="right">Right</div>
    <div class="footer clear">Footer</div>
<div>
Run Code Online (Sandbox Code Playgroud)
.left {
    background-color: red;
    float: left;
}

.right {
    background-color: blue;
    float: right;
}

.footer {
      background-color: orange;
}

// clear
.clear {
   clear: both;
}
Run Code Online (Sandbox Code Playgroud)

在这里小提琴:http://jsfiddle.net/RYYFw/8/

但是页脚没有清除.有谁知道为什么?

html css

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

两个相邻的<h ...>元素之间的距离很大

我注意到当<h2>标签正下方有一个<h1>标签时,两者之间存在很大的差距.没有设置填充或边距,我使用normalize.css对css进行了规范化.为什么存在这种差距?

小提琴:小提琴

这是一个屏幕截图:

屏幕截图

html(normalize.css在这个html上是活动的)

<div class="header">
    <div class="wrapper">
        <h1>Portfolio of...</h1>    
        <h2>Jing Xue</h2>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.wrapper {
    width: 940px;
    margin: 0 auto 0 auto;
}

/* header ------------------------------------------------------------------ */

.header {
    text-align: center;
    padding: 40px 0 0 0;
    margin-bottom: 40px;
}

.header h1 {
    font-family: 'Delius Swash Caps', cursive;
    font-size: 250%;
    color: rgb(200,50,50);
    /* margin-bottom: -50px; */
}

.header h2 {
    font-family: 'Playfair Display SC', serif;
    font-size: 450%;
    color: rgb(59,67,68);
}
Run Code Online (Sandbox Code Playgroud)

进一步问题

对于"组合......"和"静雪"之间存在这么大差距的原因,是什么方法可以缩小差距,给出相应的负上/下边距<h..> …

html css

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

Chrome显示无法加载资源

我有一个简单的网页结构:

-index.html
-css
  -style.css
Run Code Online (Sandbox Code Playgroud)

html的内容是:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>test</title>
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

当我在Chrome中打开html时出现错误:

无法加载资源文件:/// C:/css/style.css

我的目录位于Windows的Mydocuments中.为什么找不到.css文件?

html

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