收藏 / 列表

lihaixing 頭像

lihaixing - 二進制運算

一、JS進制 // 二進制(Binary system) // 以0b或0B開頭 var x = 0b10000000000000000000000000000000; // 2147483648 var y = 0B00000000011111111111111111111111; // 8388607 // 二進制轉換 // 正數：就是正數的原碼 // 負數：負號+正數的原碼 // 不是數

react , vue.js , 二進制 , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

fengliudeshanghen 頭像

風流倜儻的傷痕 - 為什麼 TDD 能讓你的 FastAPI 開發飛起來？

url: /posts/c9c1e3bb0fdc15303b9b3b1f20124b0b/ title: 為什麼TDD能讓你的FastAPI開發飛起來？ date: 2025-09-12T01:47:01+08:00 lastmod: 2025-09-12T01:47:01+08:00 author: cmdragon cover: /images/4b9f354d

flask , django , fastapi , 後端 , Python

laughingzhu 頭像

LaughingZhu - DevNow：支持集成 Tina CMS

前言 想了很久是否要集成一個類似 CMS 的管理平台來管理這些文章的內容，終於在這周開始落地了。簡單説一下我為什麼有這個想法的：由於 DevNow 的定位📌是一個開源的博客項目，所以我在努力的跳出我自己的想法，避免因為一些自己想要的一些功能來讓 DevNow 看起來更加的臃腫。集成 Headless CMS 的主要目的是優化現在的工作流，由於我們是基於 Astro 來構建的一個博客項目，所以我們

astro , blog , Markdown

sihaihande 頭像

漢得數字平台 - Choerodon UI V1.6.7發佈！為 H-ZERO 開發注入新動能

引言 作為漢得 H-ZERO 開發平台的核心 UI 組件庫，Choerodon UI 始終以企業級場景的實際需求為導向，遵循語義化版本規範持續迭代，並支持平滑升級。 近日，Choerodon UI V1.6.7 正式發佈，版本迭代聚焦「高頻場景體驗優化」與「穩定性提升」，帶來30+核心功能升級、50+體驗細節優化及40+穩定性修復，從功能拓展、操作流暢度到系統可靠性全面提升，助力企業客户在數字化

組件庫 , 前端

yourena_c 頭像

友人A - 記錄一次githubpage+cloudflare+freenom的靜態博客部署

一、域名解析準備 1.這裏假設我在freenom註冊了一個 apitest.tk 2.登錄cloudflare，添加網站選擇free 3.填寫名稱服務器地址，第一張圖的兩個地址，填到第三張圖並保存。保存完了檢查一下哦！！！！ 原作者地址👉https://segmentfault.com/u/yourena_c 二、github pages項目

cloudflare , github-pages , 部署 , 域名解析 , 前端

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候，有一篇文章《外賣騎手，困在系統裏》。 作為一個互聯網從業人員，我之前從未有機會體會到，當每一個工作都要被時間和算法壓榨時，我會是一種怎樣的感受。 而最近的一段經歷，我感覺也被困在系統裏了。 起因 如果你是一個研發人員，免不了要值班、處理線上問題。當然這都很正常，每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多，加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks，SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的，在http 請求中意味着先使用已過期的數據緩存，同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 01 - Tab 滑動門

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥伴們深入體驗 61 個工作常見的 CSS 屬性和各種 CSS 知識。 主推純 CSS。儘可能使用 HTML + CSS 完成學習目的，但仍然有 “一小部分” 功能需要用到 JavaScript 知識，適合新人學習 + 大佬複習。 如果文章在一些細節

實例 , Css , css3動畫 , 前端

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式，而無需依賴外部或內部樣式表（儘管在大型項目中，通常推薦使用外部樣式表以維護樣式的集中管理和重用性）。 使用style屬性的好處 直接性：可以立即看到樣式變化的效果，無需跳轉到CSS文件進行修改。 靈活性：對於小型項目或快速原型設

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.3.0 版本，新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar，可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

vue.js , iview , 前端 , html5 , Javascript

qinyuanqiblog 頭像

qinyuanqiblog - 前端直傳七牛雲 3.0 sdk詳細使用

前言 最近產品大哥説要把電商項目改成支持視頻播放，視頻要在後管項目上可以上傳到七牛雲，100M以上的這種視頻，因為我們nginx限制了只能上傳30m，所以只能採用前端直傳七牛雲的這個方案 項目介紹 這是一個基於若依的前後端不分離的項目，前端代碼卸載jsp裏面，主要是後台大哥在維護，我們需要幫助後台做好前端直傳這個動作。 前端直傳七牛雲 如何註冊賬號，創建空間 一般這一步，不需要我們做，可以做為

七牛雲存儲 , 前端

zxl20070701 頭像

zxl20070701 - TypeScript系列：【4】接口

接口就是定義一個類型，比如一個json數據或一個函數等，描述其具體的結構就可以使用接口來規範。 基礎説明 先來看個例子： interface MyDataType { name: string, age: number } 我們定義了一個json的數據格式，可以且只可以包含值是字符串的name屬性和值是數字的age屬性，下面是一個正確的例子： let myData: MyDataT

ecmascript-6 , interface , class , typescript

nulidexiaocongmang 頭像

MangoGoing - 基於 React 和 Vite 的前端項目自動化測試方案

背景 前端自動化測試在工程化的研發體系中不可或缺。前端領域的自動化測試常被忽略，原因在於人們認為編寫測試用例成本高且意義不大，本質是覺得投資回報率低。但當收益大於支出時，引入前端自動化測試是必要的。例如在表單功能從簡單到複雜的迭代過程中，手動測試成本會指數級增長且可能無法完成所有測試，此時引入自動化測試能提升效率、保證測試覆蓋範圍、減少誤差和遺漏、實現用例重複使用等。 成本 初始成本，引入自動

playwright , vite , 自動化測試 , 前端

wupeng_5a4de5c290b9d 頭像

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目，用到了h5上傳圖片，現記錄下遇到的坑。 端內h5上傳圖片問題歸納： 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選；android上還存在的一個問題為：點擊上傳按鈕進入圖片選擇頁後，如果取消選擇，返回項目，則無法再次上傳，會波及到整個webview，其他h5頁面也無法上傳，只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 大家好，我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時，需要對瀏覽器的底層原理有一定的瞭解，這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner，看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - Mac使用Charles成功代理連接手機進行抓包！！！

操作指南 操作環境： 電腦系統：Mac OS 手機系統：iOS 12及以上/Android Charles版本：V4.5.6 第一步：安裝Charles證書到Mac 1、啓動Charles，選擇Help--SSL Proxying→Install Charles Root Certificate 2、此時會啓動“鑰匙串訪問”APP，並找到剛開安裝好的證書，證書名字：Charles

charles , 前端

limingcan562 頭像

limingcan - JS繼承面試的時候怎麼説？答應我，不要再死記硬背了好嗎？

前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之手寫題（二）

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期： "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - 利用 pyhttptest 快速測試和調試 RESTful API

現在，無論是開發還是使用服務，我們每個人都面臨着 REST API 的挑戰。同時，我們正處於微服務的流行時代，我們將業務邏輯拆分為多個獨立的小服務。這些服務大多遵循 RESTful 原則，並使用 JSON 格式進行通信，因為其簡單性使其成為最廣泛使用的格式。 pyhttptest- 這是一個命令行工具，用於對 RESTful APIs 進行 HTTP 測試。 此工具通過三個簡單的步驟實現自動化測試

API , 測試 , restful , 測試工具 , 後端

webinfoq 頭像

破曉L - React 50 種狀態類型

React 是一個視圖層框架，其核心思想是 UI = f(state)，即「UI 是 state 的投影」，state 自上而下流動，整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜，組件嵌套足夠深時，組件樹中的狀態流動會變得難以控制（例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化）。這時我們就需要對 state 進行管理，在進行狀態管理的同時，還

react , 狀態管理 , 組件通信 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript