給需要拖拽的節點繫結mousedown,mousemove,mouseup事件
mousedown事件觸發後，開始拖拽
mousemove時，需要通過event.clientx和clienty獲取拖拽位置，並實時更新位置
mouseup時，拖拽結束
需要注意瀏覽器的邊界的情況
如何實現瀏覽器內多個標籤頁之間的通訊?
呼叫 localstorge、cookies 等本地儲存方式
請描述一下cookies，sessionstorage和localstorage的區別？
①、他們的慨念是一樣的都是為了儲存資料，區別是web storage是為了更大容量儲存資料。
②、cookie的大小是受限的，並且每次你請求乙個新的頁面的時候cookie都會被傳送過去，這樣無形中浪費的頻寬，另外cookie還需要指定的作用域，不可以跨域使用
③、web storage有setitem,getitem,removeitem,clear等方法，但是cookie需要前端開發者自己封裝setcookie,getcookie。但是cookie也是不可或缺的：cookie的作用是與伺服器進行互動，作為http規範的一部分二存在，而webstorage僅僅是為了本地儲存資料而生的
cookie的弊端
①、cookie的數量和長度的限制。每個domain做多只能有20條cookie,每個cookie長度不能超過4kb,否則會被截掉
②、安全性問題。如果cookie被人攔截掉，那人就可以取得所有的session資訊，即使加密於事無補，因為攔截者並不需要知道cookie的意義，只需要**cookie就可以達到目的了
③、有些狀態不可能儲存在客戶端。例如，為了防止重複提交表單，我們需要在伺服器端儲存乙個計數器。如果我們把這個計數器儲存在客戶端，那麼它起不到任何作用。
cookie的作用
①、可以在客戶端上儲存使用者資料，起到簡單的快取和使用者身份識別等作用。
②、儲存使用者的登陸狀態，使用者進行登陸，成功登陸後，伺服器生成特定的cookie返回給客戶端，客戶端下次訪問該網域名稱下的任何頁面，將該cookie的資訊傳送給伺服器，伺服器經過檢驗，來判斷使用者是否登陸。
③、記錄使用者的行為。
cookie 的設定
①、客戶端傳送 http 請求到伺服器
②、當伺服器收到 http 請求時，在響應頭裡面新增乙個 set-cookie 字段
③、瀏覽器收到響應後儲存下 cookie
④、之後對該伺服器每一次請求中都通過 cookie 欄位將 cookie 資訊傳送給伺服器。
5、 表單控制項：date、time、email、url、search
6、 畫布(canvas) api
canvas元素用於在網頁上繪製圖形，該元素標籤強大之處在於可以直接html上進行圖形操作
7、地理(geolocation) api
移除的元素
純表現的元素:basefont、big、center、font、 s、strike、tt、u
對可用性產生負面影響的元素：frame、frameset、noframes
如何區分html5
doctype宣告新增的結構元素、功能元素
二、 前端注意哪些seo?
seo（search engine optimization）：漢譯為搜尋引擎優化。是一種方式：利用搜尋引擎的規則提高**在有關搜尋引擎內的自然排名。目的是：為**提供生態式的自我營銷解決方案，讓其在行業內佔據領先地位，獲得品牌收益。
語義化的html**，符合w3c規範：語義化**讓搜尋引擎容易理解網頁
重要內容html**放在最前：搜尋引擎抓取html順序是從上到下，有的搜尋引擎對抓取長度有限制，保證重要內容一定會被抓取
重要內容不要用js輸出：爬蟲不會執行js獲取內容
少用iframe：搜尋引擎不會抓取iframe中的內容
非裝飾性必須加alt
提高**速度：**速度是搜尋引擎排序的乙個重要指標
三、 web前端效能優化
四、乙個頁面從輸入 url 到頁面載入顯示完成，這個過程中都發生了什麼?
五、對瀏覽器核心的理解
六、訪問cookie的限制條件（cookie：儲存在使用者本地終端上的資料）
七、cookie 的 samesite 屬性
八、doctype 的作用？嚴格模式與混雜模式如何區分？它們有何意義？
九、web標準以及w3c標準是什麼?
十、iframe有那些缺點？
十一、網頁驗證碼是幹嘛的，是為了解決什麼安全問題
十二、title與h1的區別、b與strong的區別、i與em的區別？
十三、 xhtml和html有什麼區別?
HTML標籤整理
html標籤整理 html語言指的是 超文字標記語言，用於製作靜態網頁。語法類似與xml，但是具有w3c要求的對應html版本的標籤庫約束。目前學習的版本為xhtml1.0 目前最新版本為html5 html的基本結構 頁面顯示內容 按照標籤結構劃分 單標籤，和雙標籤 其中單標籤常用 其他都是雙標籤...
HTML知識整理
一，概念 html是 hypertext mark up language 的首字母簡寫，意思是超文字標記語言，超文字指的是超連結，標記指的是標籤，是一種用來製作網頁的語言，這種語言由乙個個的標籤組成，用這種語言製作的檔案儲存的是乙個文字檔案，檔案的擴充套件名為html或者htm。二，html簡單的...
html標籤整理
一 概念 超文字標記語言，是在標準通用化標記語言 sgml，standard generalized markup language 基礎上建立的。它是所有網頁製作技術的核心和基礎。二 html基本結構 三 常用標籤字元格式化標籤 列表標籤 黃瓜蔥青椒 最美的 特殊字元 gt nbsp超連結與錨標記...