收藏 / 列表

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR,幫助理解 SSR 是如何實現的,有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染,是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染(CSR),SSR 一般用於以下場景: SEO (搜索引擎優化):由於部分搜索引擎對 CSR 內容支持不佳,所以 SSR 可以提升網站在

react , ssr , 前端

IPD產品研發管理 - 如何用複用省下數十億研發成本?IPD的CBB重用開發策略

不知道你們企業有沒有遇到過這種問題?庫房裏堆着十幾種功能相似的主板,採購成本居高不下,生產換型時還頻頻出錯。 這些生產中無處不在的重複浪費,不僅拖慢了產品上市的節奏,還讓研發成本像無底洞一樣消耗着企業的資源。 在IPD(集成產品開發)中,對這類重複的研發投入提出了成熟的解決方案——CBB(公共模塊)。IPD強調基於平台的異步開發與重用策略,而CBB的核心目標是推動不同項目、不同產品線共享成熟模塊,

觀點 , 程序員 , 後端 , 前端

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現,同樣都是獲取元素的代碼,為啥一個是NodeList,一個是HTMLCollection。 那麼這倆是啥?又有啥區別,本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性,如Node.childNodes 和 方法(如document.querySelectorAll) 返回的

dom , 前端 , Javascript

用户bPdeUmS - 深入理解 Fiddler:網絡調試的強大工具

在現代 Web 開發中,網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具,它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應,提供了極大的便利。無論是調試 API、分析網絡性能,還是解決前端與後端的通信問題,Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐,幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

瓏墨 - 【吃透】JS代理(Proxy)

今天給大家分享如何從根本上吃透js代理,嘎嘎的😍,看下面 咱們首先得知道: 代理是 js 中的對象,它允許你創建對象的代理,同時還可以為標準對象操作定義自定義行為。這意味着,譬如,如果有人試圖從對象中獲取屬性的值,你可以定義一組自定義行為。這使代理變成了一個非常強大的工具,所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜,所以

es7 , challenge , es6-proxy , 前端 , Javascript

小X學技術 - Y 分鐘速成 vim

源代碼下載: LearnVim-cn.txt Vim (Vi IMproved) 是 Unix 上的流行編輯器 vi 的克隆版本。這個文本編輯器 是為性能和提升效率而設計的,並且在大多數基於 unix 的系統上普遍存在。 它有大量的快捷鍵可用來快速導航到文件的特定位置,以便進行快速編輯。 Vim 導航基礎 vim filename # 在 Vim 中打開 filena

基礎 , 教程 , unix , 文本編輯器 , vim

蘇琢玉 - 被問性能後,我封裝了這個 PHP 錯誤上報工具

最近我把自己常用的一套錯誤上報邏輯封裝成了一個 Composer 包,叫 ​hejunjie/lazylog​。 功能很簡單也很實用:安全地寫本地日誌 + 把異常信息上報到遠端(支持同步/異步) 。本文講講為什麼我要做這個庫、實現思路、在不同運行環境下如何選擇(以及我推薦的優化方案)。 起因:為啥要做這個工具? 先講個背景。之前我寫了一個 Go 項目 —— oh-shit-logger,目

composer , php

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

華為雲開發者聯盟 - 事件Event:帶你體驗鴻蒙輕內核中一對多、多對多任務同步

摘要:本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。 本文分享自華為雲社區《鴻蒙輕內核M核源碼分析系列十二 事件Event》,原文作者:zhushy 。 事件(Event)是一種任務間通信的機制,可用於任務間的同步。多任務環境下,任務之間往往需要同步操作,一個等待即是一個同步。事件可以提供一對多、多對多的同步操作。本文通過分析鴻蒙輕內核事件模塊的源碼,深入掌握事件的使用。本文中所

iot , 事件 , 開源 , 任務管理器 , harmonyos

高德開放平台 - 高德開放平台SDK鴻蒙版,助力千餘家應用高效構建LBS服務

高德開放平台SDK鴻蒙版自2024年3月上線以來,已成功賦能首汽約車、順豐、江蘇銀行、成都銀行等超千家應用,幫助開發者高效構建LBS服務。 該版本集成的導航SDK、定位SDK、地圖SDK,憑藉其強大的功能和穩定性,在華為SDK生態繁榮夥伴支持計劃評優中,均在所屬行業斬獲TOP1使用量,彰顯了其在鴻蒙生態中的技術實力與廣泛應用價值。 同時,高德開放平台還推出了司乘同顯SDK,在網約車場景率先適配了司

高德地圖 , 知識 , 高德lbs , harmonyos

buddha - pc端px轉換為rem針對屏幕分辨率進行頁面適配

常用的pc端網站適配方案是什麼?用的最多的大概就是父元素按照設計圖的寬度進行固定寬度,margin:0 auto居中,兩邊留白。但是有的設計圖不適合這樣兩邊留白的適配方案。 最近接手了一個pc端的項目,雖然按照常用的柵格佈局+postcss-pxtorem插件對px轉換的方法對頁面做了適配,使頁面無論在pc端打開還是在移動端打開都能自適應,但是在高清分辨率下的頁面比如5k高清,佈局還是有些亂了,這

Css , rem , HTML , Javascript

李不要熬夜 - ES6 變量作用域與提升:變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前,JavaScript 中只存在着函數作用域;而在 ES6 中,JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域,在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中,所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

葡萄城技術團隊 - 平民開發者≠技術差!真正發揮平民開發者的創造力,光有低代碼還不夠

隨着低代碼的概念日趨火熱,與之相關的“平民開發者”(Citizen Developer,也稱公民開發者)也受到了更多人的關注。然而,在大多數語境中,平民開發者會與技術基礎差劃上等號,甚至以此來推演低代碼和無代碼在企業中的發展路線和應用前景。事實真的如此嗎? 平民開發者的定義 平民開發者的概念最早被業界廣泛接納,是源於國際知名諮詢公司Gartner的研究報告。翻閲Gartner官網提供的詞彙表,我們

行業 , 低代碼 , 程序人生

來了老弟 - CSS Grid Layout(網格佈局)

CSS 有一些屬性經常被用來解決佈局問題:如(浮動float、定位postion)這些比較 hack 的方法經常會給頁面遺留下一些問題。 彈性盒子Flexbox是一個非常好的佈局工具,網格佈局 CSS Grid Layout 是最新、更強大的佈局方式。本文就來簡單介紹一下什麼是網格佈局。 網格佈局(CSS Grid Layout) 網格佈局是二維的佈局系統,和過去常用的佈局方式相比完全改變

佈局 , Css

杭州程序員張張 - 【圖文教程】前端使用雲存儲,利用LeanCloud管理頁面數據

Serverless 雲開發是現在的大熱門和趨勢,各大雲服務廠商都已經支持 FaaS(函數即服務) 雲開發方式,微信小程序雲開發是典型的例子。 背景 我的博客有個“我的小鋪”頻道,是我個人書籍出售展示頁面,其實是一個靜態頁面,託管在 coding.net 上,每次更新頁面,比如上架下架一本書,都要打開源碼編輯代碼然後 push 到服務器中,步驟是: 打開頁面源碼 上架一本書要 copy 已有

vue.js , 雲存儲 , 雲服務 , 靜態網站 , leancloud

中關村科金 - ShareSDK Android端微信回調衝突解決方案

以應用寶為例,由於應用寶渠道用到了微信授權,而且回調Activity是WXEntryActivity,跟ShareSDK的微信回調類衝突。 解決方案如下: 1、把原來ShareSDK的微信回調類WXEntryActivity修改成SSDKWXEntryActivity,然後在AndroidManifest中配置 2、在應用寶的微信授權回調類WXEntryActivity中,添加如

android-sdk

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求,以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡: 2、電腦

charles , 前端

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現(node中引入模塊的過程) 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

數據庫知識分享者 - 函數性能探測:更簡單高效的 Serverless 規格選型方案

2019 年 Berkeley 預測 Serverless 將取代 Serverful 計算成為雲計算新範式。Serverless 為應用開發提供了一種全新系統架構。藉助 2023 年由 OpenAI 所帶來的 AIGC 風潮,以阿里雲函數計算 FC、AWS Lambda 為代表的 Serverless 以其更高成本效益、更簡化的後端代碼 擴展性及更極致的彈性等眾多特性,將開發者從繁重的手動資源

函數 , 雲計算 , 阿里雲 , 雲原生 , serverless

同創永益 - 企業動態 | 實力認證!同創永益災備管理平台連中多標!

近期,同創永益憑藉在災備領域積累的專業優勢及豐富實戰經驗,在保險行業信息化建設領域取得重要突破,成功連續中標中國出口信用保險公司、華泰保險集團股份有限公司災備管理平台項目。 成功中標:中國出口信用保險災備體系建設及駐場維保服務採購項目 中國出口信用保險公司是由國家出資設立、支持中國對外經濟貿易發展與合作、具有獨立法人地位的國有政策性保險公司,於2001年12月18日正式掛牌運營,服務網絡覆蓋全國

it , 數字韌性 , 災備

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流(One-way Data Flow)指的是組件中的數據流動是自上而下的,也就是説,父組件可以通過 props 向子組件傳遞數據,而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件,任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強: 由於數據流動是單向的,數據從父

react , 全棧工程師 , 前端

沐華 - 看完還不懂JavaScript執行機制(EventLoop),你來捶我

上一篇文章介紹了進程與線程,知道渲染進程都有一個主線程,並且主線程工作很多,要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程,任務只能一件一件地執行,那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢? 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢? 它是一種數據結構,存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript

冷冷的炒麪 - 免費SSL證書申請指南

瞭解SSL證書 SSL證書是網站的安全身份證,它讓網站地址從"http"變成"https",並在瀏覽器顯示鎖形標誌。主要作用是加密數據傳輸,驗證網站真實性,防止信息被竊取。 準備工作 1.確認域名所有權 2.準備服務器信息 3.準備企業資料(如申請企業型證書) 4.準備聯繫電話和郵箱 選擇證書類型 :根據需求選擇合適類型 域名型證書:基礎加密功能 企業型證書:需要驗證企業資質 增強型證書:最高安全

觀點 , HTTP , HTTPS , 知識 , 前端

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中,代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險;而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼,如何真正提升代理 IP 的穩定性? 本文將從五個關鍵角度入手,帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境,確保本地連接穩定 很多人忽視了一個事實:代理

android-studio , 前端 , Javascript