原创 leetcode1371 每個元音包含偶數次的最長子字符串

題目 給你一個字符串 s ,請你返回滿足以下條件的最長子字符串的長度: 每個元音字母,即 ‘a’,‘e’,‘i’,‘o’,‘u’ ,在子字符串中都恰好出現了偶數次。 示例1 輸入:s = "eleetminicoworoep" 輸

原创 js位運算詳解及巧妙應用

文章目錄位運算按位或(|)按位與(&)按位非(~)按位異或(^)左移(<<)有符號右移(>>)無符號右移(>>>)位運算的特點位運算應用場景舉例1. 判斷奇偶 —— 按位與(&)2. 不借助第三個變量實現兩個變量的交換 —— 按位

原创 移動端300ms延遲和點擊穿透

文章目錄一、移動端點擊產生300 ms的延遲解決方案方案一:禁用縮放(HTML文檔頭部設置meta標籤)方案二:更改默認的視口寬度方案三:CSS touch-action方案四:FastClick方案五:使用touchstart替

原创 前端面試之移動端適配篇

文章目錄關於像素,括號中爲別名設備像素(物理像素)設備無關像素(設備獨立像素)設備無關像素與CSS像素之間的關係 —— 頁面縮放比設備像素與設備無關像素之間的關係 —— DPR設備像素與CSS像素之間的關係獲取DPR的方法關於視口

原创 前端面試之瀏覽器篇

前方指路: 面經:騰訊前端一二三面 手寫代碼題:github 前端面試之JavaScript篇 前端面試之ES6篇 前端面試之HTML&CSS篇 前端面試之網絡篇 前端面試之瀏覽器篇 前端面試之webpack篇 前端面試之vue篇

原创 前端面試之HTML&CSS篇

感覺這塊面試的時候還是比較少問的,我在面試時被問到過css的單位和px與rem的區別。另外常見的可能就是垂直居中和三欄佈局了。 目錄語義化標籤css水平垂直居中css中有哪些單位px、em、rem的區別display可以取哪些值h

原创 前端面試之JavaScript篇

之前準備面試的時候整理的,希望能帶給大家一點幫助~ 目錄js爲什麼是單線程,有什麼好處?js異步加載的方式Microtasks、Macrotasks(事件循環event loop、任務隊列task queues)原型和原型鏈構造函

原创 關於js的垃圾收集機制

目錄什麼是垃圾垃圾收集機制的原理標記清除法(主流方法)介紹一些優化限制引用計數法限制(循環引用)管理內存編寫代碼建議 什麼是垃圾 一般來說,沒有被引用或訪問不到的對象就是垃圾。 垃圾收集機制的原理 JavaScript具有自動垃圾

原创 一個簡單的網頁版鋼琴(用到JQuery)

<!doctype html> <html> <head> <meta charset="utf-8"> <title>琴鍵</title> <script src="https://apps.bdimg.com/libs/jq

原创 defer屬性、async屬性和onload

首先看一下defer和async屬性與html解析的時間關係 在這裏,可以看到, 瀏覽器解析HTML時,如果遇到不帶任何屬性的script腳本,HTML解析會被阻塞,直到script執行完成,才繼續解析 瀏覽器解析HTML時,

原创 BingoCard遊戲完整版(內含註釋)

HTML <!doctype html> <html> <head> <meta charset="utf-8"> <title>Make Your Own Bingo Card</title> <script src="../

原创 關於事件冒泡和事件捕獲

目錄什麼是事件事件流事件冒泡和事件捕獲的概念事件冒泡事件捕獲事件冒泡示例事件捕獲示例阻止冒泡方法一方法二(jQuery,同時會阻止默認事件) 什麼是事件 事件,就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。JavaScript與

原创 較完整的數據類型安全檢測方法

較完整的數據類型安全檢測方法 安全檢測JavaScript基本數據類型和內置對象 返回值: 返回字符串 “undefined”、“number”、“boolean”、“string”、“function”、“regexp”、 “a

原创 js動態生成m*n的表格,併爲表格設置樣式(取消外邊框,設置成網格)

這是沒有取消外邊框的,都寫在了一個文件裏,可以在<style> </style>中改變樣式 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js動態生成m*n

原创 關於JavaScript中的聲明提升

目錄聲明提升變量提升兩個示例變量提升的位置函數提升函數聲明和函數表達式辨析函數聲明的提升函數表達式不會出現提升函數提升優先爲什麼會出現聲明提升?有var和沒有var的區別 聲明提升 變量提升 兩個示例 觀察如下代碼: a = 1;