現代網頁趨勢＆演算法對其的影響 - 陳毅／IAN／IAN

JavaScript 從問世到現在已經有 20 多年的歷史，本演講將會探討 JavaScript 是怎麼在眾多程式語言中竄出，一躍成為當今最熱門的程式語言沒有之一，以及近年來改變 Modern Web 世界的主流 JavaScript 框架、並進一步分析演算法的優化（以 Vue.js 為例）對使用者帶來的影響... 等。

先備知識

大致理解Document Object Model(DOM)與HTML之間的關係

tags: SITCON 2020 共筆 SITCON 2020 2020 共筆 R2

歡迎大家來到SITCON 2020 ヽ(✿ﾟ▽ﾟ)ノ
共筆入口：https://hackmd.io/@SITCON/2020
手機版請點選上方 按鈕展開議程列表。

請從這裡開始

About me

Modern Web 趨勢（Cont'd）

  • JavaScript

  • ECMA標準化的推動

  • 網頁增加互動性

  • 智慧手機的普及及性能提升

  • ECMA標準穩定更新，改變開發生態(前後端分離，重要性相等)

  • Vue | React | Angular

    • Virtual DOM
      • 利用JavaScript去模擬DOM中特定的結構
      • Vue3

主流前端框架都利用了這個技術

以 vue3 為例

資料綁定 && 動態節點

var app = new Vue({
    el:'#app'
    data(){
        return{
        
        }
    }
})

vue3 內部實作

  • Before
    • 節點逐一檢查
  • After
    • 直接檢查已資料綁定的部分

效能測試 - 環境參數
1000 個
個動態更新

效能測試(36ms ->5.5ms)

Select a repo