收藏 / 列表

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

LaughingZhu - DevNow:支持集成 Tina CMS

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

astro , blog , Markdown

尹光耀 - underscore數組遍歷函數分析(一)

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

underscore , 前端 , Javascript

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司,定位這種基礎能力是深度融入在各業務的核心鏈路中的,筆者所在的地圖團隊經常會收到定位相關的badcase,但苦於定位的複雜與較難回收出價值,一直沒有針對性去解決此類問題,那在各大互聯網廠商都在做下沉市場注重用户體驗的今天,我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置,會給用户提示並阻塞發單,用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

長林啊 - Next.js 開發者必看:最受歡迎的 UI 組件庫

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 在之前,我也寫過一篇《打造高效React應用:CSS方案深度解析》,裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術,在 Next.js 中也同樣是適用,如果有不熟悉的,可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

海豚V靚仔 - HTML 註釋

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

前端 , html5

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

羊先生 - 使用Cursor開發Strapi5插件bag-strapi-plugin

🎯 為什麼開發 bag-strapi-plugin? 問題的起源 在使用 Strapi 5 開發多個項目後,我發現每個項目都需要重複實現一些通用功能: 用户認證系統 - JWT Token 管理、密碼加密、登錄註冊 API 安全保護 - 簽名驗證、限流防刷、加密傳輸 驗證碼功能 - 圖形驗證碼、短信驗證碼 菜單管理 - 後台菜單的數據庫設計和 CRUD 加密工具 - AES、RSA、

node.js , ai開發 , cursor , strapi , 前端

zxl20070701 - TypeScript系列:【3】類

基礎説明 先來看個例子: class Person { name: string; constructor(name: string) { this.name = name; } say() { return "你好,我是" + this.name; } } 這樣,我們就定義了一個類,包含一個屬性用於保存名稱,一個構造器用於創

ecmascript-6 , extend , object , class , typescript

TANKING - 抖音私信卡片源碼,揭秘抖音私信卡片生成的源碼和技術原理

摘要 抖音卡片是如何生成的?其實抖音是直接抓取html頁面的一些信息來生成封面圖、主標題、副標題的。 代碼 !DOCTYPE html html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" head meta http-equiv="Content-Type" content="text/html; charset=utf-

微信 , 微信開發 , 後端 , 前端 , Javascript

若川 - Taro 源碼揭秘:10. Taro 到底是怎樣轉換成小程序文件的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-12-26),目前最新是 4.0.8,

react , 小程序 , webpack , 前端 , Javascript

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

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

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

得物技術 - 同城雙活:交易鏈路的穩定性與可靠性探索

知易行難,雙活過程中遇到了非常多的問題,但是回過頭看很難完美的表述出來,之所以這麼久才行文也是這個原因,總是希望可以儘可能的復現當時的思考、問題細節及解決方案,但是寫出來才發現能給出的都是多次打磨、摸索之後的我們認為偏合理的方案;不過換個角度看,給大家展示出來一個正確答案,是否有更積極的參考價值呢? 以及,涉及到容器、發佈平台、底層網絡運維、監控等組件的內容,限於視野及技術能力並未包含在內,

中間件 , JAVA , 後端

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 - GitHub 星標太多管不過來?這款 AI 工具幫你一鍵整理、智能搜索!

大家好,我是 Java陳序員。 之前,給大家介紹過一個開源的 Github Stars 存儲庫管理器,用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備!Github Stars 存儲庫管理器! 今天,再給大家介紹一款 Github 星標庫管理工具,與 AI 結合,實現更加強大的分類搜索功能! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

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

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

數據庫 , Android , 後端 , 前端

點量實時雲渲染 - 輕鬆暢遊VR世界,無需高配置|點量實時雲渲染技術

傳統VR眼鏡在使用中存在一些顯著不足,而實時渲染技術又是如何解決的?接下來與大家共同探討遇到的問題以及實時渲染在VR眼鏡中的實際應用。 1、高配置要求 目前主流VR一體機的眼鏡需要較高配置才能運行普通VR內容,且受限於VR眼鏡的算力限制,無法運行大型的VR內容。 2、空間和時間限制 部分非VR一體機的設備,算力來自於PC設備,則需要使用線纜連接,用户的活動範圍和自由度受限,這對於教學和

渲染 , 虛擬現實 , 3d , vr

小帆聊前端 - Flex 佈局實戰指南:從踩坑到精通,解決 90% 佈局難題

前言:你是否也被這些 Flex 問題折磨過? “為什麼我用justify-content: center卻無法垂直居中?” “align-items和align-content到底什麼時候生效?” “設置了width: 200px,加了flex:1後怎麼沒用了?” 作為前端開發最常用的佈局方案,Flex(彈性佈局)以 “靈活” 著稱,但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

css3 , Css , 前端

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多,下面我們來寫常用的幾種(包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承): 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例,從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

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

jump__jump - 前端部署工具 PinMe

PinMe 簡介 什麼是 PinMe? PinMe 是一個免費的 IPFS 託管平台,專為靜態網站部署設計。它能讓開發者在幾秒鐘內將網站部署到 IPFS 網絡上,確保內容的持久性和抗審查能力。 PinMe 的核心價值是提供簡單、快速、免費的前端部署體驗,讓開發者專注於內容創作。 為什麼選擇 PinMe? 相比傳統託管服務,PinMe 具有以下優勢: 完全免費:無需支付服務器費用或訂閲費用 去

部署 , node.js , web3 , 前端

一顆冰淇淋 - 前端框架文檔新思路:基於源碼解析的自動化方案

項目背景 最近我們團隊自研了一個基於 React 的 H5 前端框架,領導讓我來負責編寫框架的使用文檔。我選擇了 dumi 來搭建文檔站點,大部分內容都是手動寫 Markdown 來介紹各種功能,包括:初始化、目錄結構、生命週期、狀態管理、插件系統 等等。 框架裏有個很重要的子包,主要負責多個 App 的橋接能力,深度集成了各端環境的監測和橋接邏輯。這個子包對外提供了一個 App 實例對象,裏面封

node.js , 前端 , Javascript