小编Mr *_*ter的帖子

显示友好的错误消息

我很好奇是否有人考虑过桌面应用程序错误消息中的措辞.作为一名开发人员,我总是穿上我的程序员帽子并用一个看起来像机器人的方言显示给用户.

例如:

  • 无法打开文件___
  • 无法检索设置文件
  • 更新数据库时出错
  • 无法设置 ____
  • 发生未知错误

这些都不是"友好的应用".有没有人知道在较少机器人语言中的任何资源或短语错误方法 - 对于IO问题,数据库问题,空引用等常见错误.

exception custom-errors

10
推荐指数
2
解决办法
3674
查看次数

Javascript中的当前元素是什么?

我怎样才能知道出来的元素是什么<script>
举个例子,我们来看看吧

<div>
 <script type="text/javascript">
  var time = new Date(), hrs = time.getHours(), min = time.getMinutes();
  document.write('It is '+hrs+":"+(min<10?'0':'')+min);
 </script>
</div>
Run Code Online (Sandbox Code Playgroud)

然后,如果我想将其更改为更现代的东西,我怎样才能找到我们所处的元素?
所以我想写,例如在jQuery中

$(thisdiv).html('It is '+hrs+":"+(min<10?'0':'')+min);
Run Code Online (Sandbox Code Playgroud)

但我怎么得到thisdiv
是的,我知道,我可以在上面放一个ID,但我觉得没有必要.浏览器知道我们在哪里,否则它甚至不能写document.write!

那么,建议?我搜索过,但找不到它.它是如此简单,我忽略了明显的?

javascript dom this

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

禁用一个元素的引导程序

我想要实现的是为我自己的输入元素禁用Twitter Bootstrap类,并使用类命名login_button.默认情况下,bootstrap.min.css该类会向box-shadow我的input.login_button元素添加不必要的属性等.

我知道我可以定义,box-shadow: none;但我想知道是否有其他可能性来实现这一目标?

css class twitter-bootstrap

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

为什么高度会随着字体的缩小而增加?

我有一个具有特定行高的块,其中我使用::before伪元素插入内容.

.block::before {
  content:'text here';
}
Run Code Online (Sandbox Code Playgroud)

这很好用.但是,如果我也给内容一个较小的字体大小

.block::before {
  font-size:.6em;
  content:'text here';
}
Run Code Online (Sandbox Code Playgroud)

块实际上变得更高.这是为什么?

JsFiddle.顶行没有字体大小更改,底行没有.

现在我发现一个可能的解决方案是line-height将伪元素设置为0.或者1em.甚至到normal.那么发生了什么?是line-height由字体大小设置来设置一些奇怪的值.6em?为什么?

PS虽然看起来像副本(见右边的列表),但到目前为止我所读到的答案都没有解释为什么设置line-height:normal解决了这个问题.必须发生一些事情,将行高度隐式设置为更大的值.这就是我想要找到的东西.

html css

10
推荐指数
2
解决办法
366
查看次数

模态中的Bootstrap datepicker无法正常工作

我试图谷歌搜索SO以寻找类似的问题,但还没有发现任何东西.我有一个问题,我从jquery创建并打开一个模态并尝试访问日期选择器,但它不会激活datepickers JS.

$("[id=add]").click(function () {
    $("#myModal .modal-header h4").html("Request for Change");
    $("#myModal .modal-body").html('<form class="form-horizontal" role="form"><br /><br /><label class="col-sm-2 control-label">Date Required</label><div class="col-sm-3"><div class="input-group date col-sm-8"><input type="text" class="form-control" id="DateRequired"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span></div></div></div>');
    $("#myModal").modal("show");
});
Run Code Online (Sandbox Code Playgroud)

(关于长线长度的道歉,但是我已尽可能多地删除了 - 只显示与此问题相关的代码.)

我在顶部引用了这些脚本:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="~/Scripts/jquery.tablesorter.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

在与<script> </script>上面的jquery函数相同的标记中,在最顶层我有:

$('.input-group.date').datepicker({
    format: "dd/mm/yyyy",
    startDate: "01-01-2015",
    endDate: "01-01-2020",
    todayBtn: "linked",
    autoclose: true,
    todayHighlight: true
});
Run Code Online (Sandbox Code Playgroud)

我有这样的代码以类似的方式使用(除了没有jquery模式 - 只是在cshtml页面上),它正常工作.我不知道为什么这种方式不起作用.我已经使用开发人员工具来尝试跟踪问题,但没有错误 - 脚本正确加载,但是当单击Date Required时它不会触发datepicker的jquery.

我是否使用Jquery html错误来创建模态?

干杯

html javascript jquery datepicker

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

React-Router-Redux和React-Bootstrap

我一直在争夺这一个!

我想拥有总是有徽标,导航的"主应用程序容器"...我想使用react-bootstrap来完善它.

目前我遇到了问题,我的项目基于davezuko的"react-redux-starter-kit"

我试图把我所有的自举<NavBar><LinkContainers>在提供内部根容器.

一切都显示出来并且看起来不错,但我的链接都不起作用,当我放置一个常规的反应路由器时,<Link>我会遇到同样的问题.

我想,嗯,链接在路由调用的视图中工作,所以我在导出default(store)=>之后将所有这些复制到路由中

Babel,eslint和webpack允许这个编译,但是当我运行页面时,没有一个出现,当我看一下react-dev控制台时,这些反应节点甚至都没有出现.

这就是我所拥有的Root.js:

import React, { PropTypes } from 'react';
import { Provider } from 'react-redux';
import { Router } from 'react-router';

import { IndexLink, Link } from 'react-router';

import NavBar from 'react-bootstrap/lib/Navbar';
import Nav from 'react-bootstrap/lib/Nav';
import NavItem from 'react-bootstrap/lib/NavItem';
import LinkContainer from 'react-router-bootstrap/lib/LinkContainer';

export default class Root extends React.Component {
  static propTypes = {
    history: PropTypes.object.isRequired,
    routes: PropTypes.element.isRequired,
    store: PropTypes.object.isRequired
  };

  get content () {
    return ( …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-router-redux

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

引导表上的滚动条

我有table一个panel内部渲染modal.由于表格相对较大,我想将它的行限制为5,以便模态不会变得可滚动.我浏览了SO和谷歌以及我发现我需要设置overflow-y:auto或者overflow-y:scroll 让它工作的所有地方,但是在我的情况下,它没有.我还设置了400px的随机高度和position:absolute.这使得表可以滚动但现在面板关闭,<thead>并且表的主体在面板外部呈现.有什么办法解决这个问题?

我的代码片段是:

<div class="modal fade">
   <div class="modal-dialog " >
      <div class="modal-content">
         <div class="modal-body">
            <div class="panel panel-default">
               <div class="panel-body">
                  <table class="table table-bordered>
                     <thead>
                         [........]
                     </thead>
                     <tbody style="overflow-y:auto; height:400px; position:absolute>
                     [.......]
                     </tbody>
                   </table>
Run Code Online (Sandbox Code Playgroud)

[......剩下</div>的......]


编辑

谢谢你的回复.有没有办法将滚动条缩小到<tbody>单独使<thead>保持静止状态?

html css responsive-design twitter-bootstrap bootstrap-table

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

将错误消息添加到自定义验证器

我有一个自定义验证器,我试图输出错误信息,但它失败但无法这样做.有人可以告诉我,如果我在正确的地方这样做.

class User < ActiveRecord::Base
  self.table_name = "user"

  attr_accessible :name, :ip, :printer_port, :scanner_port

  validates :name,        :presence => true,
                          :length => { :maximum => 75 },
                          :uniqueness => true                          

  validates :ip,          :length => { :maximum => 75 },
                          :allow_nil => true     

  validates :printer_port, :presence => true, :if => :has_association? 

  validates :scanner_port, :presence => true, :if => :has_association?          

  def has_association?
    ip != nil
  end
end
Run Code Online (Sandbox Code Playgroud)

我有如下:

validates :printer_port, :presence => true, :message => "can't be blank", :if => :has_wfm_association?
Run Code Online (Sandbox Code Playgroud)

但是收到了一个错误

Unknown validator: …
Run Code Online (Sandbox Code Playgroud)

customvalidator custom-errors rspec2 ruby-on-rails-3

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

在 Gradle Build 中删除 Jar 签名

由于特定于已签名 Jar 的安全异常,我们遇到了从 gradle 构建的战争无法在 tomcat 中加载的问题。堆栈跟踪没有显示是什么 jar 导致了问题,为了让这个东西运行,我想知道我是否可以在构建战争时排除构建中的签名,但不知道如何使用 Gradle 做到这一点。在 maven 中,我相信它会是一个<filter><exclude>标签,但不确定 Gradle 中是否提供这种类型的东西。任何输入将不胜感激,抛出的异常如下。

Caused by: java.lang.SecurityException: Invalid signature file digest for 
Run Code Online (Sandbox Code Playgroud)

java tomcat jar gradle

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

Webpack 多次导入相同的样式

我注意到,<style>当我在 sass 文件中 @import 样式时,我的 webpack 配置多次将相同的样式导入到 head标签中。

导入的样式

我认为这是因为我的全局样式文件是这样的:

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import '~material-design-lite/src/material-design-lite.scss';
Run Code Online (Sandbox Code Playgroud)

我后来在多个其他组件样式文件中导入样式:

@import 'global';
Run Code Online (Sandbox Code Playgroud)

有没有我错过的配置?
我以为我可以通过 import 导入 index.js 文件中的全局样式文件,但这些导入必须首先出现,不知何故我无法通过 webpack 实现这一点。

css sass reactjs webpack

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