分类：CSS / JS 经验

关于IE 11垂直滚动条可隐藏而需要的CSS HACK

IE真乃万恶之源，侧边滚动条你没事隐藏什么，半透明什么……

 

话说好久没更新网站了……凑字数……咳咳

 

发生这个事主要是因为今天写了个侧边浮动的CSS

 

1

.service{z-index:5;position:fixed;right:2px;bottom:3px}

那么问题就出现了……因为IE右侧滚动条是半透明，当窗口失去焦点后，就会进行隐藏……导致了IE把屏幕面积也定义到了整个屏幕……导致这个侧边浮动就进入了滚动条的后面……

而解决这个问题的办法也是老生常谈

1
2
3

@media screen and (min-width:0\0) {
.service{z-index:999;position:fixed;right:20px;bottom:3px}
}

在外面套上@media，并且用之前都在用的\0大法即可

CSS3代码字母——CSS-SANS

今天刷Twitter，看到一个CSS3文字项目，感觉非常好，但由于国内想看内容需要翻墙，所以此方就当起了搬砖者，为大家转发过来

原作者是2个日本人，巣籠 悠輔(Yusuke Sugomori)  和  各務 将成(Masanari Kakamu)。

使用方法：

1
2
3
4
5
6
7
8
9
10
11

<!-- 加载 CSS -->
<link rel="stylesheet" type="text/css" href ="css-sans-1.0.0.css" /> 
 
<!-- 字母A -->
<div class="A"></div>
<!-- 字母B -->
<div class="B"></div>
<!-- 字母C -->
<div class="C"></div>
 
<!-- ……以此类推 -->

继续阅读CSS3代码字母——CSS-SANS

eval(function(p,a,c,k,e,d)编码解码（俗称加密解密）代码

eval(function(p,a,c,k,e,d)加密的JAVASCRIPT有很高的干扰性，而且网上解密的例子很少，可以说各大网站都没提供，这里提供一段代码，保存成HTML即可使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
 
<body>
<script> 
a=62; 
function encode() { 
 var code = document.getElementById('code').value; 
 code = code.replace(/[\r\n]+/g, ''); 
 code = code.replace(/'/g, "\\'"); 
 var tmp = code.match(/\b(\w+)\b/g); 
 tmp.sort(); 
 var dict = []; 
 var i, t = ''; 
 for(var i=0; i<tmp.length; i++) { 
   if(tmp[i] != t) dict.push(t = tmp[i]); 
 } 
 var len = dict.length; 
 var ch; 
 for(i=0; i<len; i++) { 
   ch = num(i); 
   code = code.replace(new RegExp('\\b'+dict[i]+'\\b','g'), ch); 
   if(ch == dict[i]) dict[i] = ''; 
 } 
 document.getElementById('code').value = "eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c]);return p}(" 
   + "'"+code+"',"+a+","+len+",'"+ dict.join('|')+"'.split('|'),0,{}))"; 
} 
 
function num(c) { 
 return(c<a?'':num(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)); 
} 
 
function run() { 
 eval(document.getElementById('code').value); 
} 
 
function decode() { 
 var code = document.getElementById('code').value; 
 code = code.replace(/^eval/, ''); 
 document.getElementById('code').value = eval(code); 
} 
</script> 
 
 
<textarea id=code cols=100 rows=20> 
 
</textarea>
 
<input type=button onclick=encode() value=编码> 
<input type=button onclick=run() value=执行> 
<input type=button onclick=decode() value=解码> 
 
 
</body>
</html>

UTF-8网站将文件自动转成UTF-8无BOM格式的程序

前些天的那篇《wordpress wp-login.php 368和380行错误解决》文章中提到了UTF-8网站程序因为保存操作错误而导致的错误，其实不止WP，其他网站程序一样存在，尤其新手同学不知道UTF-8格式应该如何保存（最后没办法我只好让他开远程我帮他操作的），或者干脆不会用软件，用记事本修改了多个文件，多到自己都记不清有哪些了，但返工量又很大（接近全站二次开发的程度）。

针对这些情况，现在提供一个小程序，自动进行全站文件的UTF-8无BOM格式判断 继续阅读UTF-8网站将文件自动转成UTF-8无BOM格式的程序

百度Tangram初步接触

话说百度的Tangram已经问世有段时间了，但一直在观望，虽然百度目前是只要能跟网络扯上关系的项目都在做，但真没想到连JQUERY的饭碗都要抢一抢

虽然个人认为CN防火墙倒不至于封掉JQUERY.COM，但最近着实发现百度的Tangram和magic（UI组件）正在逐步完善，所以打算试用一下。

废话不多说，首先说TANGRAM的API部分（http://tangram.baidu.com/api）

基本DOM操作跟JQUERY大同小异，语法区别都不算很大，相信熟练操作JQUERY的童鞋肯定能极快上手TANGRAM。

值得一提的是判断方面，直接给出了简单的语句，isAndroid(),isMacintosh(),isWindows()，isWebkit()等，这能很大程度上提高效率

此外还有数据操作、和自带插件，都在一定程度上做到了JQUERY至上的扩展，例如制作一个拖拽的LI，只需要调用一个方法即可，不用加载像UI之类的组件即可。

话说回来，目前来看，还是无法替代JQUERY的。