Java Web 开发中一些实用的技术点

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

 

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

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

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

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

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

如：

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

4. JS 关闭当前页面

 

function close() {
  window.opener=null;
  window.open('','_self');
  window.close();
}

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

如：

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

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

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

如：

.top {
  opacity: .99;
}

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

如：

a:hover {
	position: relative;
}

8. JS 中，为 String 对象添加默认操作

如：

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

9. JS 获取 URL 参数值

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

9.1. JS 获取 URL 参数值 （腾讯体验中心写法-正则表达式）

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

10. 本站 WebKit 内核浏览器滚动条样式

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

搜索页面滚动条：

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

持续更新中...

标题：Java Web 开发中一些实用的技术点

作者：Tanken

来源：http://pipe.b3log.org/blogs/Tanken/articles/2017/01/04/1539738313216

55