zxlh1529

摘要： JavaScript 單線程原理與異步編程機(jī)制 為什么 JavaScript 是單線程？ JavaScript 被設(shè)計成單線程，簡單來說就是 —— 瀏覽器里干活兒只能一個接一個排著隊來，沒法同時多開窗口摸魚。 舉個栗子： 你點(diǎn)按鈕 → 網(wǎng)頁要彈個提示 → 這時候如果網(wǎng)頁還在加載數(shù)據(jù) → 彈提示就得等 閱讀全文

摘要： Vue2、Vue3、小程序頁面生命周期詳解 本篇將對比 Vue2、Vue3 以及小程序頁面/組件的生命周期，簡單梳理各自特點(diǎn)、差異、新增優(yōu)化點(diǎn)。 📦 Vue2 生命周期 beforeCreate → created → beforeMount → mounted → beforeUpdate → 閱讀全文

摘要： 微前端（Micro Frontends） 微前端是一種架構(gòu)理念，借鑒了微服務(wù)的思想，將一個大型的前端應(yīng)用拆分為多個獨(dú)立、自治的子應(yīng)用，每個子應(yīng)用可以由不同團(tuán)隊、使用不同技術(shù)棧獨(dú)立開發(fā)和部署，最終聚合為一個整體產(chǎn)品。 🧱 生活化類比示例：樂高拼圖理解微前端 想象你在搭樂高城堡，原來需要所有人擠在一起 閱讀全文

摘要： 單頁面應(yīng)用（SPA）首屏加載優(yōu)化方案 首屏加載優(yōu)化是單頁面應(yīng)用（SPA，如 Vue/React）的核心性能指標(biāo)，用戶進(jìn)入的第一個頁面大多是是首頁，這也是用戶體驗(yàn)的重要指標(biāo)。 那么一般是哪些方面入手呢？主要從資源優(yōu)化（資源體積控制）、服務(wù)器優(yōu)化（網(wǎng)絡(luò)傳輸優(yōu)化）、加載優(yōu)化（代碼執(zhí)行效率）、渲染優(yōu)化（渲染 閱讀全文

摘要： RESTful 與 GraphQL 深度解析 在前端的開發(fā)過程中，相信 everyone 對 Get、POST 等請求方式都很熟悉，那么這些請求是歸于哪種架構(gòu)或者設(shè)計風(fēng)格可能又不是很熟。現(xiàn)在在這簡單的介紹一下以及拿出 GraphQL 架構(gòu)進(jìn)行對比。 1. 什么是 RESTful？ REST（Repr 閱讀全文

摘要： SPA vs MPA 深度解析 1. 概述 什么是 SPA？ SPA（Single Page Application，單頁面應(yīng)用）是一種僅加載一個 HTML 頁面，并通過 JavaScript 動態(tài)更新頁面內(nèi)容的 Web 應(yīng)用架構(gòu)。用戶在操作時不會觸發(fā)整頁刷新，而是通過 AJAX 或 Fetch A 閱讀全文

摘要： Vue 實(shí)現(xiàn)不同用戶權(quán)限的方法 在項目中，實(shí)現(xiàn)不同用戶的權(quán)限控制是常見的需求也是常見的功能模塊，例如管理系統(tǒng)中不同角色（管理員、普通用戶等）應(yīng)有不同的訪問權(quán)限，小程序、App等在不同角色登入的時候顯示的首頁以及跳轉(zhuǎn)訪問不同的頁面。本文將以 vue 為主要的代碼框架介紹幾種常見的權(quán)限控制方式。 1. 閱讀全文

摘要： 前端八股文可以幫助everybody更好地整理一些前端的常見知識點(diǎn)，當(dāng)然也可以對于前端的一些面試進(jìn)行必要的準(zhǔn)備，了解面試官可能會問到的問題中需要回答的一些點(diǎn)。當(dāng)然這不是唯一也不是肯定的，因?yàn)橹荒芴峁﹨⒖迹赃€是需要大家平時對于所學(xué)過的知識進(jìn)行好好理解并實(shí)踐。 閱讀全文

摘要： 什么是token？為什么用 token 驗(yàn)證？怎么用 token 驗(yàn)證？ 閱讀全文

摘要： 前端布局是每一個前端都應(yīng)該熟悉和掌握的，好的布局更是能瞬間吸引用戶，增加用戶體驗(yàn)。 閱讀全文