前端面試題總結

来源:https://www.cnblogs.com/beileixinqing/archive/2019/05/10/10845395.html
-Advertisement-
Play Games

以下麵試題出自自己去各個公司面試遇到的,不乏各個大廠: 瀑布流 vuex幾個常用屬性 vue通過哪個js原聲方法實現數據監聽的 圖片截取上傳 懶載入和預載入 防抖動截流 flex幾個屬性背一下 手機端app優化 手機端調用相機webview 微信小程式 公眾號 js原生實現懶載入 Vue裡面,只要t ...


以下麵試題出自自己去各個公司面試遇到的,不乏各個大廠:

瀑布流

vuex幾個常用屬性

vue通過哪個js原聲方法實現數據監聽的

圖片截取上傳

懶載入和預載入

防抖動截流

flex幾個屬性背一下

手機端app優化

手機端調用相機webview

微信小程式

公眾號

js原生實現懶載入

Vue裡面,只要type是一個object或者arraydefault就是一個函數

inline-block使用習慣,給父元素的font-size設為0

Promise或者ajaxcatch捕獲

Settimieoutthis指向

Jsonp返回的是callback函數

傳的時候也可以傳一個函數過去

兩邊定寬,中間自適應

Offsetwidth

Clientwidth

Scrollwidth

快速排序

哪些事件不可以冒泡

304代表什麼

伺服器如何判斷瀏覽器傳過來的是否與原先的一樣

Fixed坐標起點是哪

axiosvue resource區別

Gruntgulp的區別,打包方法什麼的

Ngrepeat隔行變色

Put get如何向伺服器發送數據

Restful

數據結構

Symbol

Foreach map區別

Webpack會首先引入哪個插件

基本類型和引用類型到區別,有個經典面試題如何深度複製數組

如何拿到url參數的字元串

自己有沒有實現過一些js組件,如彈窗,輪播之類的

1px手機端如何實現

Webpack chunk

函數的運行機制

函數式編程,面向對象編程,還有各種編程,用過什麼,各種優缺點

函數聲明和定義的變數的函數區別

Es6如何解決遞歸的缺點,棧溢出,用偽遞歸

什麼是hash表,類似於js中的什麼?對象

Setmap的區別

對事務怎麼理解

Node中的事務

資料庫事務

對閉包的理解

一個函數和一個let定義的變數都存在於同一作用域中,這個函數能否訪問到這個變數,變數寫在函數的後邊

Pm2實現多進程

Webpack如何實現代碼分割

Webpack plugins的理解

用的webpack

新版本webpack與之前版本的不同

V-model如何實時綁定到頁面中

$.set方法添加新屬性屬於js的方法

雙向綁定是實力化之前就綁定好了,在哪個生命周期綁定的,那實例化之後在綁定一個屬性到對象中,是否可以實現雙向綁定

Vue哪些生命周期

哪些周期用來獲取dom,monunted,update

Vue綁定的事件是在dom上操作嗎

對原型的理解

一個函數,傳入一個json對象,在函數內改變這個對象好嗎?不好,要返回一個新的對象

對棧和堆的理解

數組是棧,對象不是棧,數組屬於對象

如何淺拷貝一個對象

原型設計的目的

原型設計的時候有沒有考慮到讓實例都用它的,想到了

Egg框架

如何實現組件解藕

解藕

父子組件通信,傳值

Node中間件如何選,怎麼選

做項目如何選型

是否自己寫過webpack插件

Pm2一個進程只能一個人訪問,如何承受多人同時訪問,是否做過壓力測試

是否在項目中做緩存之類de

原型有原型蓮,函數如何層層運行的

拷貝一句話方法,object.assogn

國外框架

Loderplugin的區別

Webpack

Vue深入一下

雙向綁定原理深入說明源碼說明

繼承方式

Node是否自己實現過koa2

Egg

Node如果引入的順序不一樣,結果會不一樣嗎

Node中間件執行原理

構造函數和工廠函數的區別

原型

瀏覽器如何優化,項目如何優化,webpack代碼分割,做優化,逸步載入

繼承

閉包使用場景

字元串統計出現最多的數量

數組去重多個方法

Css佈局左側定寬,右側自適應

彈性佈局

垂直居中

父子組件生命周期

Nexttick

如何設計許可權

雙向綁定原理,改變數據會立馬刷新嗎?

同時改變10個都要立馬刷新嗎?

函數表達式與聲名式函數區別

閉包的使用場景

React缺點,

兄弟組件如何傳值,定義全局變數

vue區別,優缺點,選型

時間複雜度,空間複雜度

對一個函數的複雜度做一個描述

排序演算法有哪些

Websocket協議

Web worker

有哪些協議

TCP ip協議

Http請求發生了什麼

輸入一個地址之後發生了什麼

用過哪些好用的工具,插件

前端路由與後端不同

內層定位,父元素高度失效怎麼辦

浮動同理

Vuexredux不同

小程式缺點

小程式生命周期

Es6.reflect.Proxy

Js對象扁平化

Js做更新

瀏覽器是否自帶緩存

Vue不知道什麼來的源碼

雙向數據綁定

虛擬dom的理解

生命周期

設計模式

Axios攔截器

什麼是發佈訂閱者模式,優缺點

Vue 3.0變化

前後端如何聯調

Px2rem如何給某些不使用rem是固定的px

手機端相容

搜索的時候註意問題

Seo優化問題考慮

Node中間件使用,自己如何寫

Session如何使用,是否用了中間件

Transition和動畫的區別

自己實現輪播,避免重繪,迴流

數組各個方法返回數組本身還是新數組

Js盒模型

函數節流

Promise原理

Css選擇器是從父到子還是子到父

Css優化

一個數組變為map之後會改變原數組嗎

寫一個遞歸

寫一個回調函數

你知道的非同步的方法

如何清除閉包的變數

Koa2中的級聯

Ctx代表什麼

箭頭函數有沒有arguments

Promise鏈式調用和不鏈式調用的區別

請求的時候可以傳cookie

Expresskoa2不同

用的eeactrouter版本

什麼是偽類

Jsonp限制,原理,安全問題。修改頭有非同源問題。

Cookie如何跨域傳

如何實現消息提醒,標簽欄上顯示紅點

Cookie如何傳向服務端

節流防抖

微信如何做授權登錄

搜索框請求

發送請求第二個直接幹掉第一個

對返回數據做判斷

Webpackgulp區別

Sassless區別

如果commit但沒push,回滾之後可以通過一個refload命令找到所有commit記錄,如果沒有commit,並且回滾了則不能再找到了

非同步的方式

Es6新增

Reactvue區別

Js運行機制

Vue雙向綁定

偽數組如何變成數組

Css實現一個圓環,沿著y軸旋轉

Window.onloaddocument.ready區別

微信授權

公眾號開發

為什麼加了overflow hidden就可以有高度了

Bfc

佈局,左右固定,中間自適應

內層加padding,內外寬一樣,外層高度為多少

高內聚,低哦切,面向對象

基本類型和引用類型的區別

Cons定義變數

1&&2

強制類型轉換

Substring

Websocket協議

定時器,每隔1秒減1

正則常用的

Vuereact設計模式,原理

客戶端如何處理緩存,而不用304服務端判斷

父子組件傳值的生命周期

熱載入原理

Object.assign是深拷貝還是淺拷貝

Object.defineproperty還有什麼屬性

父組件如何調用子組件方法

Promise與回調函數的區別

Cookie可以跨域嗎


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 引言 如果說vue是前端工程化使用較多的骨架,那麼JavaScript就是我們的前端的細胞。MVVM模式讓我們體驗到前端開發的便攜,無需再過多的考慮DOM的操作。而vue的漸進式開發(逐步引用組件,按需引入),也讓許多新手前端開發人員逐步繞過對jQuery的學習。jQuery需要記憶的內容頗多,這也 ...
  • 目前信息化產業發展勢頭很好,互聯網就成為了很多普通人想要涉及的行業,因為相比於傳統行業,互聯網行業漲薪幅度大,機會也多,所以就會大批的人想要轉行來學習web前端開發。目前來講市場上需要的web前端人員非常多,而且按照現在的勢頭,以後會需要更多的web前端開發人員,理由是以後每個人公司都會有自己的網站 ...
  • 一、css語法: css由兩大部分組成:選擇符和聲明,聲明由屬性和屬性值兩部分組成; 選擇符{屬性:屬性值;屬性:屬性值;} 註: a) 屬性和屬性值之間用冒號連接; b)每條聲明結束要加分號; 二、css選擇器: 1.id選擇器: 語法: <標記 id="id名"></標記> #id名{屬性:屬性 ...
  • CSS即層疊樣式表,在創建時有以下幾種樣式: 1.內聯樣式(行內樣式、行間樣式): <標記 style=“屬性:屬性值;”></標記> 2.內部樣式(嵌入式樣式): <style type="text/css"> < 一般放置在head部分 選擇器{ 屬性:屬性值; 屬性:屬性值; } </styl ...
  • 引言:JavaScript最早被設計出來就是為了實現對註冊表單的驗證,本文簡單的介紹了JavaScript的表單操作 1.獲取表單對象的方法 1.通過表單ID獲取:document.getElementById("formId"); 2.通過表單的索引獲取:document.forms[index] ...
  • 好像博客有觀眾,那每一篇都畫個圖吧! 本節簡圖如下。 上一篇其實啥也沒講,不過node本身就是這麼複雜,走流程就要走全套。就像曾經看webpack源碼,讀了300行代碼最後就為了取package.json裡面的main屬性,導致我直接棄坑了,垃圾源碼看完對腦子沒一點好處。回頭看了我之前那篇博客,同步 ...
  • js 基礎之常用事件 在js當中,事件是較為常用的內容,本篇文章來說一些常用的事件。 滑鼠事件 下麵是常用的滑鼠事件: click 當用戶按下並釋放滑鼠按鍵或其他方式“激活”元素時觸發 contextmenu 可以取消的事件,當上下文菜單即將出現時觸發。當前瀏覽器在滑鼠右擊時顯示上下文菜單 dblc ...
  • html語法: 1.常規標記: <標記 屬性=“屬性值” 屬性=“屬性值”></標記>; 2.空標記: <標記 屬性=“屬性值” 屬性=“屬性值”/> 註意事項: = 和 “”都是必須加的,同時兩個屬性之間用空格 隔開; html常用標簽: 1.文本標題: h1 h2 h3 h4 h5 h6 ; 2 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...