小编Ale*_*ust的帖子
在没有jQuery的新选项卡中打开外部链接
在不使用jQuery的情况下,使用JavaScript在新选项卡中打开所有外部链接(与当前域不匹配的URL)的最佳方法是什么？
这是我目前使用的jQuery:
// Open external links in new tab
$('a[href^=http]').click(function () {
var a = new RegExp('/' + window.location.host + '/');
if (!a.test(this.href)) {
window.open(this.href);
return false;
}
});
推荐指数
解决办法
查看次数
CSS转换:悬停时的第一个字母
我正在使用:first-letter一些样式来定位徽标中的第一个字母.悬停时,这封信的颜色会发生变化.
如何通过CSS过渡使这种颜色淡入？将过渡属性添加到我的任何选择器似乎不起作用.
小提琴:http://jsfiddle.net/alecrust/YCMMZ/
编辑:显然Firefox 4+是唯一支持转换伪元素的浏览器,但是即使在那个浏览器中我也无法使上面的小提琴工作.
推荐指数
解决办法
查看次数
将内联块元素清除到下一行
我想要将内联块元素(在这种情况下是<a>a内<p>)清除到下一行,而不必设置display:block和定义宽度.
这是一个例子:http://jsfiddle.net/alecrust/zstKf/
这是期望的结果(使用display:block和定义宽度):http://jsfiddle.net/alecrust/TmwhU/
推荐指数
解决办法
查看次数
Respond.js无法跨域工作
我很难让Respond的CDN/X-Domain设置正常工作.
我开始提供CDN的所有资产:
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
理论上这应该有效,因为所有资产都来自同一个域.但IE8并没有像它应该那样接收Media Query支持.所以我调查了Respond的CDN/X-Domain设置并修改了我的<head>部分:
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
<link href="http://cdn.example.com/respond-proxy.html?2013012401" id="respond-proxy" rel="respond-proxy">
<link href="http://cdn.example.com/img/respond.proxy.gif?2013012401" id="respond-redirect" rel="respond-redirect">
<script src="http://cdn.example.com/js/respond.proxy.js?2013012401"></script>
当这也失败了,我修改了我的<head>部分:
<link rel="stylesheet" href="http://cdn.example.com/css/main.css?2013012401">
<script src="http://cdn.example.com/js/modernizr-2.6.2.min.js?2013012401"></script>
<script src="http://cdn.example.com/js/respond.min.js?2013012401"></script>
<link href="http://cdn.example.com/respond-proxy.html?2013012401" id="respond-proxy" rel="respond-proxy">
<link href="/img/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="/js/respond.proxy.js"></script>
我不确定我还能尝试什么才能让它发挥作用.它在没有使用CDN的本地Dev环境中工作正常,但在Live环境中,此Respond.js CDN/X-Domain安装程序无法正常工作.它可能与添加到CDN资产的cache-buster查询字符串有关吗？当所有资产都来自同一个域时,为什么我的原始示例无法正常工作？
编辑: 这是IE8中抛出的错误
javascript cross-domain internet-explorer-8 media-queries respond.js
推荐指数
解决办法
查看次数
重启后找不到npm命令
npm计算机重新启动后,该命令将无法识别:
-bash: npm: command not found
该node命令也可正常工作,它只是npm无法运作.我必须从主站点重新安装Node.js才能让它再次运行.
~/bin添加到我的$PATHin中.bash_profile:
export PATH="$HOME/bin:$PATH"
编辑:我也使用管理自己版本的完整mathiasbynens/dotfiles,我想知道这里是否存在冲突.
推荐指数
解决办法
查看次数
在触摸开始时将类添加到正文而不是.scroll()
我有一些JavaScript用于<body>在用户滚动时为我的元素添加一个类:
var $body = $('body');
$(window).scroll(function() {
$body.addClass('scrolling');
var scroll = $(window).scrollTop();
if (scroll <= 1) {
$body.removeClass('scrolling');
}
});
这在桌面浏览器上运行良好,但在iOS(可能还有其他移动设备)上,只在触摸发布时添加类,而不是在用户第一次触摸屏幕滚动时添加.
如何调整此脚本以在触摸时触发此类,同时仍然可以像标准桌面用户一样正常工作？
这是一个小提琴,展示了这个剧本:http://jsfiddle.net/alecrust/AKCCH/
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
CSS中的角度标题
有没有人有任何想法只用CSS实现这种角度标题效果？
有角度的标题http://f.cl.ly/items/3P1X1t0V0y2j0Z1T3B1Q/angled-heading.png
使用像这样的生成器,盒子阴影不应该是一个问题,但我不确定角度边缘 - 也许是CSS3的变换？
推荐指数
解决办法
查看次数
带有尖角的圆边
我希望在CSS元素上实现这些方面：
这是我最近得到的（需要边界）：
div {
width: 120px;
height: 100px;
margin: 25px auto;
border: 1px solid #000;
border-top-left-radius: 200px 300%;
border-bottom-left-radius: 200px 300%;
border-top-right-radius: 200px 300%;
border-bottom-right-radius: 200px 300%;
}<div></div>关于如何锐化边缘有什么建议吗？宽度需要可变。
推荐指数
解决办法
查看次数
正则表达式匹配字符串中的第一个大写字符
我有一个camelcase字符串,例如 thisIsCamelcaseString
我想从字符串中删除第一个小写字符.
为了实现这一点,我想我正在寻找一个正则表达式,它将匹配字符串中的第一个大写字母到结尾.在这个例子中,它将删除this,返回:
IsCamelcaseString
推荐指数
解决办法
查看次数
标签 统计
css ×5
javascript ×4
html ×2
cross-domain ×1
css-shapes ×1
css3 ×1
hyperlink ×1
ios ×1
jquery ×1
macos ×1
mobile ×1
node.js ×1
npm ×1
regex ×1
respond.js ×1
ribbon ×1
scroll ×1
terminal ×1