收藏 / 列表

wanzuqiudeshangba 頭像

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

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

yarn , go , 後端 , 前端 , Javascript

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

laughingzhu 頭像

LaughingZhu - DevNow x Notion

前言 Notion 應該是目前用户量比較大的一個在線筆記軟件，它的文檔系統也非常完善，支持多種文檔格式，如 Markdown、富文本、表格、公式等。 早期我也用過一段時間，後來有點不習慣，就換到了 Obsidian ，但是身邊人用的還是很多的，隨着 Astro 5.0 的發佈，在內容集成上也提供了更多的方向，這期就來聊聊 DevNow 對 Notion 的支持。 1.Notion 設置 1.1 創

astro , 博客 , 前端

yinguangyao 頭像

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼，一個是因為自己確實水平不夠，另一個是underscore源碼比較簡單，比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析，希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇，主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先，我們先來簡

underscore , 前端 , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - 普通程序員的“技術債滾雪球”……讓我升職後的一件事就是“降本增效”？

🚧 本文沒有技術乾貨，只有技術人的乾巴人生。建議帶點冰闊落一起服用。 一、從Spring MVC到Spring Cloud，人生第一次“技術債滾雪球” 我工作的第八年了，回頭看自己這一身技藝。 最開始是Spring MVC，配置寫得像祖傳配方，一層包一層。 後來接觸Spring Boot，像打開了人生外掛，啓動速度快到讓我以為自己寫的服務終於不再有Bug了。 再後來，Spring Cloud來了

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

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

wuyagege 頭像

雲綺棠兮 - 每日算法題----合併兩個有序數組（利用JS實現）

題目： 給你兩個按 非遞減順序 排列的整數數組nums1 和 nums2，另有兩個整數 m 和 n ，分別表示 nums1 和 nums2 中的元素數目。 請你 合併 nums2 到 nums1 中，使合併後的數組同樣按 非遞減順序 排列。 注意：最終，合併後數組不應由函數返回，而是存儲在數組 nums1 中。為了應對這種情況，nums1 的初始長度為 m + n，其中前 m 個元素表示應合併的元

指針 , 前端

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

hellotech 頭像

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中，已有的多媒體基礎能力存在一些問題/瓶頸： 貓屋直播 - 三方直播sdk，在MTK芯片的機型上存在兼容問題（hevc硬解報錯），導致直播流無法播放，用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等，使用系統多媒體Api，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

changlina 頭像

長林啊 - 深入學習 React：組件、狀態與事件處理的完整指南

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家點贊、關注和分享！ 在上一篇文章《走進 React：打造交互式用户界面的第一步》中，我們已經對 React 以及其環境搭建有了初步的瞭解；React是一個極其強大的JavaScript庫，專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 樣式

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

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

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

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

nulidexiaocongmang 頭像

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

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

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

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了，如果你對 Web Framework/Runtime/Performance，或對編譯構建/Rust/AI 感興趣，可以來看看我們的崗位（具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦！） 簡歷可以發到我的郵箱 skychx@hotmail.com，我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

ruochuan12 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

limingcan562 頭像

limingcan - 不幸中帶點萬幸的2022，該何去何從的2023

本文參與了 SegmentFault 思否年度徵文「一名技術人的 2022」，歡迎正在閲讀的你也加入。 前言 手指在鍵盤上滴答滴答敲着，臉龐感受着窗外清風輕輕的拍打，身體正接受着陽光的沐浴。在手指按下鍵盤的瞬間，我扭了扭脖子，伸了伸懶腰，看向電腦右上角的日期，距離2022年結束，還有23天。 不幸中又帶點幸運的2022 在疫情的衝擊下，大環境都很低迷，對於大部分人來説，這是不幸的。在這片低迷的氛圍

2022-年度總結 , 職業規劃 , 前端

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

kagol 頭像

Kagol - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧！👏

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

富文本編輯器 , 開源 , typescript , 前端

codechen8848 頭像

codechen8848 - 一體化白板！一款開源的白板工具！

在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。 今天，給大家介紹一款開源的白板工具，支持多種類型圖！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具（SaaS），實現一體化白板功能，包含自由畫、思維導圖、流程圖等。 功能

react , 前端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量“雲電腦”助力教培企業，實現核心資產安全與雲端協同

在數字化轉型進程加速的時代背景下，知識產權與核心數據資產的安全管控，以及跨地域、跨團隊的協同效率，已成為教培企業高質量發展的關鍵議題。尤其對以教材研發為立身之本與發展核心的團隊來説，如何在構建嚴密防護體系保障核心資料安全的同時，實現辦公模式的靈活性與協同流程的高效性，正成為其數字化轉型道路上的重要戰略課題。 近日，我司憑藉先進的辦公“雲電腦”解決方案，成功為一家專注於教材研發的培訓企業打造了安全、

資訊 , 服務器 , c++ , 後端 , Python

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題

CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題 前言：被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了？” “浮動元素怎麼把父容器‘撐破’了？” “文字怎麼總繞着浮動圖片跑，我想讓它老老實實換行！” “子元素用了絕對定位，怎麼就超出父容器範圍了？” 如果你在前端開發中遇到過這些問題，説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端