個人前端小知識總結

1、background中的size

"background":"url() no-repeat 0 0/100%";

2、處理json對象

//刪除 for(var j in data){ if(data[j]==""){ delete data[j]; } }//處理JSON.parse(jsonstr); //可以將json字元串轉換成json對象 JSON.stringify(jsonobj); //可以將json對象轉換成json對符串

3、js不新建窗口下載表格

var a = document.createElement("a");a.href = url; //介面地址+參數document.body.appendChild(a);a.click();

4、IE瀏覽器對不是英文字元編碼問題

encodeURI(url);

5、視頻

//改變video標籤的src 不是改變source標籤的srcvar mpSource = document.querySelectorAll(.video-play-sourcemp);mpSource.setAttribute(src, source);

6、讀取二進位圖片

var img = document.createElement("img");$http({ method: GET, url: url, responseType: arraybuffer}).success(function(data) { var blob = new Blob([data], {type: image/png}); var reader = new FileReader(); reader.readAsDataURL(blob); //FileReader將返回base64編碼的data-uri對象 reader.onload = function(){ img.src = this.result; }}).error(function() {});

推薦閱讀:

html中包含了哪些元素
HTML5入門教程 CSS3 新增選擇器

TAG:前端入門 | 前端開發 | 前端開發入門 |