小编jax*_*xim的帖子

相对父DIV继承绝对子DIV的宽度

我试图将一个孩子DIV放在父DIV的底部,但我也希望孩子DIV的内容帮助决定父DIV的尺寸.正如我现在所做的那样,子DIV不会影响父DIV的宽度/高度.

以下是我的HTML/CSS代码示例:

// HTML代码:

<div id="parent">
    <h3>Top Aligned Title</h3>
    <div id="child"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

// CSS代码:

#parent {
    background-color:#222;
    position: relative;
    height: 500px;
}
#child {
    background-color:#444;
    position: absolute;
    bottom: 0px;
    width: 100px;
    height: 200px;
}
Run Code Online (Sandbox Code Playgroud)

我需要做什么来实现我想做的事情?我可以放弃绝对/相对CSS规则,只需在父DIV中创建一个表,这将允许我实现底部对齐和指示父级维度的内容.

但是,我想知道是否有办法在CSS中执行此操作,而无需设置父DIV的宽度.

提前致谢!

css

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

如果Play/Scala JSON解析中的语句?

有没有办法在使用Scala/Play解析json时执行条件逻辑?

例如,我想做类似以下的事情:

implicit val playlistItemInfo: Reads[PlaylistItemInfo] = (
    (if(( (JsPath \ "type1").readNullable[String]) != null){ (JsPath \ "type1" \ "id").read[String]} else {(JsPath \ "type2" \ "id").read[String]}) and
      (JsPath \ "name").readNullable[String]
    )(PlaylistItemInfo.apply _)
Run Code Online (Sandbox Code Playgroud)

在我假设的JSON解析示例中,有两种可能的方法来解析JSON.如果项目是"type1",那么JSON中的"type1"将有一个值.如果这在JSON中不存在或者其值为null/empty,那么我想要读取JSON节点"type2".

上面的示例不起作用,但它让您了解我想要做的事情.

这可能吗?

json scala playframework playframework-2.0

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

将JavaScript文件导入一个文件的最佳方法?

我有一个使用"类"概念的语言编码背景.既然我正在编写JavaScript,我想以类似的方式编写代码,以便我创建的每个面向对象的"类"都是它自己独立的文件.

在其他语言中,我将在类文件的顶部创建import语句,以确保在类文件中使用的其他自定义类,以便将其他自定义类编译为最终二进制文件.

当然JavaScript不是编译语言; 但是,我仍然希望能够在自定义类文件的顶部包含某种"import"语句,这样我就可以确保导入的JS"class"文件可供用户的浏览器下载.

如果有一个第三方工具将我所有单独的类文件合并到一个JS文件中,那将是理想的,因此浏览器只需要为单个JS文件发出一个HTTP请求,而不是为每个指示的JS"类"进行多次调用.有谁知道这样的工具是否存在,它会执行以下操作:

  1. 允许我选择我想要包含在单个JS文件中的JS文件
  2. 通过我在步骤1中选择的文件进行爬行,并在每个自定义"类"文件的顶部找到所有"导入"语句.这些"导入"语句可能只是第三方识别为import语句的代码中的特殊格式的注释.
  3. 然后,第三方将创建单个JS文件,其中包含从步骤1中选择的所有文件以及在步骤2中找到的所有导入文件.

一些流行的JavaScript框架似乎就是这样做的.例如,jQueryUI允许您通过允许用户检查您要使用的对象来自定义单个jQueryUI源文件的下载.如果取消选中已签出项目所需的元素,则表单会告诉您在继续下载文件之前需要纠正的依赖关系.

那么是否有第三方工具允许开发人员使用某种"导入"语句注释来确保将许多依赖的JS文件(以及只有开发人员需要的文件)合并到一个JS文件中?

javascript oop

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

标签 统计

css ×1

javascript ×1

json ×1

oop ×1

playframework ×1

playframework-2.0 ×1

scala ×1