原创 大廠面經---js基礎篇es6

1. 說一下你所知道的es6(es6新特性) let和const聲明變量,兩個都有塊級作用域,ES5中var是沒有塊級作用域的,並且var有變量提升,在let中,使用的變量一定要進行聲明,且不能重複聲明。 箭頭函數 模板字符串模

原创 大廠面經--史上最全面的http協議考點

一. http協議 1. http協議的發展歷程以及每個版本存在的問題 1.1 http1.1優缺點 1.1.1 優點 針對tcp連接十分耗時,使用Connection: keep-alive增加了持久連接 增加管道機制,在1

原创 webpack原理,使用,優化

1 webpack的原理 1. 原理 webpack整體是一個事件驅動架構,所有的功能都以Plugin(插件)的方式集成在構建流程中, 通過發佈訂閱事件來觸發各個插件執行。webpack核心使用tapable來實現Plugin(插

原创 移動端h5使用touchstart,touchmove實現多圖片拖拽效果

1、需求描述:對移動端多張圖片可以進行拖動排序(例子中使用兩排5張圖片) 2、實現過程: 主要思想就是能夠通過用戶手勢,捕捉到被拖 動元素以及拖動結束後的被交換元素,通過交換這兩個元素實現拖動排序。除此之外,我們還需要獲得被拖

原创 微信小程序開發----分享

分享是小程序中使用最多的功能,包括小程序原生頁面的分享和使用webview打開的h5頁面的分享。 原生頁面分享:直接在原生頁面使用onShareAppMessage函數, 當你點擊右上角的三個點下的轉發會自動執行該函數,關於該函數

原创 react實現pc端圖片輪播

1.需求 有多張圖片和左右兩個箭頭,點擊箭頭可以平穩滑動,右側滑動到最後一張圖會隱藏右箭頭,左側同理 2 解決方案:使用react, 配合transform來實現移動 首先,給出div結構, 首屏展示幾張圖,需要最外層類bd設

原创 獲取圖片高度問題------頁面圖片加載完成後獲取圖片高

問題描述: 因爲埋點的需要,需要判斷一個產品是否進入用戶可視區域,在實現過程中出現: 每次新打開一個窗口,使用element.getBoundingClientRect().top去獲取一個產品的top值都是錯的,但是刷新頁面,值

原创 項目遇到的問題以及解決方法---小程序頁面因數據量大帶來問題的優化

一 、問題描述:小程序開發中開發一個城市列表選擇頁,如下: 但是由於接口返回的城市數量過多,導致首屏白頁的問題: 怎麼優化這個問題? 1. 首先考慮是把接口返回數據存儲爲本地文件,進行本地加載,可以節約請求回顯時間,但是這種做

原创 微信小程序的架構原理

一、相關SDK 小程序SDK 原生小程序頁面開發使用微信提供的小程序基礎庫(小程序sdk:https://developers.weixin.qq.com/miniprogram/dev/api/)進行。 小程序基礎庫提供豐富的

原创 大廠面經 ----- 詳解react 16之前的生命週期(附帶完整demo)

1. 父子組件的生命週期執行過程 1.1 首次渲染的過程 父constructor => 父componentWillMount => 父render => 遇到子組件進入子組件的生命週期 => 子constructor =>

原创 使用抓包工具fiddler修改接口返回值進行調試

安裝完fiddler, 配置https和Connections. 配置完點擊options-HTTPs右側Action-導入證書到桌面。 然後在谷歌瀏覽器設置-高級-管理證書-受信任的跟證書頒發機構中導入fillder證書,

原创 大廠面經---js基礎篇typeof/NaN/以及一些常規題目

1. typeof typeof null === ‘object’ // true 2. NaN typeof(NaN) // "number" alert(NaN == NaN) // false,NaN

原创 大廠面經---詳解react hooks面試題(含高階組件)

一. 面試中出現的關於hooks的題目 1. 簡單介紹下什麼是hooks,hooks產生的背景?hooks的優點? hooks是針對在使用react時存在以下問題而產生的: 組件之間複用狀態邏輯很難,在hooks之前,實現組件複

原创 大廠面經-js基礎篇(必包/this)

1. 必包 1.1 什麼是必包 必包是js語言的一種特性,主要包含的要點是函數會形成單獨的作用域,同作用域的對象可以互相訪問,作用域呈層級包含狀態,形成作用域鏈,子作用域的對象可以訪問父作用域的對象,反之不能。 比如我們在a函數裏

原创 大廠面經--js基礎篇(執行上下文/作用域/變量對象)

1. 執行上下文 1.1 什麼是執行上下文 var foo = function () { console.log('foo1'); } foo(); // foo1 var foo = function () {