小编its*_*_me的帖子
如何使用Moment.js？
我无法关注Moment.js文档,需要一些设置帮助.我moment.min.js在我的网页上正确引用了该文件,如下所示:
<script src="/js/moment.min.js"></script>
来到我的网页的HTML部分,我在同一页面上有两个不同的日期时间:
发布日期
<time class="pubdate" datetime="2012-06-09T12:32:10-04:00" pubdate>
June 09, 2012
</time>
上次修改日期
<time class="updated" itemprop="dateModified" datetime="2012-06-09T12:32:10-04:00">
June 9, 2012 ~ 12:32
</time>
重要!解析的相对日期不应超过"昨天".至于其他所有内容,<time>标签应显示没有JavaScript的确切日期时间 - 即Moment.js不应触及或解析过去"昨天"的日期.
现在,为了使库完成前面提到的工作,我需要在库引用之后调用一个函数.所以,问题是,该功能应该是什么？(使用jQuery很好,因为我已经在我的网页上引用了库.)
推荐指数
解决办法
查看次数
直接提供gzip压缩内容 - 不好的事情要做？
我的网站配置为使用gzip压缩服务静态内容,如下所示:
<link rel='stylesheet' href='http://cdn-domain.com/css/style.css.gzip?ver=0.9' type='text/css' media='all' />
我没有看到任何网站做类似的事情.所以,问题是,这有什么问题？我期待缺点吗？
准确地说,据我所知,大多数网站都配置为仅在请求带有Accept-Encoding: gzip标头时才提供普通静态文件(.css,.js等)和gzip压缩内容(.css.gz,.js.gz等).当所有浏览器都支持gzip相同时,他们为什么要这样做呢？
PS:我没有看到任何性能问题,因为所有静态内容在上传到CDN之前都被gzip压缩,然后CDN只提供gzip压缩文件.因此,我的服务器没有压力/压力.
为了防止它有用,这里是gzip压缩的CSS文件的HTTP Response Header信息:
这对于gzip的favicon.ico文件:
推荐指数
解决办法
查看次数
CSS在其他包含的元素之上显示div背景图像
不确定这是否可能以及如何,但我尝试在我的代码中使用元素的z-index但没有成功.
我有一个div元素,其背景图像设置在css中.在div中,我有其他元素,比如div和img.我想让包含背景图像的主要div保持在最顶层,因为我希望背景图像显示在其他元素之上(此背景图像有一些圆角,我想在图像顶部显示在这个div).
示例HTML:
<div id="mainWrapperDivWithBGImage">
<div id="anotherDiv">
<!-- show this img behind the background image
of the #mainWrapperDivWithBGImage div -->
<img src="myLargeImage.jpg" />
</div>
</div>
CSS示例:
/* How can I make the bg image of this div show on top of other elements contained
Is this even possible? */
#mainWrapperDivWithBGImage {
background: url("myImageWithRoundedCorners.jpg") no-repeat scroll 0 0 transparent;
height: 248px;
margin: 0;
overflow: hidden;
padding: 3px 0 0 3px;
width: 996px;
}
推荐指数
解决办法
查看次数
自动换行CSS属性不会影响表格单元格
我有一个长话......
p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"
...我试图适应表格单元格(<td>),我已尝试使用word-wrap: break-word;它等强制文本换行,但它们似乎都没有对文本产生任何影响.
(这里是现场例子)
点击图片放大!
文本在水平上继续,并且不会换行.我应该在这里使用哪个CSS属性？
代码
<table>
<thead>
<tr>
<th>Name
</th><th>Type
</th><th>Value
</th><th>TTL
</th></tr>
</thead>
<tbody>
<tr>
<td>wtnmail._domainkey.whatthenerd.com.</td>
<td>TXT</td>
<td>"v=DKIM1; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"</td>
<td>300</td>
</tr>
</tbody>
</table>
CSS
基于j08691的回答,我现在正在使用它:
table {
table-layout: fixed;
word-break: break-all;
word-wrap: break-word;
}
这导致了这个:
点击图片放大!
是的,桌子不像过去那样超级时尚,但现在我至少可以确定数据显示(即使浏览器调整大小,即较小的分辨率).
仍在寻找一个优雅的解决方案,如果有的话.
推荐指数
解决办法
查看次数
修复由于在文本编辑器中编辑MySQL数据库而导致的序列化数据损坏？
背景:我下载了我的WordPress站点数据库的*.sql备份,并将旧数据库表前缀的所有实例替换为新的(例如,从默认wp_值为类似asdfghjkl_).
我刚刚了解到WordPress在数据库中使用了序列化的PHP字符串,而我所做的将与序列化字符串长度的完整性混淆.
问题是,我在学习之前删除了备份文件(因为我的网站仍然正常运行),并且安装了许多插件.所以,我无法回复,因此我想知道两件事:
如果可能的话,我该如何解决这个问题呢？
这会导致什么样的问题？
(这篇文章指出,例如,一个WordPress博客可能会丢失它的设置和小部件.但这似乎并没有发生在我身上,因为我的博客的所有设置仍然完好无损.但我不知道什么可以在内部被打破,或者它将来会出现什么问题.因此这个问题.)
推荐指数
解决办法
查看次数
在Open Graph标记中,没有位置(href)的'og:locale:alternate'有什么用？
Facebook的开放式图形协议标记允许使用如下标记定义当前网页的区域设置,以及它也可用的任何替代区域设置:
<meta property="og:locale" content="en_GB">
<meta property="og:locale:alternate" content="fr_FR">
<meta property="og:locale:alternate" content="es_ES">
可以轻松推断当前页面的永久链接(来自URL,Canonical URL元标记或og:url).
但是如果og:locale:alternate没有各自的URL ,包含什么呢？它有什么用？
html markup opengraph open-graph-protocol facebook-opengraph
推荐指数
解决办法
查看次数
子元素的相对字体大小棘手？
我正在学习CSS,并在StackOverflow上阅读有关相对vs绝对字体大小的问题.我遇到了两个主题.
1.在一个线程中(CSS字体大小:相对于绝对值.使用哪个？),其中一个答案实际上是一个尚未回答的问题:[QUOTE]
问题,很多人在这里说Pt仅用于印刷.但是如果没有记住DIV具有什么样的Em或%值,那么拥有一个简单的能力使文本成为你想要的大小并不是很好.例如,当你有:
<body>
<div id="box1">
test text sample1
<div id="box2">
test text sample2
<div id="box3">
test text sample3
<div id="box4">
test text sample4
</div>
</div>
</div>
</div>
我知道它是一种奇怪的结构,但是让我们说布局需要一个像图形目的和CSS图像分层的结构.所以我想让box1 font = 100%,box2 = 1.2em.box3 = .8em,box4 = 1.6em
现在,问题是来自方框1的Em也转移到它的所有孩子,如果我错了就纠正我,所以这意味着box2不是正确的1.2em,当我们得到第4个字体大小时,它真的很难说它是什么.然而,当我们使用Pt或Px时,它会保持我们希望它保留的方式.
但是,Px尺寸不灵活,我喜欢在远离屏幕时在浏览器的菜单中使字体更大.让我们面对现实吧.所以Px尺寸已经出来了.那么为什么不使用Pt呢？浏览器差异有多大？
2.另一个线程有相同的问题(复合相对字体大小:采用子元素的字体大小的简洁方式,而不是父元素)与数字,计算 - 更多解释,没有正确的答案:
例如,如果我有:
td { font-size: 1.3em }
h2 { font-size: 2em }
h3 { font-size: 1.6em }
p { font-size: 1.2 }
我的表格单元格中有标题/段落,我知道我可以通过以下方法避免混合字体大小:
td h2, td h3, td p { font-size: 1em }
这将导致我的表格单元格中的标题/段落的字体大小为1.3em(td的字体大小). …
推荐指数
解决办法
查看次数
'en-EU'是HTML'lang'属性的有效值吗？
我的新闻网站的不同版本的标记......
美国版:
Run Code Online (Sandbox Code Playgroud)<html lang="en-US" xml:lang="en-US"> ... </html>印度版:
Run Code Online (Sandbox Code Playgroud)<html lang="en-IN" xml:lang="en-IN"> ... </html>欧洲版(在这种情况下不是特定国家,即新闻涵盖更广泛的区域):
Run Code Online (Sandbox Code Playgroud)<html lang="en-EU" xml:lang="en-EU"> ... </html>
我取决于页面的标记,以使目标语言/页面区域对搜索引擎清晰,因为新闻站点的不同版本使用基于目录的路径(例如example.com/eu/)而不是子域(eu.example.com)或域(例如example.eu)基于路径.
现在到了这一点,该lang属性可以具有格式的值language-region.但这是en-EU一个有效的价值吗？
PS:我想是的,但我想在这里与知识渊博的人确认一下.
推荐指数
解决办法
查看次数
使用制表符而不是空格时保持最大行长度？
各种语言的样式指南建议最大行长度范围为80-100个字符,以便于阅读和理解.
我的问题是,使用制表符进行缩进的人如何符合行长度限制？因为,如果在编辑器中将选项卡的长度设置为2,则在其他人的编辑器中,相同的代码长度可能超过 80个字符,并且选项卡长度设置为3/4/6/8.
有人建议我在心理上看到我的标签长度为8个字符.这是不现实的,不会让我专注于编程,因为我必须检查每一行.
那么,你如何(如果你只在你的代码中使用选项卡)这样做呢？
推荐指数
解决办法
查看次数
CSS'content'属性中允许的字符？
我已经读过,我们必须在contentCSS属性中使用Unicode值,即\后跟特殊字符的十六进制数.
但是,除了字母数字之外,实际上允许哪些字符被放置在content属性值中？(谷歌没有任何线索,因此问题.)
推荐指数
解决办法
查看次数
标签 统计
css ×4
html ×4
markup ×2
coding-style ×1
css-tables ×1
font-size ×1
gzip ×1
html5 ×1
indentation ×1
javascript ×1
jquery ×1
lang ×1
mariadb ×1
momentjs ×1
mysql ×1
mysqldump ×1
opengraph ×1
spaces ×1
unicode ×1
whitespace ×1
word-wrap ×1
wordpress ×1
z-index ×1