3D slider 項目經驗

1.url: localStorage.jsonUrl || "http://dev.kadashow.com:8000/api/v1/galleryshare/"+ ziduan +"=/?format=jsonp",

這樣能夠在localStorage中 輸出鍵值對 「jsonUrl」 ：「./wenjianming」 wenjianming是網站更目錄的jsonp文件名，以下圖

2.jsonpCallback: 'success_jsonpCallback', 這個回調函數名是 wenjianming文件中 jsonp的

3.單頁面調試能夠npm install -g live-server，啓動則是在根目錄 執行  live-server ./

4.屏幕橫豎判斷及處理方法

// 判斷屏幕方向
$(window).resize(function(e){
  // console.log('resize');
  var $w = $(window),
      $wrap = $('.container'),
      ww = $w.width(),
      wh = $w.height(),
      transform;
  if(ww > wh){
    // 橫屏模式
    $wrap.css('-webkit-transform','rotate(0deg) translate(0,0)') // ios7 及早期版本android 下 必須添加該樣式才能保證旋轉到橫屏後顯示正常
         .css('transform','rotate(0deg) translate(0,0)')
         .css('width', '100%')
         .css('height', '100%')
         .addClass('landscape')
         .removeClass('portrait');
  }else{
    // 豎屏模式
    transform = 'rotate(-90deg) translate(-100%,0)';
    $wrap.css('-webkit-transform',transform)
         .css('transform',transform)
         .css('width', wh + 'px')
         .css('height', ww + 'px')
         .removeClass('landscape')
         .addClass('portrait');
  }
  console.log('resize');
}).trigger('resize');

 5.要弄清js文件的執行順序，能夠用console.log輸出來幫助弄清順序。

6.頁面內不要寫js程序 模塊化拿出來 卸載單個js文件中

7.儘量不要去修改插件

8.簡單響應是能夠用flex佈局，不用考慮兼容性。

9.ajax在success中寫回調

10.touch事件 輸出event查屬性；

11.

在微信瀏覽器中使用以下代碼來動態修改瀏覽器上的title標題：

var  $body = $('body');
document.title = '這裏是要修改爲的新標題';

var $iframe = $('<iframe src="/favicon.ico"></iframe>');
$iframe.on('load',function() {
  setTimeout(function() {
      $iframe.off('load').remove();
  }, 0);}).appendTo($body);