我在编写CSS时已经开始使用BEM方法,并且很少有我努力找到做特定事情的最佳方法.
我想在这里举一个简单的小组例子.
让我们说我正在使用BEM风格编写面板组件CSS.所以我的CSS可能如下所示:
.panel {}
.panel__titlebar {}
.panel__content { display: none; }
Run Code Online (Sandbox Code Playgroud)
面板可以是无铬的或带铬的.所以我为面板定义了另一个修饰符类:
.panel--with-chrome {
border: 4px solid black;
border-radius: 4px;
}
Run Code Online (Sandbox Code Playgroud)
现在假设,面板可以处于全屏/最大化状态,铬和标题栏也会消失.不是为面板和标题栏定义修改器,而是在父级(例如面板 - 全屏)上定义修改器是明智的,并且其余元素应相应地改变.所以现在我的CSS成了:
.panel--fullscreen {
/* something has to be done here */
}
.panel--fullscreen .panel__titlebar { display: none; }
Run Code Online (Sandbox Code Playgroud)
要在全屏模式下删除镶边,我可以:
切换面板 - JS中的chrome类以及面板 - 全屏类
覆盖面板内的chrome CSS - 全屏类.
首先是不好的,因为理想情况下我只想在JS中切换一个类(.panel - 全屏)来切换全屏模式.
第二个是糟糕的,因为我将不得不覆盖以前的CSS,这是一个不好的做法.
那么最好的方法是什么呢?感谢您的评论.
谢谢
我只是有一个愚蠢的问题......我正在使用(或者更好,我想使用)我的应用程序中的主题holo light:我已经在清单文件中设置了它.看下面的截图:文字太亮了,不是吗?好的,我知道我可以设置它,但我的问题是:它是holo主题中的真实文本颜色还是我的应用程序中有错误?我想这是因为奇怪的是,在Google中选择了像这样的非法颜色.
编辑:
我用属性设置主题
android:theme="@android:style/Theme.Holo.Light"
Run Code Online (Sandbox Code Playgroud)
应用程序元素.这是listview代码,我填充了listfragment:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/songsLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="left"
android:orientation="vertical"
android:padding="12dp" >
<ListView
android:id="@id/android:list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fastScrollEnabled="true"
android:scrollbarStyle="insideInset"
android:textFilterEnabled="false"/>
<TextView
android:id="@+id/songsFragment_titleTextView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="7dp"
android:paddingBottom="0dp"
android:textSize="18sp"
android:lines="1">
</TextView>
<TextView
android:id="@+id/songsFragment_artistTextView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="7dp"
android:paddingTop="0dp"
android:lines="1"
android:textSize="14sp">
</TextView>
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)
希望你能帮我 :)
Win7 PC通过VMWare Player在Ubuntu VM中运行Rails.我正在网站上工作,想把它展示给我网络外的朋友.
我发现这篇博文,让我非常接近:http://blog.fardad.com/2012/06/vmware-player-and-custom-nat-port-map.html
好的,所以我有使用NAT的VM.据我了解,这意味着VM看起来与父机器的外部流量具有相同的IP地址.
我进入了NAT设置并添加了端口转发:
Host Port: 8200 Type: UDP Virtual IP Address: 192.168.198.184:3000
Run Code Online (Sandbox Code Playgroud)
好的,所以我的理解是我现在应该可以转到192.168.1.1xx:8200(我的'真正的'PC的IP)并访问在VM中运行的web服务器.但是当我去那个地址时,我什么也得不到.我可以从PC ping 192.168.198.184(VM).
我想要做的是进入我的路由器并设置一个最终将转发到VM的端口.
好像我错过了一些非常小的东西,但我不知道那是什么.请帮忙.
如果有人好奇如何获得虚拟网络编辑器:
转到vmware目录并在提升的cmd.exe框中运行
rundll32.exe vmnetui.dll VMNetUI_ShowStandalone
我需要制作一个正则表达式模式来检查整个输入字符串是否由字符az,AZ,0-9组成,中间没有空格.我尝试使用^[ ]*[a-zA-Z0-9][ ]*$
查找,但由于某种原因它不起作用.
例如," dnsjkfs32NJ"
是一个有效的字符串,但"fds fsdfs"
不是.
谢谢.:)
我在jOOQ中有以下查询:
factory()
.select()
.from(PERSON)
.join(ENDUSER).on(ENDUSER.PERSON_FK.equal(PERSON.ID))
.where(ENDUSER.ID.equal(userId))
.fetchOne();
Run Code Online (Sandbox Code Playgroud)
这个查询返回给我一个记录,包含PERSON和ENDUSER的所有列,但我只想要PERSON的列(这就是我放弃的原因.from(PERSON)
而不是.from(PERSON, ENDUSER)
).我知道这并不重要,但我不希望返回不必要的字段.
我有一个上传控件,它从客户端调用一个处理程序,并将一串xml发送回客户端.下面的代码在chrome中运行良好,但是在IE中将奇怪的xml发送回客户端.
处理程序代码:
public void ProcessRequest(HttpContext context)
{
if (context.Request.Files.Count > 0)
{
var uploadInfo = context.Request.Files[0];
var uploadStream = uploadInfo.InputStream;
var upload = new byte[uploadInfo.ContentLength];
uploadStream.Read(upload, 0, uploadInfo.ContentLength);
var payload = System.Text.Encoding.UTF8.GetString(upload);
XmlDocument doc = new XmlDocument();
doc.LoadXml(payload);
context.Response.ContentType = "application/xml";
context.Response.Write(doc.OuterXml);
//context.Response.Write(payload);
}
}
Run Code Online (Sandbox Code Playgroud)
在发送到客户端之前从处理程序调试的XML字符串(看起来正确)
<?xml version="1.0"?>
<ApplicationData>
<DataElement name="Comments" type="String"></DataElement>
<DataElement name="ModAuthor" type="String"></DataElement>
<DataElement name="CreateDate" type="Datetime"></DataElement>
<DataElement name="Author" type="String"></DataElement>
<DataElement name="StatusDate" type="Datetime"></DataElement>
<DataElement name="StatusDisp" type="String"></DataElement>
<DataElement name="Status" type="Number"></DataElement>
<DataElement name="Approved" type="Number"></DataElement>
<DataElement name="Submitted" type="Number"></DataElement>
<DataElement name="LogNumber" type="Number"></DataElement>
</ApplicationData> …
Run Code Online (Sandbox Code Playgroud) 我正试图弄清楚如何在流星中有条件地向客户端发送数据.我有两种用户类型,根据用户的类型,它们在客户端上的接口(因此它们所需的数据是不同的).
让我们说用户是类型counselor
或student
.每个用户文档都有类似的role: 'counselor'
或role: 'student'
.
学生们喜欢学生的具体信息sessionsRemaining
,并counselor
和辅导员都之类的东西pricePerSession
,等等.
我如何确保Meteor.user()
客户端上有我需要的信息,而且没有额外的信息?如果我登录作为一名学生,Meteor.user()
应该包括sessionsRemaining
和counselor
,但如果我登录的辅导员.我认为我可能正在寻找的是有条件的出版物和流星术语中的订阅.
好的,所以我希望发生的事情是我设置为背景图像以显示在页面上所有其他元素的顶部 - 设置在右侧,一半在内容块上,一半在侧面。 .目前我的结构是:
<div id="SideImage">
<div id="Contain">
<div id="Dash"></div>
<div id="content">
<h1>Heading 1</h1>
<p>Content</p>
</div>
<div id="Footer">
<p>Footer Content</p>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS 如下所示,当我使用 FireBug 时,z-index 不起作用,如果我从 Contain css 中删除背景颜色,我可以看到完整图像,但我希望 SideImage 位于 Contain 背景、Dash 背景和页脚之上。我唯一能想到的另一件事是在 SideImage Div 上方设置一个 Div,其背景颜色仅为特定宽度,并从 Contain Div 中删除背景颜色。有任何想法吗?
#Contain {
background-color: #FFFFFF;
margin: 0 auto;
position: relative;
text-align: left;
width: 850px;
z-index: 1;}
#Dash {
background-image: url("/23456jjsg886635kksjp/EQI/EQIImages/dash.png");
float: none !important;
height: 10px;
position: absolute;
top: 169px;
width: 850px;
z-index: 2;}
#content {
border-left: 2px solid …
Run Code Online (Sandbox Code Playgroud) 我有两种不同的方法来计算一个值.两种方法运行后,我得到以下内容:
decimal a = 145.2344;
decimal b = 145.2345;
Run Code Online (Sandbox Code Playgroud)
我有一个单元测试:
Assert.AreEqual(a,b);
Run Code Online (Sandbox Code Playgroud)
我希望能够解释+/- .0001的差异.如何添加此规则?
我试图使用selectRowAtIndexPath强制选择(突出显示)UITableViewCell。
例如,假设我要始终使表格视图中的第一个单元格突出显示,我在viewDidAppear中应用以下逻辑
[self.tableViewPrompts selectRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] animated:NO scrollPosition:0];
Run Code Online (Sandbox Code Playgroud)
效果很好。但是当我尝试在应用程序中的其他位置应用相同的逻辑时,未选择该单元格。我什至尝试在调用上述方法之前取消选择其他单元格,并在调用此方法之前和之后重新加载tableview,但是这些方法似乎都不起作用!
我什至使用了tableview的委托来强制调用didSelectRowAtIndexPath.Event,这不起作用。
PS:选择单元格不会触发我要突出显示所需单元格的所有操作。
我在这里做错了什么?
非常感谢帮助!!