webapck 打包出的文件解析

原始程式碼

1
2
3
4
5

// a.js的內容
module.exports = 'HAHAHA'
// index.js的內容
let aExports  = require('./a');
console.log("Hello" + aExports);

01作用域以及值類型與引用類型

主題目(一)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var foo = 55
var bar = 66

function baz(num, foo) {
  num = 100
  foo = 100
  bar = 100
  console.log(num);
  console.log(foo);
  console.log(bar);
}

baz(foo, bar)
console.log(foo);
console.log(bar);

文字懸停

參考自 https://blog.csdn.net/qq449245884/article/details/105326186

效果

HTTP與HTTPS

HTTPS較安全

因為HTTP並未進行加密，在網路上形同裸體，有人心懷不軌很容易被竊取或竄改

情況一

假如今天小明以及小美在聊天，假如甚麼密碼都不設的話，訊息可能會被竄改

HTTP內容協商機制

懶人包

比方說有很多不同的國家訪問同一個URL，法國人瀏覽需要加載法與資源，美國人需要加載英語，而解決這些就是透過內容協商機制

內容協商方式

客戶端驅動

客戶端發起請求，服務器返回選項提供客戶端選擇後再二次請求

優點: 容易實現，且較精準

缺點: 使用者初次訪問無法直接查看內容，且需要多請求一次

JS之變量如何賦值

變量有甚麼類型

1. 基本類型

   Undefine，String，Boolean，Null，Number

2. 引用類型

   Object包括它的延伸

探討的問題

當我們給變量賦值另一個變量，會發生發生甚麼

注意:

​ 在JS裡面，一個變量的值絕對不會指向另一個變量，而是指向內存

HTTP緩存

1. 原因:

   頻繁請求非常類費流量，且一直刷新使用者體驗相當不佳

2. 緩存內容

   主要是一些靜態資源(比如CSS，JS)

HTTP緩存頭部(後面會詳談)

Cache-Control

請求/響應頭，緩存控制

HTTP 代理

像是中間人的概念，對待裡來說既可以當服務端也可以當客戶端

示意圖

JS靜態與動態作用域

JavaScript使用的是靜態作用域，非動態這件事要先提前知道

靜態作用域

1. 懶人包 :

   會主動去尋找函數與變量定義時的狀況

2. 例子:

   1 2 3 4 5 6 7 8 9 10 11

   let a = '靜態作用域' function foo() { console.log(a); } function bar() { let a = '動態作用域' foo() } bar() // '靜態作用域'

   Read more »