原创 axios04-文件上傳

axios上傳文件沒有兼容性問題,還是使用以前的FormData 原因: FormData會自動幫你設置請求頭爲:multipart/form-data; <!DOCTYPE html> <html lang="zh-c

原创 axios03-解決請求頭兼容導致跨域報錯問題

不同版本接口區別 老版本接口(form形式) 新版本接口(json形式) 請求頭 application/x-www-form-urlencoded application/json;charset=UTF-8

原创 axios教程01-基本使用流程

axios官網文檔:http://www.axios-js.com/ jQuery與axios對比 jQuery axios 1.ajax技術底層原理 XMLHTTPRequest XMLHTTPRequest

原创 var與let區別-詳解塊級作用域與局部作用域

1.1-js三種作用域介紹 1.作用域概念(Scope) : 變量可以起作用的範圍區域 1.1 ES5 有兩種作用域 a.全局作用域(Global Scope) : 函數外面聲明的變量,稱之爲全局變量。 可以在頁面任何地

原创 axios02-其他使用方式(推薦)

推薦這種方式原因: 和以前的$.ajax()非常類似 不同點: 使用promise技術處理異步操作結果 axios({ url:'請求路徑', method:'請求方式', data:{ pos

原创 var局部作用域與let塊級作用域區別——目前最詳細的原理介紹

1.1-js三種作用域介紹 1.作用域概念(Scope) : 變量可以起作用的範圍區域 1.1 ES5 有兩種作用域 a.全局作用域(Global Scope) : 函數外面聲明的變量,稱之爲全局變量。 可以在頁面任何地

原创 JS經典面試題04-原型鏈Foo.getName

1.1-答案揭曉 1.2-原理解析 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c

原创 JS經典面試題03-引用類型連續賦值a.x = a = { n: 2 }

1.1-答案揭曉 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi

原创 JS經典面試題01-隱式類型轉換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

原创 JS經典面試題02-只執行一次函數

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 JS經典面試題05-變量連續聲明var a = b = 1

函數裏面聲明的變量是局部變量,在函數外無法被訪問。 怎麼會有人出這麼簡單的面試題呢? 1.1-答案揭曉 1.2-原理解析 /*本題考點 a. 變量作用域 : 函數裏面聲明的變量是局部變量,無法在全

原创 JS-數據屬性與訪問器屬性

數據屬性與訪問器屬性 1.對象屬性的作用主要是數據的存儲 2.既然數據存在存儲,則會有增刪改查相關操作(增加屬性,修改屬性值,獲取屬性值,刪除屬性) 3.數據屬性用於控制屬性的增刪改查特徵 4.訪問屬性用於監聽

原创 ARSessionConfiguration報錯問題

報錯原因 : 在IOS11之後,ARSessionConfiguration被廢棄了,需要使用ARConfiguration代替

原创 網頁性能優化04-函數節流

函數節流(throttle) 1-函數節流介紹 1.先理解什麼是js中的高頻事件 高頻事件 : 觸發頻率極高的事件。例如 滾動條事件onscroll 鼠標移動onmousemove 網頁大小變化onresize等 高頻觸發

原创 網頁性能優化01-精靈圖利弊與應用場景

網頁性能優化01-精靈圖利弊與應用場景 精靈圖:通過減少頁面網絡請求的數量,來提高網頁加載速度 1.1-精靈圖介紹 1.什麼是精靈圖 精靈圖就是就是將幾張較小的圖片放在一張大圖上,這張大圖稱之爲精靈圖,又叫雪碧圖(CSS Sp