原创 2019前端開發面試題知識點(不斷整理中)

前端知識梳理 HTML 部分 h5新增了那些內容? 新元素 畫布canvas 音頻audio、視頻video 新增語義標籤article nav footer section aside等 新屬性 placehold

原创 插件庫記錄~

複製粘貼插件 ==> Clipboard.js

原创 css三角形

最終的效果圖 貼上代碼 html部分 <!--確認刪除提示窗--> <div class="deleHint"> <div class="warpper"> <p class="content">確認

原创 vue watch對象或者數組的問題

普通的watch是這個樣子的: data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue)

原创 js 驗證的銀行卡信息

//檢測銀行卡信息 //cardType:DC->儲蓄卡,CC->信用卡 function bankCardAttribution(bankCard){ var cardTypeMap = { DC: "儲蓄卡",

原创 面試題:瀏覽器地址欄輸入地址到頁面渲染完成發生了什麼?

瀏覽器進行地址解析 瀏覽器得到url地址後開始解析,獲取該地址的端口號、域名、協議、路徑等信息。 有些信息不是必須的,瀏覽器會默認補齊。 將解析的域名進行DNS解析。 將第一步的解析的信息轉換成對應的ip地址,這就是DNS解析,

原创 markdown編輯器使用

歡迎使用Markdown編輯器寫博客 本Markdown編輯器使用StackEdit修改而來,用它寫博客,將會帶來全新的體驗哦: Markdown和擴展Markdown簡潔的語法 代碼塊高亮 圖片鏈接和圖片上傳 LaTex數學公式 UM

原创 2018前端面試題以及收集的答案(不斷更新中)

1.get與post請求有什麼區別? get和post是什麼?它們是http協議的兩種數據請求方式。在本質上都屬於tcp鏈接,並無差異,導致他們的差異的是 http的規定和瀏覽器的限制,導致他們在應用的過程中出現不同。 get請求可以

原创 css頁面佈局方法總結

題目:假設高度已知,請寫出三欄佈局,其中左右欄各寬300px,中間自適應 目前有以下方法可以實現: 1. 浮動佈局 2. 絕對定位佈局 3. flex佈局 4. 表格佈局 5. 網格佈局 浮動佈局 浮動佈局會導致

原创 原生ajax的實現

  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

原创 JS原型與原型鏈的理解

每個對象都有一個隱式原型,函數也是對象所以函數也有。隱式原型指向了構造它的函數的原型對象。 函數除了有隱式原型外還有個顯示原型prototype,指向了這個函數的原型對象。 原型 無論什麼,只要創建了一個新函數就會根據一組特定的規則

原创 css盒模型總結

css盒模型 css盒模型由margin、border、padding、content組成。 css盒模型分爲IE盒模型和標準盒模型。之間的卻別在與對於寬高的計算不同 IE盒模型認爲content包括border,padding,wi

原创 Travel 項目記錄與總結

前期準備事項 設置meta標籤固定頁面大小,防止用戶縮放頁面。 引入reset.css文件,清除頁面樣式差異 處理一像素邊框問題 處理移動端點擊300毫秒延時的問題 處理方法: 安裝fastclick依賴 npm i fastclic

原创 前端跨域之詳解

一、websocket 跨域 WebSocket 是HTML5一種新的協議。它實現了瀏覽器與服務器全雙工通信,同時允許跨域通訊,是server push技術的一種很好的實現。原生WebSocket API使用起來不太方便,推薦使用Soc

原创 這是測試頁面!

哈哈 阿薩