原创 大華校招前端面試

三輪面;兩輪技術面,一輪hr面,雖然都面完了不過覺得沒啥戲,自己的優勢被自己坑了一波完全沒顯現出來的亞子,技術面問的問題比較基礎;答案網上可以搜到 1、h5中<video>支持的媒體格式 1、MPEG-4 2、ogg 3、WebM 2

原创 react(todoList)

react主要是組件化管理,寫法上都是使用jsx,將代碼渲染到頁面上也是通過render函數,通過虛擬dom的patch將vNode渲染到頁面上 1、首次創建todoList: state:state相當於vue中的data,通過操作st

原创 瀏覽器輸入網址到顯示在頁面發生全過程

通過dns域名解析ip 瀏覽器優先在hosts文件中查找,沒有會遞歸查詢也就是瀏覽器只跟本地域名服務器請求ip地址; 本地域名服務器沒有,本地域名服務器自己會執行迭代查詢, 優先到跟域名服務器下,根域名服務器不負責解析但是會告知可解析該

原创 輸入'niHao aAz'實現輸出爲'ni_hao a_az'

var b = 'niHao aAz' //輸出ni_hao var a = b.split('') var str = []; for (var i = 0; i < a.length; i++) { if (a[i] >=

原创 css實現”兩邊固定,中間自適應''+雙飛翼、聖盃佈局

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

原创 div塊垂直居中

//1 <body> <div class="div1"></div> </body> <style> .div1 { width: 200px; height: 200px;

原创 css畫三角形+扇形+氣泡框

主要利用border特性來繪製 三角形: .kkk { width: 0; height: 0; border: 50px solid;

原创 export、import、export default

export 、export default 主要用於導出模塊,將接口、常量、函數等輸出 import主要用於將需要的文件輸入 使用export+import需要在引入時添加 { } var a='name' var b='age' e

原创 簡易版webpack搭建react

參考資源: https://www.jianshu.com/p/8f49aaa6169e https://www.jianshu.com/p/bcad129a1c69 初始化文件npm install  全局安裝webpack npm i

原创 eventBus實現兄弟組件通信

1、新建一個bus.js並寫入 import Vue from 'Vue' export default new Vue 2、在需要傳遞信息的子組件中分別引入bus.js import Bus from "bus.js路徑"; 3、通

原创 react梳理

react的生命週期 如果有defaultprops會先初始化,之後經過constructor初始化state,之後會走進componentwillmount進行初始化,在componentwillmount階段setState不會引起r

原创 不定高div垂直居中

<div class="title"> <div class="left">a</div> </div> 1、flex .title{ dispaly:flex; height:100%; align-items

原创 遍歷數組獲取到值後立即跳出

通過every+return false、some+return true來實現終止循環;提升性能 selectScrollAppSources = key => { if (this.props.SourceReducer

原创 antd Select將默認值defaultValue設爲後端拉取數據的對象屬性值時報undefined

問題:從後端拉取到數據放到sourceList數組中,每個item都是對象,在獲取對象的value屬性值時一直報錯顯示value爲undefined 原因:defaultValue只會讀取一次數據,頁面剛進來的時候在componentDi

原创 獲取緩存值爲對象的屬性值時爲undefined

Obj是對象: 在進行localStorage.setItem('name',Obj)進行存儲時直接存儲會顯示[object object],先將其轉爲字符串存進去,常用JSON.stringify(Obj) localStorage.