日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

?[[343816]]??

發(fā)展壯大離不開廣大客戶長期以來的信賴與支持，我們將始終秉承“誠信為本、服務至上”的服務理念，堅持“二合一”的優(yōu)良服務模式，真誠服務每家企業(yè)，認真做好每個細節(jié)，不斷完善自我，成就企業(yè)，實現(xiàn)共贏。行業(yè)涉及成都砂巖浮雕等，在重慶網(wǎng)站建設(shè)公司、成都全網(wǎng)營銷、WAP手機網(wǎng)站、VI設(shè)計、軟件開發(fā)等項目上具有豐富的設(shè)計經(jīng)驗。

 前言

這篇文章的話，分享一些最近使用React開發(fā)項目時，用到的小技巧,其實也算是JavaScript中的一些技巧吧，內(nèi)容主要有一下幾點

產(chǎn)生隨機不重復id

快速取整數(shù)

合理布局樣式

字符串xml的轉(zhuǎn)換

特殊字符串的排序

獲取數(shù)組的最大最小值

在條件中使用邏輯與或

快速取整數(shù)

在JavaScript中去整數(shù)的話，最常見的是Math.round()進行四舍五入，Math.floor()以及Math.ceil()等方法取整數(shù)。接下來還有一種去整數(shù)的方法

const num = Math.random() * 100 console.log(num)   // 隨機數(shù)字 console.log(~~num) // 取得整數(shù)的部分 

這樣子，也是一種很方便，而且很容易記住的方法來獲取整數(shù)。

是不是get一個小技巧呢????

獲取數(shù)組的最大最小值

這是最近遇到的一個小問題，當然了，求解這個問題不是難點，我覺得這是一個小技巧，所以就分享出來

const numbers = [1, 2, 3, 99, 4, 4, -1]; const maxNumber = Math.max.apply(Math, numbers); const minNumber = Math.min.apply(Math, numbers); 

特殊字符串的排序

最近在排序字母的時候，遇到一點小問題，這次把它給分享出來

使用的是「localeCompare」這個函數(shù)，那它的返回值是哪些

首先，它返回一個數(shù)字表示是否 「引用字符串」 在排序中位于 「比較字符串」 的前面，后面，或者二者相同。

這個返回值有三個

當 「引用字符串」 在 「比較字符串」 前面時返回 -1

當 「引用字符串」 在 「比較字符串」 后面時返回 1

相同位置時返回 0

舉個例子

'a'.localeCompare('c') // 返回的值是 -1 'check'.localeCompare('against')  // 返回的值是 1  'a'.localeCompare('a') // 返回的值是 0 

掌握了基本的使用方法，排序數(shù)組就很簡單了

const strList = ['a','d','f','h','e'] strList.sort((a, b) => a.localeCompare(b)) console.log(strList)  // ["a", "d", "e", "f", "h"] 

是不是get一個小技巧呢

在條件中使用邏輯與或

最近項目中，學會得一個小技巧，就是邏輯與或去渲染對應的場景，通過state中的isRight來更新答錯答錯的效果。

render() {     const {         _gameContainer,         _optionStyle,         _mode,         state: {             isRight         }     } = this     let style = {}          return (                      { _mode === MODE.NORMAL && this._renderFourOptionsBg()}             {/* 正確錯誤,提示的效果顯示 */}             {isRight && this._renderCorrectBg()}