原创 多益網絡面經

部分總結與牛客網上的小夥伴的面經+自己面多益的 1、介紹項目 2、優雅降級和漸進增強 漸進增強 :針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。 優雅降

原创 vue面試知識點彙總

1. v-for 與v-if的優先級 顯然v-for優先於v-i被解析(源碼說的清楚) 如果同時出現,每次渲染都會先執行循環再判斷條件,無論如何循環都不可避免,浪費了性能 要避免出現這種情況,則在外層嵌套template, 在這

原创 常用數組處理方法與數組去重

目錄後端傳過來的那麼多數據我們怎麼處理歸類:1. 數組添加值2. 獲取數組最後一個元素3.將數組轉換成字符串4.數組添加元素5. 數組刪除元素5. 修改數組6.數組循環遍歷7. 轉換數據格式數組去重 ***一.在一個數組中有重複項

原创 session cookies,sessionStorage和localStorage的區別

背景 在html5出來之前,cookie- 直作爲本地存儲的一個方法來使用。後來html5提供了-種在客戶端本地保存數據的功能,它就是Web Storage,具體來說,Web Storage又分爲兩種:localStorage和

原创 Flex彈性盒子優雅佈局

Flex簡介 在flex佈局之前,我們想要爲頁面做一個有優雅的兩欄或者三欄佈局需要大費周折的使用浮動或者定位來實現,如今我們可以快速方便是使用flex彈性盒子來實現 Flex 是 Flexible Box 的縮寫,意爲"彈性

原创 js的this理解以及call apply bind改變this指向

關於JavaScript中的this 1. 函數預編譯過程this - > window function foo() { console.log(this); } foo(); //全局變量 函數調用中的this也指

原创 2020前端面試終極點題-javascript這些都會問

2020面試javascript javascript的語言特點 單線程 解釋性語言:解釋一行執行一行 js執行的過程 語法分析 預解析 解釋執行 預編譯 關於預解析和執行期上下文,看完這個你就都會了 原型原型鏈 JavaScri

原创 從輸入 URL 到頁面展現中間發生了這些!(拓展講解)

文章目錄1. URL輸入2. DNS解析2.1DNS解析的過程2.2 DNS查詢的兩種方式:遞歸查詢和迭代查詢2.3 DNS負載均衡2.4 DNS緩存3. TCP連接(三次握手)4. 發送HTTP請求補充 (1)GET 對比 P

原创 css畫一個三角形,梯形,平行四邊形

一 使用css簡單的畫一個三角形 1. 先來看看border的劃分 .demo{ width:100px; height:100px; border:3px

原创 一個關於女朋友買買買的筆試題

題目1 小明的女朋友最喜歡在網上買買買了,可是錢包裏鈔票有限,不能想買啥就買啥。 面對琳琅滿目的物品,她想買儘可能多的種類,每種只買一件,同時總價格還不能超過預算上限。 於是她請小明寫程序幫她找出應該買哪些物品,並算出這些物品的總

原创 必備知識點:css居中,你還沒有記住嗎?

居中問題(重點) 居中問題真的是老生常談的話題,基本上每次面試都會被問到,畢竟在樣式的時候居中真的無處不在,關於居中的文章網上比比皆是,好好記住4-5種,以後面試跟工作沒有任何問題啦 常見的居中分很多中,比如水平居中,垂直居中,水

原创 2020前端面試-HTML5+CSS3 重要知識點詳解

一.BFC BFC介紹 二.清除浮動 常用清除浮動 三.哪些移動端佈局 答:流式佈局-百分比、彈性盒子-flex、網格佈局-grid、rem/em、vm/vh rem em em相對長度單位,其參照當前元素字號大小,如果當前元素未

原创 立即執行函數詳解及運用

立即執行函數 定義:此類函數沒有聲明,在一次執行過後即釋放。適合做初始化工作。 作用:造出一個函數作用域,防止污染全局變量,它既不會提升,也不會污染全局對象,儘量的把功能封裝在函數中 首先得知道, 只有表達式才能被執行符號執行

原创 ES6專題--1.let和const

let(變量) 與 const(常量) (獲取最新完整前端課程關注vx公衆號:前端拓路者coder,回覆:資料) 之前定義變量,用 var 關鍵字;有如下主要缺點: 存在變量提升問題,降低 js 代碼的可閱讀性 沒有塊級作用域

原创 實現javascript的繼承

1. ES6的extends 使用extends 關鍵字實現類之間的繼承。這比在ES5中使用繼承要方便很多。 //定義類父類 class Animal { constructor(color) { this