_sidebar.md

• 1 00~前端展望 [1]

  • 1.1 2021 前端展望

• 2 01~开发基础 [5]

  • 2.1 00~快速开始 [6]

    • 2.1.1 A Study Plan To Cure JavaScript Fatigue
    • 2.1.2 HTML 与 CSS 简史
    • 2.1.3 从路人甲到英雄无敌的前端开发指南
    • 2.1.4 开发环境 [2]

      • 2.1.4.1 OnlineIDE

      • 2.1.4.2 VSCode [1]

        • 2.1.4.2.1 断点调试
    • 2.1.5 开发环境与工具链
    • 2.1.6 脚手架

  • 2.2 01.HTML [3]

    • 2.2.1 元素标签 [7]
      • 2.2.1.1 a
      • 2.2.1.2 iframe
      • 2.2.1.3 input
      • 2.2.1.4 列表
      • 2.2.1.5 图片
      • 2.2.1.6 控件
      • 2.2.1.7 脚本标签
    • 2.2.2 规范与模板
    • 2.2.3 语义化与头标签

  • 2.3 02~CSS [8]

    • 2.3.1 99~参考资料 [1]

      • 2.3.1.1 Rebuilding a featured news section with modern CSS: Vox news

    • 2.3.2 CSS Reset

    • 2.3.3 CSS 处理器 [3]

      • 2.3.3.1 Less
      • 2.3.3.2 PostCSS
      • 2.3.3.3 SCSS

    • 2.3.4 CSS 选择器 [2]

      • 2.3.4.1 99~参考资料 [1]
        • 2.3.4.1.1 2023~CSS Selectors: A Visual Guide
      • 2.3.4.2 选择器

    • 2.3.5 元素样式 [3]

      • 2.3.5.1 变量与自定义属性
      • 2.3.5.2 字体
      • 2.3.5.3 边属性与图形绘制

    • 2.3.6 变换与动画 [2]

      • 2.3.6.1 CSS 变换与动画
      • 2.3.6.2 JavaScript 动画

    • 2.3.7 布局 [3]

      • 2.3.7.1 CSS Grid [1]
        • 2.3.7.1.1 99~参考资料 [4]
          • 2.3.7.1.1.1 2019阮一峰CSS Grid 网格布局教程
          • 2.3.7.1.1.2 2020~最强大的 CSS 布局：Grid 布局
          • 2.3.7.1.1.3 2021~简明 CSS Grid 布局教程
          • 2.3.7.1.1.4 2023~An Interactive Guide to CSS Grid
      • 2.3.7.2 Flexbox
      • 2.3.7.3 JavaScript 动态布局

    • 2.3.8 盒模型与文档流 [2]

      • 2.3.8.1 文档流与元素定位
      • 2.3.8.2 盒模型

  • 2.4 03.DOM [4]

    • 2.4.1 99~参考资料 [1]
      • 2.4.1.1 DOM API 详解
    • 2.4.2 事件响应 [6]
      • 2.4.2.1 事件绑定与传递
      • 2.4.2.2 交互事件
      • 2.4.2.3 手势识别 [1]
        • 2.4.2.3.1 ZingTouch
      • 2.4.2.4 拖拽事件
      • 2.4.2.5 文档与元素事件
      • 2.4.2.6 设备事件
    • 2.4.3 对象 [2]
      • 2.4.3.1 元素对象
      • 2.4.3.2 浏览器对象
    • 2.4.4 选择与操作 [2]
      • 2.4.4.1 元素操作
      • 2.4.4.2 元素选择

  • 2.5 04.BOM [6]

    • 2.5.1 History [2]

      • 2.5.1.1 History
      • 2.5.1.2 URLPattern

    • 2.5.2 Observer [5]

      • 2.5.2.1 ComputePressureObserver
      • 2.5.2.2 IntersectionObserver
      • 2.5.2.3 MutationObserver
      • 2.5.2.4 PerformanceObserver
      • 2.5.2.5 ResizeObserver

    • 2.5.3 WebWorker [3]

      • 2.5.3.1 SharedWorker
      • 2.5.3.2 Worker 使用
      • 2.5.3.3 第三方库

    • 2.5.4 数据存储 [6]

      • 2.5.4.1 Cookie
      • 2.5.4.2 IndexedDB
      • 2.5.4.3 剪贴板
      • 2.5.4.4 数据检索
      • 2.5.4.5 文件
      • 2.5.4.6 缓存

    • 2.5.5 网络请求 [4]

      • 2.5.5.1 数据加载 [1]
        • 2.5.5.1.1 SWR
      • 2.5.5.2 文件处理 [5]
        • 2.5.5.2.1 Blob
        • 2.5.5.2.2 FileSaver
        • 2.5.5.2.3 文件上传 [1]
          • 2.5.5.2.3.1 大文件分片上传
        • 2.5.5.2.4 文件下载 [3]
          • 2.5.5.2.4.1 Range 并发下载
          • 2.5.5.2.4.2 基于 fetch 的下载
          • 2.5.5.2.4.3 纯前端下载
        • 2.5.5.2.5 文件读写
      • 2.5.5.3 请求库 [3]
        • 2.5.5.3.1 Axios [2]
          • 2.5.5.3.1.1 基础使用
          • 2.5.5.3.1.2 拦截器
        • 2.5.5.3.2 Fetch
        • 2.5.5.3.3 XMLHttpRequest
      • 2.5.5.4 跨域通信 [2]
        • 2.5.5.4.1 CORS
        • 2.5.5.4.2 跨域请求

    • 2.5.6 网页打印

• 3 02~前端框架 [7]

  • 3.1 00~框架对比 [2]

    • 3.1.1 框架对比
    • 3.1.2 框架范式

  • 3.2 01.Alpinejs [1]

    • 3.2.1 99~参考资料 [1]
      • 3.2.1.1 alpine.js 使用及原理简介

  • 3.3 01.jQuery [4]

    • 3.3.1 jQuery 实践技巧
    • 3.3.2 事件处理与网络交互
    • 3.3.3 元素操作
    • 3.3.4 插件

  • 3.4 10.React

  • 3.5 10.SolidJs

  • 3.6 10.Svelte [6]

    • 3.6.1 事件处理
    • 3.6.2 响应式绑定
    • 3.6.3 状态管理
    • 3.6.4 组件基础
    • 3.6.5 组件样式
    • 3.6.6 语法编译

  • 3.7 10.Vue [7]

    • 3.7.1 TypeScript

    • 3.7.2 工具链 [2]

      • 3.7.2.1 Webpack 配置
      • 3.7.2.2 vue cli

    • 3.7.3 性能优化 [1]

      • 3.7.3.1 异步加载

    • 3.7.4 架构机制 [3]

      • 3.7.4.1 Vue 3 [1]
        • 3.7.4.1.1 数据监听
      • 3.7.4.2 nextTick
      • 3.7.4.3 响应式原理

    • 3.7.5 状态管理 [3]

      • 3.7.5.1 MobX
      • 3.7.5.2 Redux
      • 3.7.5.3 Vuex [2]
        • 3.7.5.3.1 基础组件
        • 3.7.5.3.2 异步处理

    • 3.7.6 组件系统 [4]

      • 3.7.6.1 Prop [1]
        • 3.7.6.1.1 Prop
      • 3.7.6.2 事件 [1]
        • 3.7.6.2.1 数据通信
      • 3.7.6.3 函数式组件
      • 3.7.6.4 类组件

    • 3.7.7 语法基础 [2]

      • 3.7.7.1 实例
      • 3.7.7.2 模板语法

• 4 03~工程化架构

• 5 04~跨端开发 [7]

  • 5.1 99~参考资料 [1]

    • 5.1.1 Web to Desktop framework comparison

  • 5.2 Chrome Extension [3]

    • 5.2.1 应用配置与界面
    • 5.2.2 网络请求与存储
    • 5.2.3 脚本执行与交互

  • 5.3 Electron [5]

    • 5.3.1 99~参考资料 [1]
      • 5.3.1.1 无限咪咪 Electron 小记
    • 5.3.2 功能开发 [2]
      • 5.3.2.1 应用发布
      • 5.3.2.2 开发基础
    • 5.3.3 功能扩展 [2]
      • 5.3.3.1 Electron 中使用 Python
      • 5.3.3.2 截图与视频
    • 5.3.4 性能优化 [2]
      • 5.3.4.1 99~参考资料 [1]
        • 5.3.4.1.1 2023~新 QQ NT 桌面版如何实现内存优化探索？
      • 5.3.4.2 内存调优
    • 5.3.5 进程模型与通信 [4]
      • 5.3.5.1 99~参考资料 [1]
        • 5.3.5.1.1 Electron SSE 实时数据推送到网站
      • 5.3.5.2 Electron 自定义协议
      • 5.3.5.3 为何 remote 模块是有害的
      • 5.3.5.4 进程模型、进程间通信 与 Node 模块使用

  • 5.4 Remax

  • 5.5 Taro [5]

    • 5.5.1 TaroUI

    • 5.5.2 多端开发 [1]

      • 5.5.2.1 跨平台开发

    • 5.5.3 工程实践 [2]

      • 5.5.3.1 最佳实践
      • 5.5.3.2 权限校验

    • 5.5.4 开发基础 [4]

      • 5.5.4.1 快速开始
      • 5.5.4.2 框架与配置
      • 5.5.4.3 组件与页面
      • 5.5.4.4 静态资源

    • 5.5.5 语法特性 [1]

      • 5.5.5.1 组件样式

  • 5.6 Weapp

  • 5.7 小程序 [3]

    • 5.7.1 W3C 小程序标准
    • 5.7.2 框架语法对比
    • 5.7.3 转译与运行时

• 6 05~性能与体验优化

• 7 09~Web 组件范式 [3]

  • 7.1 控件开发 [1]
    • 7.1.1 表单 [2]
      • 7.1.1.1 Formilk
      • 7.1.1.2 表单属性域
  • 7.2 组件系统 [1]
    • 7.2.1 99~参考资料 [1]
      • 7.2.1.1 Modern CSS For Dynamic Component Based Architecture
  • 7.3 编辑器

• 8 10~WebAssembly [2]

  • 8.1 WASM 应用开发 [4]

    • 8.1.1 AssemblyScript [1]

      • 8.1.1.1 99~参考资料

    • 8.1.2 C++ [2]

      • 8.1.2.1 Emscripten [3]
        • 8.1.2.1.1 JavaScript 调用 WASM
        • 8.1.2.1.2 WASM 调用 JavaScript
        • 8.1.2.1.3 WebAssembly 简单案例
      • 8.1.2.2 OpenCV

    • 8.1.3 Go

    • 8.1.4 Rust [1]

      • 8.1.4.1 快速开始
  • 8.2 WASM 规范 [1]
    • 8.2.1 发展简史

• 9 INTRODUCTION