Skip to content

Instantly share code, notes, and snippets.

View binnng's full-sized avatar
🎯
Focusing

binnng binnng

🎯
Focusing
View GitHub Profile
@binnng
binnng / gist:5465093
Last active December 16, 2015 16:40
正则替换字符串问题
var b = '{comment}'.replace((new RegExp('({comment})','g')), '$123');
console.log(b); //{comment}23
var b = '{comment}'.replace((new RegExp('{comment}','g')), '$123');
console.log(b); //$123
@binnng
binnng / gist:5696509
Created June 3, 2013 07:02
图片居中显示
<ul class='thumbnails'>
<li>
<a class='thumbnail'>
<img src='http://ww1.sinaimg.cn/mw690/a1d3feabjw1e57a6ito1gj205a02sq37.jpg' />
</a>
</li>
</ul>
@binnng
binnng / gist:5733761
Created June 8, 2013 02:41
new Function的问题,函数体内的变量从全局环境找,new Function声明的函数所处作用域为全局。这点和eval不同。
var a = 1;
(function () {
var a = 3;
(new Function('console.log(a)'))(); // 1
})();
@binnng
binnng / gist:5856515
Last active March 29, 2017 06:08
CSS实现文字的多行截断
.text{
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
}
@binnng
binnng / gist:6027534
Created July 18, 2013 07:53
伪数组一系列问题
this.context = [].concat.apply([], selector);
//selector是个伪数组(元素列表),这样转换成数组不可靠,三星大部分机器会报错。
@binnng
binnng / gist:6069033
Created July 24, 2013 09:00
JS判断移动端访问设备并解析对应CSS
// 判断是否为移动端运行环境
if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|
DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia
|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
if (window.location.href.indexOf("?mobile") < 0) {
try {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
@binnng
binnng / gist:6077636
Created July 25, 2013 07:47
在三星大部分手机上,如果想让子元素skew,必须要设置父元素skew(0deg)才行。
<p class="title">
<b></b>
<span>科鲁兹人气榜</span>
</p>
@binnng
binnng / gist:6098268
Created July 28, 2013 11:29
正则的贪婪模式
//开启贪婪模式
/a(.*)z/.exec('aszdfffz');
//禁止贪婪模式
a(.*?)z/.exec('aszdfffz');
@binnng
binnng / gist:6102897
Last active December 20, 2015 08:49
CSS transition 渐变显示元素
/*
*元素渐变显示
*/
.banner_item{
display: inline-block;
background-size: 100%;
width: 814px;
height: 316px;
overflow: hidden;
background-repeat: no-repeat;
@binnng
binnng / gist:6881326
Last active December 24, 2015 23:38
随机打乱数组
var arr = [1, 2, 3, 4, 5];
arr.sort(function (a, b) {
return Math.random()>.5 ? -1 : 1;//用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1
});