收藏 / 列表

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

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

react , lazyload , jsx , route , 前端

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

哈囉技術 - Taro編譯mini-runner包的作用

什麼是Taro Taro 是一套遵循多端開發的解決方案。只需要一套代碼,就可以編譯轉換成 RN、H5、小程序、快應用多端的運行代碼,其運轉流程主要分為編譯時,運行時兩個階段。 Taro2(重編譯,輕運行) 編譯時:通過taro工具將Taro源代碼轉換成目標代碼 運行時:目標代碼運行時,通過運行時的庫去適配不同端 Taro3(輕編譯,重運行) Taro3主要通過在小程序端模擬實現 D

taro , 前端

Kagol - 🎈Fluent Editor 富文本開源2個月的總結:增加格式刷、截屏、TypeScript 類型聲明等新特性

你好,我是 Kagol,個人公眾號:前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、 功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://op

富文本編輯器 , typescript , 前端

長林啊 - 掌握 React Router:構建你的 React 應用導航

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在構建現代 Web 應用時,導航是連接用户界面的關鍵紐帶。React Router 作為 React 生態中的核心路由庫,為開發者提供了強大的工具來實現 SPA(單頁應用)的導航邏輯。它不僅簡化了頁面間的跳轉,還支持動態路由匹配、懶加載和狀態管

框架學習 , react , 單頁應用 , web開發 , 前端

codechen8848 - 絕了!一款簡潔優雅的高性能個人博客系統!

大家好,我是 Java陳序員。 作為一名程序員,你是否會想搭建個人技術博客,卻被各種技術配置搞得頭大?用靜態博客系統要手動部署,用動態系統又擔心速度太慢,找圖牀、配評論、做統計還要東拼西湊各種工具? 今天,給大家介紹一款簡潔優雅的高性能個人博客系統,開箱即用! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 VanBlog ——

react , 前端

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , Javascript

點量實時雲渲染 - Tizen版應用上架三星商店,海外OTT/IPTV系統實現全平台覆蓋新突破

近日,一套為海外視頻運營商定製的Tizen版OTT/IPTV影音系統應用APP,已通過三星官方審核,並在Samsung Smart TV應用商店正式上架。此舉標誌着該運營商的影音服務已全面覆蓋iOS、Android、Android TV及Web等主流平台,完成了全球智能電視生態的關鍵佈局。 一、合作背景:從單點部署到全平台生態的構建 該海外視頻運營商在當地市場擁有廣泛的用户基礎。在長期的數字化升

資訊 , Android , ios , 後端 , 前端

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫,相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此,瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及,但是容易被忽略的,又比較重

form , 表單驗證 , antd , 前端 , Javascript

TANKING - 無需公眾號實現微信JSSDK分享卡片!Safari瀏覽器分享到微信自動成卡片!

摘要 要在微信分享卡片,需要接入微信自家的JSSDK,比較麻煩,還需要認證公眾號,但是如果你沒有這樣的條件,那麼你也可以試試使用iOS的Safari瀏覽器輕鬆實現,只需要在html中加入3個meta即可。 代碼 !DOCTYPE html html dir="ltr" data-react-helmet="dir" head meta charset="utf-8"

safari , 微信開發 , ios , 微信分享 , jssdk

JackySummer - 【解讀 ahooks 源碼系列】DOM篇(一)

前言 本文是 ahooks 源碼系列的第二篇,下面鏈接是第一篇 DOM 篇的前置講解: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素 後續的文章將會直入主題,每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

GousterCloud - Linux IO:打開數據之窗的魔法

Linux I/O(輸入/輸出)是操作系統中一個至關重要的組成部分,它涉及到數據在內存🧠、存儲設備💾、網絡接口🌐等之間的傳輸過程。在Linux中,I/O操作不僅僅是文件讀寫那麼簡單,它包括了一系列複雜的機制和策略,旨在提高數據處理的效率,保證系統的穩定性和性能。📊 在探索Linux的世界中,"Linux I/O" 或 Linux 輸入/輸出,是個讓數據動起來的魔法。🎩✨ 就像我們通過眼

Linux , io

龍蜥社區 - 紅象雲騰大數據基礎平台與龍蜥社區操作系統再次完成聯合測試

簡介:紅象雲騰與龍蜥社區再次聯合嚴格測試,完成並通過相互兼容性測試認證,相互兼容,功能正常,運行穩定。 最近紅象雲騰大數據產品與生態夥伴的適配工作喜報頻傳,不久前,紅象雲騰企業大數據基礎軟件平台產品與龍蜥操作系統(Anolis OS)8 AArch64完成了兼容測試,近日,紅象雲騰與龍蜥社區工作人員再次聯合嚴格測試,紅象雲騰企業大數據基礎軟件平台(Redoop Enterprise)V9完成了與龍

基礎 , 大數據 , 操作系統 , 測試 , 開源