1. 程式人生 > >自說自話1

自說自話1

事件 script 綁定 javascrip video 記得 解除綁定 添加 接受

1.當寫樣式的時候一定要考慮到如果圖片變大,或者文字變長的時候的處理,要保證在替換任何文字和圖片的時候頁面布局不會亂掉

2.要記得把元素模塊化,如果是官網或很多結構類似的設計,一定要像bootstrap一樣把設計稿分解成各種模塊,比如按鈕,和字體,要和bootstrap一樣分成幾種模式,需要用到哪個便直接添加樣式,特別是字體顏色和大小盡可能不分散寫在某個元素裏面,不然修改的時候會很麻煩,同時也要和設計溝通好,相同的結構,間距大小最好都一樣,不接受看起來一樣的結構,結果實際大小參差不齊

3.js基礎原理一定要繼續熟悉,不然會遇到很多坑。

比如動態修改視頻鏈接後需要對視頻進行刷新

  var media = document.getElementById("video");
   media.load();   

比如

<div class="sel-con none">
      <select class="sel">
          <option value="1">1</option>
          <option value="2">3</option>
          <option value="3">3</option>
      </select>
  </div>
  <div id="mysel"></div>

<button id="btn"></button>

sel-con為隱藏元素,當點擊btn按鈕時,把sel裏的內容放到mysel中。並對下拉框改變時進行事件處理

 $("#btn").click(function(){
            $("#sel").html($(".sel").html());
        });
        $(".sel").change(function(){
            //處理事件
        })

js綁定的元素是最初的sel元素,對後來的#mysel元素中的下拉框並不會有change事件,所以不能這樣處理,要一開始就把下拉框寫在#mysel中

比如為含有某個類的元素添加點擊事件,運行過一次後,即使移除這個類,點擊事件並不會消失,需要解除綁定  

1

自說自話1