子兮子兮

1. Java Integer 的缓存:-128 to 127

1Integer.valueOf(10) == Integer.valueOf(10); // true
2Integer.valueOf(128) == Integer.valueOf(128); // false

2. Java 中的小数运算，2-1.1=?

我们知道，2-1.1=0.9，但是在 java 中如果直接这样运算，会得到一个意外的结果。一般可以用 java.math.BigDecimal 来解决这类问题，但如果不想写太多代码，还有一种比较简单方便的解决方式，直接在小数后面添加一个 f：

1System.out.println(2-1.1); // 0.8999999999999999
2System.out.println(2-1.1f); // 0.9

3. JS 中，删除一个数组，应该使用 arr.length = 0，而不是 delete a

1var arr = [1,2,3,4];
2console.log(arr);
3arr.length = 0;
4console.log(arr);

4. JS 关闭当前页面

1function close() {
2  window.opener=null;
3  window.open('','_self');
4  window.close();
5}

5. JS 中，将数字字符串转换成数字，使用 parseInt 时注意不要忘了传第二个参数，否则可能会出现一些问题

1parseInt("42")         //=> 42
2parseInt("042")        //=> 34 (Firefox) || 42 (Chrome)
3parseInt("09")         //=> NaN (Firefox) || 9 (Chrome)
4parseInt("the 42")     //=> NaN
5parseInt("42px")       //=> 42  <- Advantage of using parseInt
6parseInt("09", 10)     //=> 返回十进制的 9

当第二个参数的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。
举例，如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

6. opacity < 1 的元素会显示在最上层，所以有的时候使用 opacity: .99; 可以方便的解决很多问题

1.top {
2  opacity: .99;
3}

7. CSS 中，position:absolute, relative; 元素会晚于正常文档流元素的渲染，所以显示的层级会比较高

1a:hover {
2  position: relative;
3}

8. JS 中，为 String 对象添加实用属性方法

 1// 判断字符串是否为空
 2String.prototype.isEmpty = function() { return /^\s*$/.test(this); }
 3
 4// 删除字符串两边的空格
 5String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g,""); }
 6
 7// 删除字符串左边的空格
 8String.prototype.ltrim = function() { return this.replace(/(^\s*)/g,""); }
 9
10// 删除字符串右边的空格
11String.prototype.rtrim = function() { return this.replace(/(\s*$)/g,""); }

9. JS 获取 URL 参数值

• 方式一 substring：

   1/**
   2   * 获取 url 参数值: url?name1=value1&name2=value2
   3   * @param {Object} name 参数名
   4   * @return {TypeName}   参数值
   5   * @author Tanken·L
   6   */
   7  function getParam(name) {
   8    // 若服务器端未设置 URL 编码为 UTF-8，传递中文值时默认编码为 ISO-8859-1，使用 decodeURI 方法处理中文乱码。
   9    var url = decodeURI(location.href); 
  10    var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
  11    var paraObj = {};
  12    for (i = 0; j = paraString[i]; i++) {
  13      paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
  14    }
  15    var returnValue = paraObj[name.toLowerCase()];
  16    if (typeof (returnValue) == "undefined") { 
  17      return ""; 
  18    } else { 
  19      return returnValue; 
  20    }
  21  }
  

• 方式二 RegExp（腾讯体验中心写法-正则表达式）：

  1function getUrlParam(name) {
  2  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
  3  var r = window.location.search.substr(1).match(reg);  // 匹配目标参数
  4  if (r!=null) return unescape(r[2]); return null; // 返回参数值
  5}
  

10. JS 中使用倒序 for 循环实现高效遍历

1var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
2// 高效倒序遍历，若要正序可先用 reverse 方法对数组进行反转再遍历
3for (var i = arr.length; i--; ) {  
4  // 依次打印 9 8 7 6 5 4 3 2 1 0
5  console.log(arr[i])
6}

11. JS 中使用 charCodeAt 和 fromCharCode 实现字符串的简单加解密

 1// 编码
 2var enUnicode = function(s) {
 3  for (var arr = [], i = s.length; i--; ) {
 4    arr.push(s.charCodeAt(i));
 5  }
 6  // 可将 D 改为其他字符
 7  return arr.join('D');
 8}
 9
10// 解码
11var deUnicode = function(s) {
12  for (var arr = [], code = s.split('D'), i = code.length; i--; ) {
13    arr.push(String.fromCharCode(code[i]));
14  }
15  return arr.join('');
16}
17
18// 使用示例
19enUnicode('123123');
20// > "51D50D49D51D50D49"
21
22deUnicode("51D50D49D51D50D49");
23// > "123123"

12. 自定义 WebKit 内核浏览器滚动条样式

• 样式一

  1::-webkit-scrollbar { width: 6px; height: 6px; }
  2::-webkit-scrollbar-track-piece { background-color: #eee; -webkit-border-radius: 3px; }
  3::-webkit-scrollbar-thumb { background-color: #999; outline: 0; border: 1px solid #999; -webkit-border-radius: 3px; }
  4::-webkit-scrollbar-thumb:hover { background-color: #666; }
  

• 样式二：

  1@media(-webkit-max-device-pixel-ratio:1) {
  2  ::-webkit-scrollbar-track-piece { background-color:#fff }
  3  ::-webkit-scrollbar { width:6px; height:6px }
  4  ::-webkit-scrollbar-thumb { background-color:#c2c2c2; background-clip:padding-box; min-height:28px }
  5  ::-webkit-scrollbar-thumb:hover { background-color:#a0a0a0 }
  6}
  

• Google 登录页面滚动条样式：

  1::-webkit-scrollbar  { width:8px }
  2::-webkit-scrollbar-track  { visibility:hidden }
  3::-webkit-scrollbar-thumb  { background:rgba(0, 0, 0, 0.12)  }
  4::-webkit-scrollbar-thumb:hover  { background:rgba(0, 0, 0, 0.26)  }
  

持续更新中...