✨
HTML 網頁設計
  • HTML 簡介
  • 1.網站三兄弟
    • 環境設定
    • HTML 基本結構
      • 文件架構
      • 元素
      • 文章-使用的元素
      • 超連結
      • Form表單
      • 嵌入第三方服務
    • Css 基本使用
      • 使用方式 Background
        • before、after
      • Box-sizing 介紹
      • Reset Css
      • CSS - 排版
        • CSS - 定位器
        • 導覽列篇
        • 置中篇 - 範例
        • 三欄式 - 範例
        • 兩欄式
      • css命名規則
    • JS 基本使用
      • 基本語法
      • 參數/arguments
      • param() 方法
      • 定時器（timer）
  • 2.css 進階使用
    • Display
    • Position
      • z-index and stacking context
      • Table
    • CSS選擇器
  • 3.其他JS工具
    • jQuery 簡介
      • $.cookie()
      • .animate
      • scrollTop
      • 使用效果
    • BootStrap
    • NODE.JS
      • 安裝 Node.js
        • SVG - 可縮放向量圖形
      • webpack
    • React
      • React Native
  • 4.曲線圖
    • Chart 前端操作
      • Datasets Style
      • Line 設定
  • 4.DataTable
    • Bootstrap Table
  • 99.其他內容
    • Webpack
    • IIS - 網際網路資訊服務
      • 環境設定
      • WEB IIS架站
Powered by GitBook
On this page
  • 什麼是CDN ?
  • 優點
  • JS 中 .min.js 和.js 檔案的區別
  • 一、.js和.min.js檔案分別是什麼
  • 二、 .js 和.min.js檔案的優缺點
  • 三、 壓縮原理

Was this helpful?

  1. 1.網站三兄弟

JS 基本使用

Previouscss命名規則Next基本語法

Last updated 3 years ago

Was this helpful?

什麼是CDN ?

CDN(Content delivery network)，又名內容傳遞網路

是指一種透過網際網路互相連接的電腦網路系統，利用最靠近每位使用者的伺服器，更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者，來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。

這是一種內容在網路上傳輸的快取機制。

優點

1. 加速網頁瀏覽效能：因為已經將緩存資料放在最近的機房中，不需要重新像伺服器讀取

2. 有效分流(頻寬)：當所有用戶都不再向同一個伺服器讀取資料，大幅降低集中流量

3. 網站穩定度：網站流量分散後，網站的穩定度大幅提高，即使短暫當機也不怕用戶無法使用

4. 安全性增加：因網站透過CDN分散出去，駭客較難直接攻擊網站本體

JS 中 .min.js 和.js 檔案的區別

一、.js和.min.js檔案分別是什麼

.js是JavaScript 原始碼檔案， .min.js是壓縮版的js檔案。

.min.js檔案經過壓縮，相對編譯前的js檔案體積較小，傳輸效率快。 防止窺視和竊取原始碼 經過編碼將變數和函式原命名改為毫無意義的命名，以防止他人窺視和竊取 js 原始碼

二、 .js 和.min.js檔案的優缺點

TYPE

優點

缺點

.js檔案

可讀性較好，易於debug和更改

體積較大，傳輸時間長

.min.js檔案

體積較小傳輸快, 原始碼防竊

可讀性差

三、 壓縮原理

壓縮：刪除 js 程式碼中所有註釋、跳格符號、換行符號及無用的空格，從而壓縮 JS 檔案大小。

混淆：經過編碼將變數和函式原命名改為毫無意義的命名，刪除無用程式碼，行內函數，等價語句替換等(以防止他人窺視和竊取原始碼)