前端常用代碼片段(六)

本文總結的代碼片段(六)--持續更新

前端常用代碼片段(一) 點這裏
前端常用代碼片段(二) 點這裏
前端常用代碼片段(三) 點這裏
前端常用代碼片段(四) 點這裏
前端常用代碼片段(五) 點這裏
前端常用代碼片段(六) 點這裏

1.多彩的console.log

console.log(
  'Nothing here %cHi Cat %cHey Bear',  // Console Message
  'color: blue', 'color: red' // CSS Style
);

const styles = ['color: green', 'background: yellow'].join(';');
const message = 'Some Important Message Here';
// 3. 傳入styles和message變量
console.log('%c%s', styles, message);

本節參考文章：多彩的console.log

2. 版本號比較

• 9_11_1和9_2_9
• 10.11.111和10.2.2

function version( v1, v2 ) {
  var arr1 = v1.replace(/[-_]/g,'.').split('.');
  var arr2 = v2.replace(/[-_]/g,'.').split('.');
  console.log(arr1,arr2);
  var len = Math.max(arr1.length, arr2.length);
  for ( var i = 0; i < len; i++ ) {
      if(parseInt(arr1[i]) == parseInt(arr2[i])) continue;
      return parseInt(arr1[i]) < parseInt(arr2[i]) ? true :false;
  }
  return false;
}

本節參考文章：如何比較版本號大小