本文你將看到： 基于 HTTP 的前端鑒權(quán)背景 cookie 為什么是最方便的存儲(chǔ)方案剪返，有哪些操作 cookie 的方式 session 方案是如何實(shí)現(xiàn)的，存在哪些問題 to...
IP屬地：黑龍江
-
前端鑒權(quán)的兄弟們：cookie、session怖竭、token碘耳、jwt抱既、單點(diǎn)登錄
-
前端的token驗(yàn)證 （以vue為例）
在前后端完全分離的情況下倚搬，Vue項(xiàng)目中實(shí)現(xiàn)token驗(yàn)證大致思路如下： 1冶共、第一次登錄的時(shí)候，前端調(diào)后端的登陸接口每界，發(fā)送用戶名和密碼 2捅僵、后端收到請(qǐng)求，驗(yàn)證用戶名和密碼眨层，驗(yàn)證...
-
探索React源碼：Reconciler在探索React源碼：初探React fiber[https://juejin.cn/post/7035628270439809055]一文我們提到： React16之后庙楚，R...
-
為什么移動(dòng)端需要@2x或者@3x的圖片
上篇文章 講到了我對(duì)設(shè)備像素比的理解，但在寫文章的過程中谐岁，也一直有一個(gè)疑惑的地方：為什么在 Retina 屏下需要使用 @2x（兩倍）甚至是 @3x（三倍）的圖片呢醋奠？這樣的用...
-
webpack最小化lodash
lodash作為一個(gè)比較常用的前端開發(fā)工具集，在使用webpack進(jìn)行vendor分離的實(shí)踐中伊佃，會(huì)遇到將整個(gè)lodash文件分離到vendor.js的問題窜司。這樣會(huì)使vendo...
-
一個(gè)超簡單的Webpack自定義Plugin
前言 這是一個(gè)在學(xué)習(xí)webpack的過程中，隨便寫的一個(gè)非常簡單的webpack plugin demo航揉。 功能 主要功能就是在完成編譯后進(jìn)行l(wèi)og輸出塞祈。 代碼 自定義plu...
-
移動(dòng)端 1px 邊框的問題
物理像素[設(shè)備像素] & 邏輯像素[CSS 像素] 背景 拿2倍屏來說，設(shè)備的物理像素要實(shí)現(xiàn)1像素帅涂，而DPR=2议薪，所以css 像素只能是 0.5。一般設(shè)計(jì)稿是按照750來設(shè)計(jì)...
-
自適應(yīng)正方形-適應(yīng)父節(jié)點(diǎn)的width要點(diǎn) padding-top等padding-*這種屬性（包括margin也一樣）在設(shè)置為百分比時(shí)媳友，是會(huì)根據(jù)計(jì)算的斯议，這一點(diǎn)很容易誤以為是top和bottom是根據(jù)height...
-
理解事件循環(huán)與任務(wù)隊(duì)列JS是單線程的 JS是單線程的，也就是它一次只能執(zhí)行一段代碼醇锚。JS中其實(shí)是沒有線程概念的哼御，所謂的單線程也只是相對(duì)于多線程而言。JS的設(shè)計(jì)初衷就沒有考慮這些焊唬，針對(duì)JS這種不具備...
-
Mac安裝Homebrew的正確姿勢
轉(zhuǎn)自：喬一亖地址：https://www.cnblogs.com/joyce33/p/13376752.html感謝作者的辛苦付出恋昼，尊重版權(quán)，從我做起赶促。 世上無難事液肌，只要找到...
-
React Hooks 原理原文地址React Hooks實(shí)例教學(xué) 目前，Hooks 應(yīng)該是 React 中最火的概念了鸥滨，在閱讀這篇文章之前嗦哆，希望你已經(jīng)了解了基本的 Hooks 用法谤祖。 在使用 Hook...
-
HTTP探索之路（一）- HTTP1/HTTP2/QUIC從1989年萬維網(wǎng)（www）誕生，HTTP（HyperText Transfer Protocol）經(jīng)歷了眾多版本迭代吝秕，WebSocket也在期間萌芽泊脐。1991年HTTP0....
-
淺談服務(wù)端渲染(SSR)最近在把一個(gè)c端的項(xiàng)目重構(gòu)成首屏服務(wù)端渲染（SSR：server side render） 項(xiàng)目用到的技術(shù)： React 空幻、webpack烁峭、koa2、webpack 對(duì)于重構(gòu)...
-
前端面試題：webpack 做過哪些優(yōu)化秕铛，開發(fā)效率方面约郁、打包策略方面等等
1）優(yōu)化 Webpack 的構(gòu)建速度 使用高版本的 Webpack （使用webpack4）多線程/多實(shí)例構(gòu)建：HappyPack(不維護(hù)了)、thread-loader縮小...
-
手寫一個(gè)Promise.all方法
Promise.all方法是我們在開發(fā)中經(jīng)常要用到的一個(gè)方法但两，在面試中也頻繁被要求實(shí)現(xiàn)一個(gè)Promise.all方法鬓梅，所以是必須要掌握的。 手寫all方法 測試 測試全部是成...
-
CSRF和XSS攻擊的原理和解決方法
CSRF原理 CSRF (跨站請(qǐng)求偽造 Cross-site request forgery)：誘導(dǎo)用戶訪問黑客的網(wǎng)站谨湘，并且讓他點(diǎn)擊某些按鈕之類的绽快，在用戶不知情的情況下發(fā)送一...
-
JS的變量提升和函數(shù)提升(函數(shù)聲明)
變量提升和函數(shù)提升是JS中最基本的知識(shí)，需要牢牢地掌握紧阔，用下面的例子簡單講一下變量提升和函數(shù)提升坊罢。 例子一 這里輸出的是名為a的函數(shù)，為什么是函數(shù)而不是undefined呢擅耽？...
-
NodeJS: __dirname和__filename
定義 __dirname: 返回當(dāng)前模塊文件解析過后所在的文件夾(目錄)的絕對(duì)路徑活孩。 __filename: 返回當(dāng)前模塊文件被解析過后的絕對(duì)路徑。 區(qū)別 __dirname...