收藏 / 列表

hai2007 頭像

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步：『配置路由』和『添加懶加載』。 如果你知道路由，或者已經配置好了，可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom，如果只是h5開發，選擇後者即可。 安裝依賴 因此，我們首先安裝好需要的路由包： npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 什麼是免費 SSL 證書？3 分鐘搞懂網站 “https” 的核心保障

什麼是免費 SSL 證書 本質：免費 SSL 證書是一種數字證書，用於在客户端（如瀏覽器）和服務器之間建立加密連接。 核心作用：確保數據傳輸的機密性和完整性。它通過公鑰加密技術對傳輸的數據進行加密，防止數據在傳輸過程中被竊取或篡改。 “免費”的含義：由非營利組織或雲服務商等提供，向最終用户免費提供證書本身，並且自動化管理和續期過程。它們的運營主要依賴捐贈資助。 功能限制：相較於昂貴

免費註冊 , ssl證書 , HTTPS

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 開源地圖庫OpenLayers的簡單使用

引言 最近在學習可視化的東西，這讓我想起了一些以前用過的圖表庫，其實我在日常做的大多是普通的需求，可視化方面應用的並不多，只是偶爾會因為個別特殊的需求，去借助一些圖表庫來實現圖表的展示，這些普通的圖表庫，在使用上都大差不差，並沒有什麼太大的區別，但是某些特殊的圖表庫，比如地圖庫，在使用上和一些普通的圖表，還是存在一些不同，現在想一想還是需要做一些記錄，因為我沒有在當時使用的時候及時記錄，導致我現在

webgis , openlayers , 地圖 , 前端

dirackeeko 頭像

DiracKeeko - [前端] webpack + craco項目遷移Rsbuild

對一個非rsbuild的既有項目，遷移到rsbuild，有兩種途徑；其一是用rsbuild官方工具新建空殼項目，將舊項目的代碼文件搬到新的殼項目中，並安裝項目需要的依賴項，編寫rsbuild.config.ts配置；其二是修改舊項目的依賴項，刪除無關依賴和無關配置，安裝rsbuild項目所用的依賴項，編寫rsbuild.config.ts配置。 pnpm i @rsbuild/core @r

webpack , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 1.2 JSX 語法

書籍完整目錄 1.2 JSX 語法 官方文檔 https://facebook.github.io/react/docs/jsx-in-depth.html JSX 語法聽上去很討厭，但當真正使用的時候會發現，JSX 的寫法在組件的組合和屬性的傳遞上提供了非常靈活的解決方案。 在學習本節的時候，希望讀者在閲讀的同時能夠實際編碼體驗 JSX ，寫代碼的意思是真的要寫.代.碼。 1.2.

react , leanreact , HTML , html5

snowwolfarden 頭像

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1：原型對象（即Person.prototype）的constructor指向構造函數本身 準則2：實例（即person）的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

mecode 頭像

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求（CSR）、提交至證書頒發機構（CA）以及最終獲取簽名的證書。以下是詳細流程： 密鑰對生成 使用加密算法（如RSA或ECC）生成公鑰和私鑰。私鑰需嚴格保密，公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息（如域名、組織名稱等）以及簽名。簽名使用私鑰生成，用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

opentiny 頭像

OpenTiny社區 - 一直沒找到一個合適的開源富文本？何不嘗試下 Fluent Editor

本文由體驗技術團隊Kagol原創。\ 今年4月份，聽到 Quill 2.0 正式發佈的消息，我心情非常激動，立馬體驗了下，並寫了一篇文章。 重回鐵王座！時隔5年！Quill 2.0 終於發佈啦🎉 由於越來越多用户聲音希望提供富文本組件，於是我們基於 Quill 2.0 封裝了一個功能更全面的 Fluent Editor 富文本。 官網：https://opentiny.github.i

富文本編輯器 , 開源項目介紹 , 前端 , Javascript

u_17072679 頭像

前端小巷子 - 深入理解 Vue Router

深入理解 Vue Router 在前端單頁應用（SPA）中，路由是連接用户操作與頁面展示的核心橋樑。Vue Router 作為 Vue 官方的路由管理器，提供了豐富的功能和靈活的配置。本文將圍繞“路由模式”、“router 與 route 的區別”、“導航守衞的種類”以及“完整的導航解析流程”四個方面，帶你深入理解 Vue Router 的工作機制。 一、路由模式：hash 與

Vue , 路由配置 , 刷新頁面 , 前端開發 , Javascript

grewer 頭像

Grewer - 淺析微前端框架 qiankun 的實現

微前端簡介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端是一種多個團隊通過獨立發佈功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 在

qiankun , 微前端 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - Are You Loosing Traffic By Poor Website Performance?

In your case, annoying a few users wouldn’t be much of a problem, but if millions of people are using your product, you’d better be snappy in delivering it. For years, Hollywood movies showed us how

performance , php , coding

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript