JavaScript高級程序設計閱讀筆記

2020-11-15

  1. 通過初始化指定變量類型 數字-1 對象null
  2. 和null的比較(不理解)
  3. 使用局部變量將屬性查找替換為值查找(算法復雜度)
  4. 循環的減值迭代,降低了計算終止條件的復雜度
  5. switch快
  6. 多個變量聲明逗號隔開
  7. 使用數組和對象字面量(接口params參數)

2020-11-16

第21章 Ajax

  1. Ajax Asynchronous JavaScript + XML
  2. 每個HTTP請求和響應都會帶有響應的頭部信息,setRequestHeader()方法可以設置自定義的請求頭部信息
  3. 對XHR而言,位于傳入open()方法的URL末尾的查詢字符串必須經過正確的編碼
  4. function addURLParam(url, name, value) {
    url += (url.indexOf(’?’)) == -1 ? ‘?’:’&’
    url += encodeURIComponent(name) + ‘=’ + encodeURIComponent(value)
    return url }
  5. 使用XHR模仿表單提交,將Content-Type/MIME類型 頭部信息設置為application/x-www-form-urlencoded
  6. FormData為序列化表單以及創建與表單格式相同的數據提供了便利,不必明確地在XHR對象上設置請求頭部,XHR對象能夠識別傳入的數據類型是FormData的實例
    var data = new FormData() data.append(‘name’, ‘Leo’) 第25章 新興的API -
    FileAPI
  7. File對象的只讀屬性type是文件的MIME類型
  8. FileReader可以讀取文件中的數據 new FileReader() → 使用file的API
  9. FileReader提供的方法有: readAsText(file,encoding) 以純文本形式讀取文件 readAsDataURL(file) 讀取文件,并將文件以數據URI的形式保存在result屬性中 - 讀取圖片并顯示
    readAsBinaryString(file) readAsArrayBuffer(file)
  10. Blob是File類型的父類型 → 讀取部分內容
  11. 對象URL即blobURL,引用保存在File或Blob中數據的URL,可以不必把文件內容讀取到js中而直接使用文件內容 - 圖片
  12. 創建對象URL window.URL.createObjectURL()

常見的媒體格式類型如下:
MDN mime
text/html : HTML格式
text/plain :純文本格式
text/xml : XML格式
image/gif :gif圖片格式
image/jpeg :jpg圖片格式
image/png:png圖片格式
以application開頭的媒體格式類型:

application/xhtml+xml :XHTML格式 application/xml : XML數據格式
application/atom+xml :Atom XML聚合格式 application/json :
JSON數據格式 application/pdf :pdf格式 application/msword :
Word文檔格式 application/octet-stream : 二進制流數據(如常見的文件下載)未知的應用程序文件
application/x-www-form-urlencoded : 中默認的encType,form表單數據被編碼為key/value格式發送到服務器(表單默認的提交數據的格式)
另外一種常見的媒體格式是上傳文件之時使用的:

multipart/form-data : 需要在表單中進行文件上傳時,就需要使用該格式以上就是我們在日常的開發中,經常會用到的若干content-type的內容格式。

問題

1. 導出獲取到的文件名亂碼

在這里插入圖片描述
ISO-8859-1 單字節編碼,兼容ASCII碼,相當于ASCII碼的擴展,無法表示中文字符,系統默認編碼
疑問:xhr無法設置相應體頭部的編碼?
在這里插入圖片描述

2. 獲取下載進度

  1. window.open方式
    window.open 瀏覽器托管下載并監聽下載完成

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251234.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251234.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251234.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

jquery --- 監聽input框失效

使用juery監聽Input輸入的變化,并且封裝起來,如下: // html <input type"text" id‘myinput1’ /> // js function formOnById(id){let dom # id;$(dom).bind(input propertychange,()>{let item $(dom).val;console.log(item);} } formOnById(myinp…

windows任務計劃程序 坑

轉載于:https://www.cnblogs.com/kaibindirver/p/8109041.html

第三篇:函數之嵌套

1 #函數的嵌套調用&#xff1a;在調用一個函數的時&#xff0c;其內部的代碼又調用其他的函數2 # def bar():3 # print(from bar)4 #5 # def foo():6 # print(from foo)7 # bar()8 #9 # foo() 10 11 12 # def max2(x,y): 13 # if x > y: 14 # ret…

vue路由權限(結合服務端koa2)

gitee地址 一、項目初始化 vue create manager-admin // 創建vue項目// 管理員權限安裝 cnpm i -S koa2 // 下載koa2依賴 cnpm install --global koa-generator // 下載框架 koa-generator koa2 manager-server // 創建項目 cd manager-server // 進入項目 npm install // 安…

javascript --- 類、class、事件委托的編程風格

類風格: // 父類 function Widget(width, height) {this.width width || 50;this.height height || 50;this.$elem null; } Widget.prototype.render function($where) {if(this.$elem) {this.$elem.css({width: this.width "px",height: this.height "p…

在線獲取UUID

http://fir.im/udid轉載于:https://www.cnblogs.com/mtjbz/p/8116576.html

堆和堆排序

堆和優先隊列 普通隊列&#xff1a;FIFO&#xff0c;LILO 優先隊列&#xff1a;出隊順序和入隊順序無關&#xff0c;和優先級相關。一個典型應用就是操作系統中。動態選擇優先級高的任務執行 堆的實現 最典型的堆就是二叉堆&#xff0c;就像是一顆二叉樹。這個堆的特點&#xf…

ES5-1 發展史、ECMA、編程語言、變量、JS值

1. 5大主流瀏覽器及內核&#xff08;自主研發&#xff09; 瀏覽器內核IEtridentChromewebkit blinkSafariwebkitFirefoxgeckoOperapresto 2. 瀏覽器的歷史 和 JS誕生 1989-1991 WorldWideWeb&#xff08;后來為了避免與萬維網混淆而改名為Nexus&#xff09;是世界上第一個網頁…

javascript --- 使用對象關聯簡化整體設計

在某個場景中,我們有兩個控制器對象: 1.用來操作網頁中的登錄表單; 2.用來與服務器進行通信. 類設計模式 // 把基礎的函數定義在名為Controller的類中,然后派生兩個子類LoginController和AuthController. // 父類 function Controller() {this.errors []; } Controller.prot…

javascript --- polyfill中幾個常用方法

ES6中,新增了許多有用的方法,下面分享幾個ES6之前得版本寫的polyfill Number.EPSILON: // 機器精度,并判斷2個數是否相等 if(!Number.EPSILON){Number.EPSILON math.pow(2, -52); }function numberCloseEnoughToEqual(n1, n2) {return Math.abs(n1 - n2 ) < Number.EPSIL…

[Usaco2010 Nov]Visiting Cows

題目描述 經過了幾周的辛苦工作,貝茜終于迎來了一個假期.作為奶牛群中最會社交的牛,她希望去拜訪N(1<N<50000)個朋友.這些朋友被標號為1..N.這些奶牛有一個不同尋常的交通系統,里面有N-1條路,每條路連接了一對編號為C1和C2的奶牛(1 < C1 < N; 1 < C2 < N; C1…

ES5-2 語法、規范、錯誤、運算符、判斷分支、注釋

1. 錯誤 MDN錯誤列表 Uncaught SyntaxError: Unexpected token ) // 語法錯誤 Uncaught ReferenceError: a is not defined // 引用錯誤等類型 Uncaught TypeError: Cannot read property toString of null出現一個語法錯誤&#xff0c;則一行代碼都不會執行&#xff08;檢查…

新單詞 part 4

part 41.veto 英[?vi:t??]美[?vi:to?]n. 行使否決權; 否決權&#xff0c;否認權; 否決理由;vt. 否決&#xff0c;不同意; 不批準&#xff0c;禁止;vi. 否決; 禁止;2.acoustics 英[??ku:st?ks]美[??kust?ks]n. 聲學; &#xff08;傳聲系統的&#xff09; 音響效果; 聲…

unity深度查找某個子物體和遍歷所有子物體方法

本文總結一下關于unity的查找子物體的方法 首先說明一下這里將講三種查找子物體方法&#xff1a; 查找固定路徑的某一個子物體的方法、通過名字深度查找某個子物體的方法、查找父物體下所有子物體的方法。 第一:查找固定路徑的某一個子物體的方法 對于已知的路徑可以直接用go.t…

javascript --- JSON字符串化

工具函數JSON.stringify()將JSON對象序列化為字符串時也用到了ToString. 看下面的代碼: console.log(JSON.stringify(42)); console.log(JSON.stringify("42")); console.log(JSON.stringify(null)); console.log(JSON.stringify(true));所有安全的JSON值都可以使用…

靜態鏈接和動態鏈接

靜態鏈接和動態鏈接 靜態鏈接方法&#xff1a;靜態鏈接的時候&#xff0c;載入代碼就會把程序會用到的動態代碼或動態代碼的地址確定下來 靜態庫的鏈接可以使用靜態鏈接&#xff0c;動態鏈接庫也可以使用這種方法鏈接導入庫 動態鏈接方法&#xff1a;使用這種方式的程序并不在一…

ES5-3 循環、引用值初始、顯示及隱式類型轉換

1. 循環 for循環的三個參數abc&#xff0c;a只執行一次&#xff0c;c在每次循環后執行 // 打印0-100的質數 1不是質數 var list [2] for (var i 3; i < 100; i i 2) {var flag falsefor (var j 0; j < list.length; j) {var cur list[j]if (i % cur 0 &…

hihocoder 二分

題目 一個簡單的二分&#xff0c;只是想說明一下&#xff0c;如若要查找一個數組中某個數的下標可以直接用lower_bound()這個函數。只是要考慮到要查找的數不在數組中的這種情況。 #include <cstdio> #include <iostream> #include <algorithm> using namesp…

ubuntu開啟ssh服務

更新資源列表&#xff1a;sudo apt-get update -> 輸入管理員密碼 安裝openssh-server: sudo apt-get install openssh-server 查看 ssh服務是否啟動&#xff1a;sudo ps -e |grep ssh 啟動ssh服務&#xff1a; sudo service ssh start 轉載于:https://www.cnblogs.com/ver…

javascript --- 判斷只有1個為真

下面寫一個用于判斷只有一個為真的函數: function onlyOne(a,b,c){return !!((a && !b && !c) ||(!a && b && !c) || (!a && !b && c)); } var a true; var b false;onlyOne(a,b,b) // true onlyOne(a,b,a); // false上述…