こまごました知識

   。
 nowrap       ，           ，     
     。
 pre-wrap        ，         。
 pre-line        ，       。
 inherit            white-space     。
 
  
        ，          
 
  
	.name-list {
      width: 100%;
      white-space: nowrap;
      overflow: scroll;
    }
    .used-name {
      display: inline-block;
      height: 20px;
      line-height: 20px;
      padding: 0 5px;
      margin: 0 15px 10px 0;
      font-size: 12px;
      color: #646464;
      border: 1px solid #646464;
      &:last-child {
        margin-right: 0;
      }
      &.active {
        color: #fb8800;
        border: 1px solid #fb8800;
      }
    }
に ています

	
name1
	
name2
	
name3
	
name4

  
3.Android    の    の  は、キーボードを くときにiPhoneを に  します.キーボードを くと、ページが   に  な  にスライドします.Android    は   にスライドしません.  に  されている  はキーボードの に  し、ページの の  をブロックします.そのため、イベントを  します.
componentDidMount () {
    const windowHeight = window.innerHeight
    window.addEventListener('resize', () => {
      if (window.innerHeight < windowHeight) {
        this.setState({ resize: true })
      }
    })
}


hhh
  
4.         * し
function fixmobile (mobile) {
    mobile = String(mobile)
    const result = []
    for (let i = 0; i < mobile.length; i++) {
        result.push(i > 2 && i < 8 ? '*' : mobile[i])
    }
    return result.join('')
}

fixmobile(18812345008)
// "188*****008"

//      
var phone = '18812345008';
phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
"188****5008"
`${phone.substr(0, 3)}****${phone.substr(7)}`
  
5.ウィジェットは  のタイムスタンプを  し、storageが  する  を  する
const now = Date.parse(new Date())
const popupTime = wx.getStorageSync('storageTimestamp')
//          
if (popupTime && now < popupTime + 24 * 60 * 60 * 1000) return false
//       
wx.setStorageSync('storageTimestamp', Date.parse(new Date()))

//   ：          
const now = new Date()
const year = now.getFullYear()
const month = now.getMonth() + 1
const day = now.getDate()
const hour = now.getHours()
const minute = now.getMinutes()
const second = now.getSeconds()
  
6.HTML5 DOM 
ele.scrollIntoView()
  
デフォルトはtrueで、eleは  の ん に  します.falseの  、eleは  の  に  します.
7.        box-sizing: content-box;
  のwidth、heightはコンテンツcontentのみを み、borderとpadding は まれない.
  
ボックスのサイズは、  の 、  、および  の  によって まります.
  
IEボックスモデルbox-sizing: border-box;
  のwidth、heightはcontentだけでなくborderおよびpaddingも む.
  
ボックスのサイズはwidth、heightに  し、borderおよびpadding を  してもボックスのサイズを  することはできません.
  
  の  に を  しても に たず、margin は  にしか  せず、padding も  にしか  しない.    にスペースを  しません.8.CSS calc()  CSS  calc()は、  な  、、、、、、または  の  で  できます.calc()があれば、  によってCSS  の を  することができます.
また、1つのcalc()の  に のcalc()をネストすることもできます. のcalc()は  に  を けたものと なされます.  シーン:2つのdiv  が じ に ぶ  :inline-blockはブロックレベルの  を ね え、 と  の  が1 を  しない  を  することができ、inline-blockを  した2つのdivの に  があり、  することを えています.  は  されているため、   は100%で、  の を  するにはcalcを  して**を  できます(+と-   の  には に    が  です)**

	
left
	
right

 
  
      div         ，CSS    ：
 
  
.left {
    width: 100px;
    height: 150px;
    background-color: #FFB5BF;
}
.right {
    height: 150px;
    background-color: #94E8FF;
}
  
.container {
    font-size: 0;    /*      */
}
.left, .right {
    display: inline-block;
}
.right {
    width: calc(100% - 100px);   /*     ，             */
}