原创 常用語法模板

1.處理事件 React 事件使用駝峯命名,而不是全部小寫。 通過 JSX , 你傳遞一個函數作爲事件處理程序,而不是一個字符串。 <button onClick={activateLasers}> Activate La

原创 react組件、props、state以及父子組件傳值

1.react組件 組件(Components) 讓你可以將用戶界面分成獨立的,可複用的小部件,並可以對每個部件進行單獨的設計。 從定義上來說, 組件就像JavaScript的函數。組件可以接收任意輸入(稱爲”props”),

原创 正則用法

正則基本用法 str:要替換的字符串 \s : 表示 space ,空格 *: 一個或多個 ^: 開始,^\s,以空格開始 $: 結束,\s$,以空格結束 |:或者 /g:global, 全局 replace()

原创 react的JSX語法

一.理解JSX 1.什麼是JSX React的核心機制之一就是虛擬DOM:可以在內存中創建的虛擬DOM元素。React利用虛擬DOM來減少對實際DOM的操作從而提升性能。類似於真實的原生DOM,虛擬DOM也可以通過JavaSc

原创 實現一個函數clone,可以對javascript中的5種主要的數據類型進行值複製。

數據類型:(包括Number、String、Object、Array、Boolean) 關鍵點在於:Object分爲對象或數組 判斷是否是數組: function isArray(obj) { return Obje

原创 css細節整理

1.XHTML與HTML的有何異同? HTML 和 XHTML 的區別簡單來說,XHTML 可以認爲是 XML 版本的 HTML,爲符合 XML 要求,XHTML 語法上要求更嚴謹些。 功能上的差別:主要是XHTML可兼容各大

原创 創建對象、方法

1.根據包名,在指定空間中創建對象: 輸入:namespace({a: {test: 1, b: 2}}, 'a.b.c.d') 輸出:{a: {test: 1, b: {c: {d: {}}}}} function name

原创 js閉包中this的指向問題及三種解決方法

下面是一個問題,對象方法中定義的子函數,子函數執行時this指向哪裏? 三個問題: (1)以下代碼中打印的this是個什麼對象? (2)這段代碼能否實現使myNumber.value加1的功能?

原创 正則表達式-劍指

1.給定字符串 str,檢查其是否包含數字,包含返回 true,否則返回 false function containsNumber(str) { return /\d/.test(str); } 2.給定字符串 str,

原创 性能優化-異步加載js文件

爲什麼要異步加載:同步加載會阻塞瀏覽器的後續處理,即只有噹噹前文件加載完畢之後才能進行下一步的文件加載(如圖像)、渲染、代碼執行。如果js中有輸出document內容、修改DOM、重定向等行爲,就會造成頁面阻塞。 什麼叫異步加載:

原创 招銀網絡面經

招銀電話一面(電話面) 1.介紹自己和項目 2.項目中是如何mock數據的。 3.爲什麼要跨域?跨域有哪些方法? 4.如何實現客戶端和服務器端的雙向通信? 5.說一下垂直居中佈局有哪些方法 ? 6.http無狀態是怎麼解決的,什麼是c

原创 美團面經整理

美團一面 1.自我介紹和項目 2.說一下訪問一個頁面的整個過程。 3.介紹一下tcp三次握手。 4.說一下棧和堆以及兩個區別。 5.作用域是什麼樣的說一下。 6.瞭解垃圾回收機制嗎?有哪些方法怎麼實現? 7.手寫代碼實現斐波那契數列。

原创 百度面經整理

百度一面 1.css3瞭解哪些,動畫屬性和動畫的回調。 2.給了一個場景怎麼實現佈局,用到了box-sizing。 3.html5用過哪些屬性,談一下localstorage和sessionstorage,在什麼情況下用的,然後給了一

原创 京東面經整理

京東一面電話面 1.自我介紹和項目 2.說一下單頁應用和多頁應用的區別 3.跨域的一些實現方法,說到了nginx 4.設計模式瞭解嗎有哪些? 5.用過哪些排序算法,說一下思路。 京東二面現場面 1.手寫原生ajax,readystat

原创 網易面經總結

網易一面 1.瀏覽器內核都有哪些? 2.http協議、tcp協議以及和socket的區別是什麼? 3.http緩存瞭解嗎有哪些? 4.對html5有哪些瞭解? 5.重繪和重排是什麼,解釋一下? 6.說一下數組去重的多種方式? 7.在性