tag 前端

標籤
貢獻1,036
947
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 smileZAZ 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

feynman9966 頭像

feynman9966 - Generator實踐：利用 Generator 和 Fetch 對 json 數據流 stream 進行邊下載邊解析

利用 Generator 和 Fetch 對 json 數據流 stream 進行邊下載邊解析 js在es6 之後，提供了 Generator 函數，可以自由控制函數的執行過程，可以在函數內部暫停執行，也可以在外部恢復執行。 這種函數最大的特點就是：對於狀態機控制可以用非常簡單明瞭的語句，來表達複雜的邏輯。 但是數年中少有實際用到 Generator 函數的實踐。本文就是一個實用的實踐

generator , stream , fetch-api , 前端 , Javascript

收藏 評論

qiqimachatmk 頭像

qiqimk - JavaScript 基礎筆記碎片-數據類型、變量與字符串操作

注意：本篇學習筆記摘錄於原網站： JavaScript教程 - 廖雪峯的官方網站 筆記僅作學習留檔使用 本篇目錄 比較運算符 BigInt 變量 strict模式 字符串 多行字符串 模板字符串 操作字符串 比較運算符 JavaScript允許對任意數據類型做比較： false == 0; // true false

前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - 手敲Cocos簡易地圖編輯器：人生地圖是一本不斷修改的書,每一次編輯都是為了克服新的阻擋

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》，歡迎大家關注分享收藏訂閲。 在上一篇文章，筆者給大家講解了在Cocos獨立遊戲開發框架中，如何自定義實現Tile地圖管理器，成功地在遊戲中優化加載一張特大的地圖。接下來筆者為大家講解一下游戲中地圖編輯器的思路，以及它的簡單實現。 本文源碼和源工程在文末獲取，小夥伴們自行前往。 什麼是地圖編輯器？ 遊戲中的地圖編輯器是一種軟件工具或功能

編輯器 , 遊戲開發 , 地圖 , cocos , 前端

收藏 評論

grewer 頭像

Grewer - qiankun 中遇見的問題集合

本文中的微前端基於 qiankun 框架 多個子應用共存 如果需要多個子應用同時共存，在管理就有很多例子： https://qiankun.umijs.org/zh/faq#%E5%A6%82%E4%BD%95%E5%90%8C%... registerMicroApps([ // 自定義 activeRule { name: 'reactApp', entry: '//localhost

qiankun , 微前端 , 前端 , Javascript

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 你真的會封裝Dialog彈窗嗎？

經常做CRUD的人對彈窗一定不陌生，新增、編輯、查看和Table列操作，均會伴隨着彈窗封裝，彈窗內包含表單和底部的確認、取消操作，總的來説，這塊的業務都挺簡單的，但是哪怕接觸100個項目，多多少少，不規範封裝彈窗引起的問題還是佔據了很大百分比。 常見問題 二次打開，上次保留的數據還在； 表單自動校驗； 新增和編輯狀態的多重量子糾纏 重置表單無法置空 問題拆解 第一個問題，彈窗關閉一般的

表單 , dialog , 彈窗 , 前端

收藏 評論

jianer 頭像

健兒 - 徹底搞懂--水平垂直居中

水平垂直居中是面試常考的環節 今天就一步一步分析下是怎麼做到的，以前呢多少有點死記硬背的感覺，沒真正去梳理過。 先看看整個實現的流程圖片吧。 1、當left：50%如圖1 2、當top:50% 如圖2 3、要想呈現如圖3的情況，有兩種實現方案 （1）方案1 在已知目標對象寬高的情況下，可以通過設置margin-left:-寬/2 margin-top:-

transform , Css , 前端 , html5

收藏 評論

refanbanzhang 頭像

熱飯班長 - 如何使用Github Pages發佈自己的個人網頁？

基礎流程 創建倉庫 創建一個倉庫名為賬户名.github.io。 比如我的賬户名為refanbanzhangwork，那麼我的倉庫名就填寫：refanbanzhangwork.github.io。 其他位置保持默認就好了，然後點擊Create repository按鈕。 創建index.html 上一步點擊創建倉庫按鈕之後，會來到倉庫頁面，在這裏，我們點擊creating a

react , vue.js , github-pages , github , 前端

收藏 評論

liwenhui 頭像

keywords - 移動端橫/豎屏模式下的電子簽名兼容

屏幕旋轉與文檔方向？如何監聽文檔方向變化，如何兼容橫屏/豎屏模式下的樣式佈局以及實現強制橫屏展示canvas手寫電子簽名頁？ 基於實踐問題，本文主要覆蓋以下至少點： 文檔方向與屏幕方向 不同端APP瀏覽器的橫屏預覽支持情況 移動端適配 橫屏佈局快速兼容 canvas響應式適配屏幕旋轉帶來的問題以及兼容方法

vue.js , 橫屏 , 移動端適配 , HTML , 前端

收藏 評論

u_14230 頭像

爛漫樹林 - 程序運行時斷點失效的問題，原因及解決方法

前端斷點調試避坑與精準設置技巧 在大型前端項目中，調試是開發的核心環節，而斷點調試是最常用的工具之一。然而，許多開發者常遇到斷點不生效的問題，導致調試效率低下。本文將深入探討斷點失效的原因與解決方案，並分享在模塊化代碼中精準設置斷點的技巧，幫助你提升調試能力。文章內容基於實際開發經驗，確保原創性和實用性。 第一部分：為什麼你的斷點不生效？原因

chrome , 加載 , 後端開發 , 模塊化 , 前端 , Python

收藏 評論

ineo6 頭像

ineo6 - 記一次Chrome更新帶來的登錄Cookie問題

事件起因 環境 首先介紹下基本信息：公司的某個業務系統是h.xxx.com，登錄走的通過iframe嵌入的網頁passport.xxx.com。 本地開發環境下，業務系統只支持http協議，所以對應訪問地址為http://h.xxx.com，登錄接口始終是https://passport.xxx.com。 這樣就是一個跨協議的情況了。 問題 某一天，有同學登錄系統後始終提示“你未登錄，請先登錄B站

chrome , 網絡安全 , cookies , HTML , 前端

收藏 評論

parksben 頭像

parksben - 告別 iframe 通信的 “飛鴿傳書”：Webpage Tunnel 上手指南

作為前端開發，你一定遇到過這樣的場景： 老闆拍着你的肩膀説：“小王啊，把隔壁組做的那個‘用户畫像’頁面，直接用 iframe 嵌到我們的後台裏吧，順便把當前登錄的 Token 傳過去，再把用户選好的標籤拿回來。” 你心想：“這簡單，頁面跨 iframe 可以用 postMessage 方法通信。” 然而當你開始寫代碼時，噩夢開始了。 😫 以前的痛苦：像在用對講機吵架 為了在父頁面和 iframe

iframe , typescript , npm , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：6. 為什麼通過 Taro.xxx 能調用各個小程序平台的 API，如何設計實現的?

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

react , 微信小程序 , taro , 前端 , Javascript

收藏 評論

wangrongding 頭像

榮頂 - 誰動了我的代碼！(協同倉庫該有的規範)🔥

前言 公司一個老項目，沒有做代碼提交前的校驗，我拿到後，想着老項目嘛也沒時間幫它弄這些，反正就是改一點點小東西；儘量跟着它的代碼風格寫，寫完提交就行； 直到某一天，又有一個人加入了進來。好傢伙，直接幹出事了。 很多個文件一起提交的，然後 commit-msg 不規範，代碼縮進也不規範，換行符也不一致，裏面還有很多沒用的代碼，可讀性極差； 當你某一天 fetch 代碼時，發現很多文件是這樣的

規範化 , 工程化 , 代碼規範 , 前端 , Javascript

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - 域名註冊全攻略：從概念到落地的完整指南

域名註冊全攻略：從概念到落地的完整指南 在互聯網時代，域名是企業和個人在網絡世界的"數字門牌"，具有標識性、唯一性和商業價值。域名註冊不僅是搭建網站的基礎步驟，更是品牌戰略的重要組成部分。本文將系統梳理域名註冊的核心知識，幫助讀者掌握從域名選擇到維護的全流程要點。 一、域名的本質與價值 域名本質是IP地址的字符化映射，通過DNS系統將便於記憶的字符轉化為計算機可識別的IP地址。一

前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序文件下載-自定義文件名

在微信小程序端是無法直接下載文件的，對於docx、excel、pdf等文件都是通過臨時緩存+打開的方式保存到本地 默認下載 const openFile = (url,fileType) = { uni.downloadFile({ url: url, success: function (res) { let filePath =

react , vue.js , HTML , 前端 , Javascript

收藏 評論

u_16213605 頭像

mob64ca13fd9f8e - 塗鴉板實現思路和步驟_weixin

打造一個現代化的 Web 塗鴉畫板 ✨ 一個輕量級、高性能的在線繪畫應用，支持桌面和移動端，讓創意隨時隨地釋放！ 🎨 項目簡介 還記得小時候在紙上塗塗畫畫的樂趣嗎？現在，讓我們把這份快樂搬到瀏覽器上！ 這是一個使用現代 Web 技術棧（React + TypeScript + Canvas）構建的在線

移動端 , 後端開發 , 前端 , Git , Python , Web

收藏 評論

qianniandanshendepingguo 頭像

千年單身的蘋果 - 2025開發者實戰評測：拒絕PPT，這幾款AI工具真能幫你修Bug

在SegmentFault社區，我們不談概念，只看代碼。每天面對的需求變更、莫名其妙的NullPointer、以及晦澀難懂的第三方庫源碼，到底哪款AI工具能真正成為你的“結對編程好基友”？ 拋開那些花哨的宣傳，我們找來了2025年市面上最熱的幾款工具，直接上實戰環境（VS Code + 真實項目）進行了一波肉搏。 實戰紅榜 Top 3 1.百度文心快碼 (Comate)：最懂中文開發環境的實

教程 , 知識 , 人工智能 , 後端 , 前端

收藏 評論

data_ai 頭像

數據庫知識分享者 - 開源微服務運行時 Dapr 發佈 1.0 版本

簡介：Dapr 是 2019 年 10 月開源的分佈式運行時。早在 Dapr 開源初期，阿里雲就開始參與 Dapr 社區建設和代碼開發，目前已有兩位 Dapr 成員，是 Dapr 項目中除微軟之外代碼貢獻最多的公司。作為 Dapr 項目的早期採用者，阿里在 Dapr v1.0 發佈之前就在內部小規模的試點。本文由 Dapr 社區成員敖小劍翻譯。 分佈式應用程序運行時現在已經生產就緒啦！ 今天，我

coffeescript , sass , 前端

收藏 評論

carloslab 頭像

Carlos - React 的單向數據流

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

react , 全棧工程師 , 前端

收藏 評論

u_16099343 頭像

編程夢想編織者 - faster whisper引擎下載

前言 在Flutter連續大版本的迭代下，發現2年前的項目bladeofgod/tank_combat (github.com)已經沒法跑了，為此進行了適配和代碼的重構。 相較於老項目，重構後的項目在代碼、設計以及註釋上更為規範、合理及詳盡，藉此，希望初學者能有所收穫。此外，由於是學習類demo，所以未經過審慎思考，如有設計不合理或不嚴謹的地

swift , Android , 人工智能 , flutter , 深度學習 , faster whisper引擎下載 , 前端

收藏 評論

grewer 頭像

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候，遇到了一些問題， 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中，我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景，這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

收藏 評論

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻，下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點，都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

收藏 評論

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

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

underscore , HTML , 前端 , Javascript

收藏 評論

jianshendeyoutiao_adot6 頭像

健身的油條_ADoT6 - WebKit 的渲染引擎優化策略

簡介： WebKit 是一個開源的網頁瀏覽引擎，被廣泛應用於多種瀏覽器，包括 Safari 和許多移動設備瀏覽器。其高效的渲染性能和靈活的架構使得 WebKit 成為現代瀏覽器開發的重要組成部分。在這篇文章中，我們將深入探討 WebKit 在渲染引擎優化方面的策略，尤其關注其在提高頁面加載速度和渲染效率方面的技術實現。 正文： 什麼是 WebKit？ WebKit 起源於 KHTML 和 KJS，

node.js , webkit , typescript , 前端 , Javascript

收藏 評論