原创 【一句話博客】JavaScript綁定this上下文的三種方法

綁定this指向 1. call fun.call(thisArg, param1, param2) 2. apply fun.apply(thisArg, paramsArray) 3. bind var func = fu

原创 【一句話博客】JavaScript判等的三種方法

判等 1. == == 比較前進行強制轉換 2. === === 不進行強制類型轉換 NaN不等於自身 +0 等於 -0 3. Object.is(val1, val2) 區分正負零(1/0 === Infinity;

原创 【一句話博客】DOMの選擇符Selectors API

選擇符Selectors API 1. querySelector() 返回匹配指定CSS選擇器的第一個元素 // 第一個class是bar的元素 document.querySelector(".bar").style.ba

原创 【面試題外傳】parseInt和map的愛恨情仇

題目:['1', '2', '3'].map(parseInt) what & why ? 1. parseInt parseInt是window對象的方法 parseInt(string, radix); // 10 --->

原创 【一句話博客】MIME類型

媒體類型MIME 1. 概念 Multipurpose Internet Mail Extensions 多用途英特網郵件擴展 是一種標準,用來表示文檔、文件或字節流的性質和格式。 通用結構: type/subtype 2

原创 【JavaScript】script標籤

Script標籤 1. 標籤屬性 charset src type(text/javascript) defer async 2. script特性 阻塞頁面:嵌入式javascript代碼和引入外部文件,都會阻塞頁面處理。

原创 【CSS】Flex佈局

Flex 這是一篇阮一峯Flex博客的閱讀筆記 原文在此 1. 設置flex 任何一個容器 display: flex; 行內元素 display: inline-flex; 設置flex後,float,clear,vertic

原创 【奇技淫巧】交換兩個數

交換兩個數 1. 臨時變量 var a = 3; var b = 8; // swap var temp = a; a = b; b = temp; 最普通的教科書式寫法,應用最廣,最經典。 2. +/-操作符 var a =

原创 【前端面試】2020字節跳動提前批牛客網筆試

1. 輸入一個區間【l,r】,請問裏面有沒有能組成三角形三邊的三個數。思考了四十分鐘,最後發現其實大於一的連續整數都行,例如(2,3,4) // 根據三角形三邊關係 // abc分別爲從短到長 // 兩短邊之和大於長邊 // 1

原创 【JavaScript設計模式】W3CSchool教程閱讀筆記

Design Patterns 概念 DRY(Dont Repeat Yourself) GoF(四人幫Gang of Four)提出23種設計模式 設計模式是用來設計面向對象的模式 面向對象三大特性:封裝、繼承、多態 接口:若

原创 【JSONP】php和jsonp

JSONP JSON with padding 是json的一種“使用模式”,可以解決跨域問題。 主要還是利用<scrip></scrip>標籤可以不受跨域限制的特性。 1. 客戶端(HTML) 寫一個index.html文件。

原创 【JavaScript高級程序設計】第16和17章(HTML5腳本編程和錯誤處理調試)

16. HTML5腳本編程 跨文檔消息傳遞 cross-document messaging, XDM, web messaging 原生拖放 拖動元素時,依次發生下列事件: dragstart drag dragend

原创 【數據結構のJavaScript實現】棧與隊列

棧和隊列 1. 棧 1. 概念 運算受限的線性表 棧頂【TOP】,棧底【Bottom】 棧stack是限制僅在表的一端進行插入和刪除運算的線性表 LIFO後進先出 順序棧 & 鏈棧 上溢,下溢 兩個棧,棧底分別在兩頭,一起向中間

原创 【JavaScript高級程序設計】第20和21章(JSON、Ajax和Comet)

20. JSON 2006年,Douglas CrockFord, JSON(JavaScript Object Notation)js對象表示法 JSON語法可以表示以下三種類型的值 簡單值:字符串、數值、布爾值、null,

原创 【位運算】左移、右移、無符左移、無符右移

參考:https://www.cnblogs.com/idorax/p/6305476.html 正數按原碼存儲; 負數按補碼存儲;補碼是反碼加一 無符位移是邏輯位移Logic;有符位移是算術位移Arithmetic 對於左移,