按照相關的js語法，去操作頁面中的元素，有時還要操作瀏覽器裡面的一些功能
js由三部分組成：
js中資料分為兩大類：一是基本資料型別:undefined、null、boolean、number、string、symbol，二是複雜資料型別：object,object本質上是由一組無序的名子對組成的。
變數：可變的量，在程式語言中，變數其實就是乙個名字，用來儲存和代表不同值的東西。
// es3
var a = 123;
// es6
let b = 100;
b = 200 //報錯
const c = 1000;
// 建立函式也相當於在建立變數
function fn() {}
// 建立類也相當於建立變數
class a{}
// es6的模組島嶼也可以建立變數
import a from './a.js'
// symbol建立唯一值
let n = symbol(100)
let m = symbol(100)
用var宣告的變數，可以重複宣告，後宣告的會覆蓋前面的
用const宣告的變數為常量，不能修改該變數的值，但是像object這樣的複雜資料型別，在記憶體中存放的是乙個指向該物件的指標，也就是說，用const宣告的物件仍然可以修改該物件的值，但不可再次宣告該物件
基本資料型別
引用資料型別 object物件型別
資料型別應用場景：
當我們通過ajax請求拿到資料之前，先在本地初始化資料，一般都會先給乙個預設的資料，請求資料後再把資料放入到我們定義好的資料結構裡面，比如:
var data =var message = 'some string'
console.log(typeof(message) // "string"
var arr = [1,2,3,4]
console.log(typeof(arr) // "object"
console.log(typeof(null) // "object"
在上面的例子中呼叫 typeof null會返回"object",因為特殊值null被認為是乙個空的物件引用。用typeof檢測乙個變數是否是陣列並不準確，會返回"object"
web前端入門到實戰 CSS多級選單
這是乙個相當炫的功能，讓網頁看起來像桌面程式，如window的開始選單。實現原理基本和純css相簿差不多，但要注意的事項比較多，讓我們一步步來吧。先來乙個非常簡單的一級選單與懸停效果。結構很熟悉吧，就是把原來放的地方換成文字而已。我還特意標出來了。接著下來的表現層 非常簡單。menu menu li...
web前端入門到實戰 CSS盒子模型
頁面元素皆為框 盒子 定義了元素框處理元素內容，內邊距，外邊距以及邊框的計算方式。圍繞在元素邊框外的空白距離 元素與元素之間的距離 語法 margin，定義4個方向的外邊距 1 取值 以px為單位，佔父級元素寬度的 比 正數 margin left 元素向右移動，margin top元素向下移動 負...
web前端入門到實戰 實現html頁面自動重新整理
使用場景 頁面需要定時重新整理，實時載入資料，需要實時檢視監控資料 h5中的websocket和sse可以實現區域性重新整理 一定時間之後跳轉到指定頁面 登入註冊之類 前端開發使用偽資料除錯html頁面 修改一些js的變數值，可以自動重新整理效果 示例 頁面自動重新整理注 其中10指每隔10秒重新整...