收藏 / 列表

wanzuqiudeshangba 頭像

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

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

yarn , go , 後端 , 前端 , Javascript

laughingzhu 頭像

LaughingZhu - 創建一個專屬的 CLI

作為一個前端，基本上每次初始化項目都會用到腳手架，通過一些腳手架可以快速的搭建一個前端的項目並集成一些所需的功能模塊，避免自己每次都手動一個一個去安裝。安裝各個包的這個過程其實沒啥營養，通過封裝一個腳手架來跳過這個步驟，把精力聚焦到功能研發上。 由於最近自己在寫項目都是相同的技術棧：Nextjs + TailwindCSS + TypeScript + ShadcnUI ，有時候如果忘記了 Sha

astro , blog , 前端 , Markdown

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - 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

hellotech 頭像

哈囉技術 - WebRTC拍攝在車主認證中的實現

相關介紹 車主認證項目背景 車主認證主體是以H5形式存在的，目前投放在多端，包括：哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序、H5外投頁面，存在多端場景調用拍攝能力的需求。 存在問題： 多平台適配 確保拍攝功能在各個平台上有良好的適配，包括哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序和H5外投頁面。 小程序兼容性 對於支付寶小程序

webrtc , 前端

changlina 頭像

長林啊 - 打造高效React應用：CSS方案深度解析

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構，成為了構建用户界面的首選技術之一。然而，隨着項目規模的擴大和設計需求的多樣化，如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹，探討如何在 React 中應用和管理樣式，包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

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

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - Vue項目打包完後如何自動上傳至服務器

寫在開頭 我先説下一下，為啥要寫這個，由於之前在寫不見面開標5.0系統，修改完bug後，然後前端通過npm run build打包後生成文件，然後在通過FTP工具上傳至服務器，整個過程，我還需要手動拷貝到服務器，如果一天打包好幾次，就要手動拷貝好幾次，非常繁瑣 前端部署項目方案 前端部署 通過npm run build，構建前端靜態資源文件 只需上傳構建後的資源文件，然後上傳至服務器指

前端構建 , vue.jswebpackvuegridlayout , webpack

zxl20070701 頭像

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj，支持如下功能： 可以通過MyObj()的方式返回一個對象，這個對象和new MyObj()是等價的 MyObj本身是一個對象，可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求，第一反應是： var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

tanking 頭像

TANKING - Android微信內h5頁面喚起瀏覽器打開頁面的技術分析和實現

摘要 眾所周知，微信是有內置瀏覽器的，方便瀏覽網頁。但是其內核也是經過特殊改造，導致一些默認行為無法觸發。為了實現從微信跳轉到瀏覽器打開頁面，可以説是相當的困難，本次分享的是Android系統的微信在h5頁面調起手機瀏覽器並打開指定頁面的方法。 技術原理 通過二進制文件下載的方法，調起本地瀏覽器下載文件實現喚起瀏覽器。 代碼 使用php的頭文件實現文件下載，告訴瀏覽器這是一個二進制文件流，瀏覽器就

微信 , 微信開發 , php , Android , Javascript

ruochuan12 頭像

若川 - 學習 underscore 源碼整體架構，打造屬於自己的函數式編程類庫

前言 你好，我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大，姑且就算是源碼整體結構吧，主要就是學習是代碼整體結構，不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼，不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼，正在讀文章的你能推薦我的源碼系列文章，那真是太好了。 學習源碼整體架構系列文章如下： 1.學習 jQuery 源碼整體架構，打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

kagol 頭像

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 , 前端

codechen8848 頭像

codechen8848 - 全能 AI 對話管理平台！一款支持多模型切換的全能 AI 對話工具！

大家好，我是 Java陳序員。 在如今 AI 火熱的時代，各種大模型層出不窮，給日常工作生活帶來極大的便利。你是否想擁有一個能自由切換多種 AI 大模型、支持本地與在線模型結合，還能實現豐富對話功能的工具？ 今天，給大家介紹一款強大的全能 AI 對話服務助手，支持多模型切換！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ch

AI

aipaobudefanqie 頭像

愛跑步的番茄 - 代理IP是什麼？核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中，代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性，對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP（Proxy IP）指用户通過代理服務器訪問互聯網時，以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 全球國際化市場深度拓展：點量軟件日語OTT/IPTV影音系統成功落地

近日，我司正式完成面向全球日語市場的高規格OTT/IPTV影音系統整體交付。該系統具備多終端、多語言與跨地域的全場景服務能力，實現了技術架構與內容分發的全球化適配，標誌着公司在國際化流媒體系統建設領域取得關鍵性突破，為海外業務佈局再添一具標杆意義的示範案例。 一、項目核心：精準匹配海外日語市場需求 本次合作方是專注於服務全球日語受眾的專業媒體機構，針對其核心訴求，我司提供從系統架構設計、UI定製

資訊 , 服務器 , 數據庫 , 後端 , 前端

linyuyizhizou_678b9fdc436f1 頭像

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

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

css3 , Css , 前端

minnanitkong 頭像

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”，而不依賴任何 JavaScript？沒問題！ 僅用 CSS 就能完成這個任務，根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站，完全拋棄 JavaScript。 第一步：基礎 HTML 頁面結構 首先，我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

dewujishu 頭像

得物技術 - 從一次啓動失敗深入剖析：Spring循環依賴的真相｜得物技術

一、背 景 預發環境一個後台服務admin突然啓動失敗，異常如下： org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name'timeoutNotifyController': Injection of resource dependencies failed;

spring , 編程語言 , JAVA , 後端