@c94de5a111cd 是的嘿嘿
（超詳細(xì)）強(qiáng)大的grid布局grid布局 1.什么是grid布局? Flex布局是軸線布局，只能指定"項(xiàng)目"針對(duì)軸線的位置，可以看作是一維布局，Grid 布局則是將容器劃分成“行"和“列”，產(chǎn)生單元格，...
發(fā)簡(jiǎn)信
IP屬地：北京
-
-
什么是回流，什么是重繪，有什么區(qū)別？
html 加載時(shí)發(fā)生了什么 在頁(yè)面加載時(shí)，瀏覽器把獲取到的HTML代碼解析成1個(gè)DOM樹(shù)，DOM樹(shù)里包含了所有HTML標(biāo)簽，包括display:none隱藏，還有用JS動(dòng)態(tài)添...
-
Vue3.0的setup學(xué)習(xí)筆記
1、setup的理解 setup組件選項(xiàng)在組件創(chuàng)建前執(zhí)行，一旦props被解析，并充當(dāng)Composition API的入口，也就是說(shuō)組合API是在setup這個(gè)選項(xiàng)函數(shù)中使用...
-
React_hooks逐個(gè)擊破1. hooks總覽 什么是react 的 hook 以及 react hooks 的由來(lái) 官網(wǎng)解釋：Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 cl...
-
熟悉Cookie&session&localStorage&sessionStorage1. cookie 與 session 區(qū)別 Cookie放在瀏覽器上(客戶端)的用戶數(shù)據(jù), Session放在服務(wù)器上的用戶數(shù)據(jù) cookie不是很安全，別人可以分析存放在...
-
有錯(cuò)別字哦
ES6新增的數(shù)據(jù)類型Map和Set
Javascript的默認(rèn)對(duì)象表示方式 {} ，即一組鍵值對(duì)。 但是Javascript的對(duì)象有個(gè)小問(wèn)題，就是鍵必須是字符串。但實(shí)際上Number或者其他數(shù)據(jù)類型作為鍵也是非...
-
五分鐘入門 Vue-router
1. 下載安裝vue-router npm 或者 CDN 官網(wǎng)皆可 2. router 基本配置 這樣一來(lái)，點(diǎn)擊鏈接就會(huì)顯示對(duì)應(yīng)的組件。并且地址欄會(huì)發(fā)生變化 3. 傳參以及獲...
-
Vue方向：Vue全局路由守衛(wèi)和路由獨(dú)享守衛(wèi)1、路由守衛(wèi)的了解 在SPA單頁(yè)面的應(yīng)用程序中，網(wǎng)頁(yè)的標(biāo)題是通過(guò)title標(biāo)簽來(lái)顯示的，但是在SPA應(yīng)用中只有一個(gè)固定的HTML，因此切換組件，標(biāo)題不會(huì)發(fā)生改變，其中，有兩種...
-
#淺談HTTP的請(qǐng)求與響應(yīng)內(nèi)容1. http的解釋 Hyper Text Transfer Protocol（超文本傳輸協(xié)議 用于從萬(wàn)維網(wǎng)服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議 HTTP協(xié)議是基于TCP/...
-
淺談JS的eventLoop(事件循環(huán))1. event loop 的描述 JavaScript 是單線程的，簡(jiǎn)單點(diǎn)說(shuō)就是同一時(shí)間只能做一件事情，這樣會(huì)導(dǎo)致一些問(wèn)題，有些任務(wù)耗時(shí)較長(zhǎng)，當(dāng)然是不能停留在這里的，比如說(shuō)...
-
淺談 JS 垃圾回收機(jī)制
1. 代碼中什么是垃圾呢？ 不再需要-----就是垃圾 所有的全局變量都不會(huì)被垃圾回收 因?yàn)槿魏螘r(shí)候都有可能用到 變量都有生命周期 當(dāng)我們聲明一個(gè)對(duì)象(或者說(shuō)復(fù)雜數(shù)據(jù)類型) ...
-
promise從入門到手寫
1. 實(shí)例對(duì)象與函數(shù)對(duì)象的區(qū)別 函數(shù)對(duì)象：將函數(shù)作為對(duì)象使用時(shí)，簡(jiǎn)稱為函數(shù)對(duì)象 實(shí)例對(duì)象：new 函數(shù)產(chǎn)生的對(duì)象，簡(jiǎn)稱為對(duì)象 2. 兩種類型的回調(diào)函數(shù) 同步回調(diào) 理解：立即執(zhí)...
-
淺析React中的useState
淺析React中的useState 1. 簡(jiǎn)單的 useState 實(shí)現(xiàn) 首次渲染頁(yè)面展示內(nèi)容 0 和 按鈕，會(huì)調(diào)用App函數(shù) 調(diào)用 App 函數(shù)會(huì)獲得一個(gè)對(duì)象，可以認(rèn)為這...
-
React中的函數(shù)組件詳解
1. 創(chuàng)建方式 2. 函數(shù)組件代替類組件 面臨的問(wèn)題 函數(shù)組件沒(méi)有state => React v16.8.0推出Hooks API，其中的一個(gè)API叫做use...
-
React中的class類組件詳解
1. 兩種創(chuàng)建class組件的方式 ES5寫法(已經(jīng)過(guò)時(shí)了) ES6 最新的寫法 2. props 外部數(shù)據(jù) props的作用 接受外部數(shù)據(jù) 只能讀不能寫 外部數(shù)據(jù)由父組件傳...
-
淺談React的兩種組件
1. 元素與組件 什么是組件？ 能跟其他物件組合起來(lái)的物件(零件)，就是組件 組件并沒(méi)有明確的定義，靠感覺(jué)理解就行 就目前而言，一個(gè)返回React元素的函數(shù)就是組件 在Vue...
-
淺談前端路由實(shí)現(xiàn)原理
1. 前端路由啟蒙 什么是路由呢？ 答：路由(routing)就是通過(guò)互聯(lián)的網(wǎng)絡(luò)把信息從源地址傳輸?shù)侥康牡刂返幕顒?dòng)。(維基百科) 我們每個(gè)人上網(wǎng)都會(huì)接觸到路由器和光貓(調(diào)制解...