首頁  >  文章  >  web前端  >  總結在開發上遇到問題

總結在開發上遇到問題

零下一度
零下一度原創
2017-06-24 14:20:521261瀏覽

1、BUG-In android7 phone can not slide above

註:Android 7.0以上,iScroll滑動緩慢遲鈍問題解決

What browser are you using?

There was a fix to iScroll's handling of passive events in Chrome 55, but a new bug appeared in Chrome 56 (confirmed in the iScroll demos).

EDIT: Scouring the GitHubs, rbmeyers (on the gith has been posting everywhere with a simple CSS fix:

touch-action: none;

2、React 使用ES6+語法時事件綁定疑惑

在props裡使用onClick={ this.handleClick.bind(this) }或onClick={ (e) => this.handleClick(e) } 或onClick={ ::this.handleClick } 都會產生效能問題,所以現在eslint在語法檢查時就會阻止這幾種寫法,問題原因是每次render的時候如果遇到這些寫法,都會重新用handleClick函數與this去綁定從而重新建立一個新的函數,影響效能。

如果使用下面的寫法則不會每次都創建:

// 1. 
constructor() {this.handleClick = this.handleClick.bind(this);
}
handleClick(e) { /* ... */ }// 2. 
handleClick = (e) => { /* ... */ };

3、webpack-dev-server + HostAdmin,導致invalid host header

##訪問webpack啟動的server,直接使用localhost和127.0.0.1都可以正常訪問,但是修改了host,使用hostname訪問,就會顯示invalid host header。

原來新版的webpack-dev-server修改了一些東西,預設檢查hostname。如果hostname不是設定內的,將無法存取。應該是考慮一些安全的因素,才有這種配置。之前刪除過一次node_modules,重新安裝之後出現了這個問題。

修復方法

disableHostCheck:true

public: 'local.kingsum.biz'

看文件應該是webpack -dev-server: v1.16.4這個版本合併進來的,所以升級到這個版本之後要注意這個問題

4、select2 初始化預設值

xxx.val(status).trigger ('change')


me.$statusSelect.select2({
	data:  [{
      		id : '1',
      		text : '有效'
      	},{
      		id : '0',
      		text : '无效'
      	}
    ],
}).val(status).trigger('change');
5、如何移除input type="number" 時瀏覽器自帶的上下箭頭?


input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"]{
  -moz-appearance: textfield;
}

以上是總結在開發上遇到問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn