小编And*_*ade的帖子

我正在使用fitBounds()在我的地图上设置缩放级别,也包括当前显示的所有标记.但是,当我只有一个标记可见时,缩放级别为100%(...我认为缩放级别为20 ......).但是,我不希望它被放大,因此用户可以调整标记的位置而不必缩小.

我有以下代码:

var marker = this.map.createMarker(view.latlng, this.markerNumber);
this.map.bounds.extend(view.latlng);
this.map.map.setCenter(this.map.bounds.getCenter());
this.map.map.fitBounds(this.map.bounds);
if (this.markerNumber === 1) {
  this.map.map.setZoom(16);
}
this.markerNumber++;

其中this.map.bounds先前定义为:

this.map.bounds = new google.maps.LatLngBounds();

但是,我遇到的问题是this.map.map.setZoom(16);如果我使用该行不起作用this.map.map.fitBounds(this.map.bounds);,但是,我知道这行代码是正确的,因为当我注释掉fitBound()行时,setZoom()神奇地开始运行.

我有什么想法解决这个问题？我正在考虑设置一个maxZoom级别作为替代,如果我不能让它工作.

当我运行rspec时,是否有可能让capybara/selenium报告任何javascript console.errors和其他异常回到rspec？

我有一大堆测试失败,但是当我手动测试它时,我的应用程序正在运行.在不知道可能仅在测试期间阻止我的单页Web应用程序的javascript错误的情况下,很难弄清楚测试失败的原因.

我环顾四周,并没有真正找到解决方案.

因此,关于这一主题的一些较早的问题指向了许多可用的选项.例如,这两个问题是关于该主题的最多回答:

JavaScript支持哪种好的模板语言？

jQuery模板引擎

这两个问题的大多数答案都来自2008年.

然而,在过去一年左右的时间里,javascript格局已经发生了很大变化.例如,.NET JQuery扩展最近被添加为官方JQuery插件.

在目前的模板引擎中,哪个是最好的？以下是我所知道的一些选项:

• jQuery的TMPL
  • https://github.com/jquery/jquery-tmpl
  • http://blog.jquery.com/2010/10/04/new-official-jquery-plugins-provide-templating-data-linking-and-globalization/
  • http://weblogs.asp.net/scottgu/archive/2010/10/04/jquery-templates-data-link-and-globalization-accepted-as-official-jquery-plugins.aspx
  • http://www.borismoore.com/2010/10/jquery-templates-is-now-official-jquery.html
  • (以前是NJE项目)
• John Resig的微模板
  • http://ejohn.org/blog/javascript-micro-templating/
  • 包含在underscore.js中
• JTemplates
  • http://jtemplates.tpython.com/
  • http://plugins.jquery.com/project/jTemplates
• PURE(Pure Unobtrusive Rendering Engine)
  • http://beebole.com/pure/
• ASP.NET Ajax模板
  • http://msdn.microsoft.com/en-us/magazine/cc546561.aspx
• jQuery Smarty
  • https://github.com/balupton/jquery-smarty

鉴于所有这些不同的选择,这可能是最好的选择？

我试图在Resig的Microtemplates和JQuery-tmpl之间做出决定,但我不知道哪两个更好,或者是否有比其中任何一个更好的选择.

熟悉许多可用选项的人是否可以就此事提出一些建议？

CSS中直通属性的默认权重1px非常适合1em的正文复制.

不幸的是,对于较大的商品,例如在优惠网站上设置为3em的价格,1px实在太轻了.是否可以为直通设置更重的线宽？

如果没有,我应该考虑哪些替代方案,例如图像叠加？

我有一个表格可以快速进入产品.(仅供参考,我的表格设置有表格,因此我可以对齐每个输入的标签.)

<table id="create-item">
  <tbody>
    <tr>
      <th>
        <label for="name">Name</label>
      </th>
      <td>
        <input class="name" name="name" />
      </td>
    </tr>
    <tr>
      <th>
        <label for="price">Price</label>
      </th>
      <td>
        <input class="price" name="price" />
      </td>
    </tr>
    <tr>
      <th>
        <label for="description">description</label>
      </th>
      <td>
        <textarea class="description" name="description" rows="3" cols="50" />
      </td>
    </tr>
  </tbody>
</table>

我进行了设置,以便在第一个输入字段中按下tab或enter时,它会将用户移动到下一个$(":input")字段.当用户在最后一个输入字段(即textarea)中单击enter(键代码13)时,我将表单在数据库中创建项目,清除三个输入字段的值并再次将焦点放在第一个输入字段上以准备输入另一个项目.这是通过"keypress"绑定到带有"description"类的textarea的函数.

nextFieldOnEnter: function(e) {
  var $that = $(e.currentTarget);
  if (e.keyCode == (13 || 9)) {
    $that
      .closest("tr")
        .next("tr")
          .find(":input")  
            .focus();
  };
},

createOnEnter: function(e) {
  if (e.keyCode == 13) {
    items.create(this.newAttributes());
    this.$("#create-item :input").val('');
    this.$("#create-item :input")[0].focus();
  }; …

Apple的MobileMe使用javascript在用户输入时更改其主页上电子邮件登录中的字体大小,以便文本始终适合可用空间而不会溢出滚动.

虽然我可以看到如何在每个按键上执行一个函数,但我很好奇每次如何调整字体大小以便它总是适合输入字段.有没有办法用可变宽度字体来测量一段文本的长度？他们如何实现这种效果？

试试看我的意思:http: //www.me.com/

所以我正在使用HAML和SASS处理一些HTML5代码.

我目前有一个ID为"restaurant-info"的DIV

HAML:

#restaurant-info
  %header#restaurant-header
    %h2 Bob's Country Bunker
  %nav#restaurant-tabs
  ...etc...

上海社会科学院:

#restaurant-info {
  background: #F00;
}

在Firefox中,这是创建以下HTML:

<div id='restaurant-info'>
  <header id='restaurant-header'>
    <h2>Bob's Country Bunker</h2>
  <nav id='restaurant-tabs'>
    ...etc...

在浏览器中使用红色(#F00)背景正确设置此块的样式.如果我检查section元素,我会看到:

#content #restaurant-info {
  -moz-border-radius:5px 5px 5px 5px;
  background:none repeat scroll 0 0 #FF0000;
  margin-top:20px;
  overflow:hidden;
}

但是,当我将DIV更改为某个部分时,如下所示:

%section#restaurant-info
  %header#restaurant-header
    %h2 Bob's Country Bunker
  %nav#restaurant-tabs
  ...etc...

在Firefox中,现在会产生以下标记:

<section id='restaurant-info'>
  <header id='restaurant-header'>
    <h2>Bob's Country Bunker</h2>
  <nav id='restaurant-tabs'>
    ...etc...

但是,该部分完全失去了它的背景颜色.但是,当我去检查Firefox中的section元素时,它的样式与以前完全相同:

#content #restaurant-info {
  -moz-border-radius:5px 5px 5px 5px;
  background:none repeat scroll 0 0 #FF0000;
  margin-top:20px; …

我知道通过阅读HTML3.01和HTML5的W3C文档,"name"属性最初作为<a>标签的属性存在,以允许人们链接到文档中的锚点.

但是,既然所有主要的浏览器供应商都允许通过"id"属性链接到文档中的任何html元素,那么"name"属性是否还有实际用途？如果是这样,我应该如何使用"名称"属性？

我有一个我为Google Maps v3创建的模块,我正在尝试将其转换为Backbone.js视图构造函数.

到目前为止,这是我的视图模块:我将在代码后解释我遇到的问题:

pg.views.CreateMap = Backbone.View.extend({

  tagName:  "div",
  className: "map",

  events: {},

  latitude:   "-23.56432",
  longitude:  "-46.65183", 

  initialize: function() {
    _.bindAll(this, 'render', 'dragMarker', 'dragMap');

    this.latlng = new google.maps.LatLng(this.latitude, this.longitude);
    var myOptions = {
      zoom: 16,
      center: this.latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    this.map = new google.maps.Map($(this.el)[0], myOptions);
    this.marker = new google.maps.Marker({
      map: this.map,
      position: this.latlng, 
      draggable: true
    });

    google.maps.event.addListener(this.marker, "dragend", this.dragMarker());

    google.maps.event.addListener(this.map, "dragend", this.dragMap());

  },

  render: function() {
    return this;
  },

  dragMarker: function() {
    this.latlng = this.marker.getPosition();
    this.map.panTo(this.latlng);
  },

  dragMap: function() { …

Node.js本身有一个名为Cluster的核心模块(参考:http://nodejs.org/docs/v0.8.3/api/cluster.html),并且Learnboost发布了一个名为Cluster的模块(参考:http:/ /learnboost.github.com/cluster/ https://github.com/LearnBoost/cluster).

这两者如何比较？它们是否相关？

假设我有一个索引的对象数组,例如包含流行民歌的行;)

var lyrics = [
  {line : 2, words : "He's a lumberjack and he's okay"},
  {line : 1, words : "I'm a lumberjack and I'm okay"},
  {line : 3, words : "He sleeps all night and he works all day"}
];

我的比较器将根据每个对象的索引显示视图中的对象.我希望能够在这个数组上执行三个任务:

任务1)重新索引拖放

通过拖放重新排列对象的顺序.假设我已经知道如何实现拖放.任务示例:将"他是一名伐木工人,他没事"从索引"1"拖到"我是一名伐木工人,我没事"之后."他是一名伐木工人,他没事"现在应该占据索引"2"和"我是一名伐木工人,我没事"应该占据索引"1".结果数组应该是:

var lyrics = [
  {line : 1, words : "I'm a lumberjack and I'm okay"},
  {line : 2, words : "He's a lumberjack and he's okay"},
  {line : 3, words : "He sleeps all night …

Haskell中由Haskell中的特殊字符组成的许多函数都是中缀函数.这些措施包括*,+,==,/,等联系到你放在括号中的功能和执行功能等类型的签名:t,就像这样:

GHCi> :t (==)
(==) :: Eq a => a -> a -> Bool

我想尝试获取范围函数的类型签名[a..a],但似乎这个函数是中缀,但只能在列表中使用[].我尝试了以下所有方法,但都没有奏效:

GHCi> :t (..)
<interactive>:1:2: parse error on input `..'
GHCi> :t ([..])
<interactive>:1:3: parse error on input `..'
GHCi> :t [..]
<interactive>:1:2: parse error on input `..'
GHCi> :t ..
<interactive>:1:1: parse error on input `..'

有谁知道如何获得范围函数的类型签名？

我正在尝试编写高质量的语义HTML5.

以下两个选项中的哪一个在语义上更好:

选项1:

通过使用ID选择跨度来定义样式:

%body
  %header#global-header
    %h1
      My Startup Name
    %h2
      Home of the best offers in the Motor City

  %section#offers
    %h1
      Today's Offers
    %h2
      Here are the current offers for your city:

    %article.offer
      %header.offer-header
        %span.restaurant-name 
          Some Burger Joint
        %span.offer-title 
          80% off a burger
        %section.price-details
          %ul
            %li.original-price
              %p
                Original Price
              %p
                $30
            %li.offer-price
              %p
                Price
              %p
                $10
        %section.offer-description
          %p
            Some burger joint is the most popular burger joint in the Motor City. Buy a big burger or a bunch of …