Web 前端相关笔记

JavaScript

Brendan Eich 设计实现，ECMAScript 标准，基于 V8 引擎

数据类型：

  • 基本数据类型：Number, String, Boolean, Null, Undefined
  • 复杂数据类型：Object
  • 判断方法：typeof
  • 三大引用类型：
    • Object
    • Array
    • Function
  • 值类型和引用类型

变量作用域与解构赋值

  • 变量提升：将所声明的变量“提升”函数顶部。词法分析
  • 解构赋值：ES6 引入，同时对一组变量进行赋值。
  • 高阶函数：
    • map/reduce
    • filter
    • sort
  • 闭包 closure：
  • 箭头函数
  • 原型链

JS DOM

浏览器对象：JS Browser BOM

Window:

  • Window Size:
    • window.innerHeight
    • window.innerWidth
  • Window Methods
    • window.open()
    • window.close()
    • window.moveTo()
    • window.resizeTo()

Screen

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availheight
  • screen.colorDepth
  • screen.pixelDepth

Location

History

Navigator

Popup Alert

Timing

Cookies

HTML5

Basic

Forms

HTML5

HTML Graphics

HTML Canvas

  • 基本使用
  • Echarts

HTML SVG

HTML Media

  • Media

  • Video

    • tag

  • Audio

  • Plug-ins

  • YouTube

HTML APIs

  • Geolocation
  • Drag/Drop
  • Web Storage
  • Web Workers
  • SSE

CSS

Basic

Advanced

Responsive

Grid

Algorithm

  1. 元素交换
  2. 最长公共子串
  3. 最长回文串