tag 前端

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

@前端 / 博客 RSS 訂閱

u_16213611 頭像

mob64ca13ff28f1 - 前端pdf文件預覽以及大文件處理

1.前沿 總結工作遇到的處理文件的一些情況，簡單入門文件 2.背景 某天陽光明媚的早上，app的同事問我：我這邊有個上傳圖片的接口調不通，後端説你們前端接口調通了，那個前端input type=file 讀取到的數據叫什麼？ 一臉懵逼的我心裏想數據是叫什麼？二進制流？blob？buffer？file對象？

下載文件 , Css , ios , 前端開發 , HTML , 前端

收藏 評論

yguang 頭像

前端餘光 - this指向詳解，思維腦圖與代碼的結合，讓你一篇搞懂this、call、apply。系列（一）

this指向詳解 這是我在segmentfault的第一篇文章，歡迎大家指正 思考 + 導圖 + 示例代碼 = 船新版本 目錄 前言+思考題 一、this的指向 二、call和apply 三、模擬實現一個call 四、bind 五、結尾 前言+思考題 記得當時找實習的時候，總是會在簡歷上加上一句——熟悉Js，例如this指向、call、apply等... 而每次投遞簡

call , apply , this , 前端 , Javascript

收藏 評論

u_14457 頭像

clghxq - Vue Prop屬性功能與用法實例詳解_vue.js

文章目錄 一、追本溯源：兩個世界的“語言”差異 1.1 HTML 世界：大小寫不敏感的“寬容”天性 1.2 JavaScript 世界：大小寫敏感的“嚴謹”法則 1.3 “鴻溝”與“橋樑”：Vue 的命名轉換機制 二、核心規則：`kebab-case` 與 `camelCase` 的自動轉換

vue.js , 前端框架 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

software-Development 頭像

IT開發者筆記 - AG Grid與Bryntum達成戰略合作：共同打造更強大的數據密集型應用組件生態

近日，全球知名的高性能數據表格與圖表解決方案提供商AG Grid宣佈與專注於高級排程與項目管理 Web 組件的Bryntum達成戰略合作伙伴關係，並獲得來自Adelis Equity Partners的長期投資支持。本次合作將進一步強化雙方在現代 Web 應用領域的技術佈局，持續為全球開發者提供更高性能、更豐富、更易用的前端組件生態。 慧都科技是AG Grid 在中國區的合作伙伴，與AG Gri

前端

收藏 評論

xigupro 頭像

西谷 - 開源任務懸賞接單平台前後端開發搭建

鯊魚任務懸賞平台 倉庫地址: https://gitee.com/xigupro/SharkTask_H5 注: 此倉庫為H5版客户端，需配合服務端、管理端使用。 查看演示 公司官網 為什麼開源 到目前已有300+的付費客户選擇了我們，考慮到有一部分小公司或個人可能前期沒有太多的預算投入到平台的開發建設方面來，加上近兩年口罩原因大家都非常困難，為了能幫助到這部分客户，所以將此項目開源，

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

收藏 評論

jueqiangdeqianbi 頭像

倔強的鉛筆 - Mock 語法講解

Mock 是生成隨機數據，攔截 Ajax 請求的 JavaScript 庫。 本文來介紹下 Mock 的常用語法。 模擬數據 生成隨機數據 Mock.Random.boolean() 生成一個隨機的布爾值。例如： 返回值為 true 或 false。 Mock.Random.integer(min, max) 生成一個隨機的整數，可以指定範圍。例如： 返回值為 0 到 10 之間的整數。 Mock

mock.js , mock , 前端框架 , 前端工程師 , 前端

收藏 評論

cornerak 頭像

AKclown - gbkill輕鬆刪除git分支

🤡 批量刪除git分支 在日常開發中我們每做一個需求就會創建一個git功能分支，時間久了本地和線上的分支就會被累計很多。那麼此時有一個批量刪除git分支的工具就顯得尤為重要。GBKILL正是為了解決這一需求也生的工具,讓你更加高效的刪除git分支 該工具將列出項目中的git分支列表，然後您可以批量選擇需要刪除的git分支 🤡 安裝 您實際上不需要安裝它即可使用它！只需使用以下命令: $

cli , typescript , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化：21種優化CSS和加快網站速度的方法

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 4 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , Css , 程序員 , 前端 , Javascript

收藏 評論

xsl 頭像

seasonley - FE.CLI-使用playwright對pywebview應用做自動化測試

背景 在 基於pywebview搭建企業級桌面端 這篇中記錄了多種webview桌面端的框架，並記錄了pywebview的使用和相關的坑。本篇記錄如何在pywebview中實現自動化測試。 由於pywebview沒有提供測試套件，只有幾個基礎的操作接口，所以需要結合一些測試框架來實現。 如果pywebview中不涉及bridge通信，那可以當做普通瀏覽器來測試，以上框架都支持。但pywebview

playwright , webview , 前端 , Javascript

收藏 評論

u_16213634 頭像

mob64ca14048514 - SpringMVC構建WEB應用（一） - ritchielei的個人空間 -

📒文章目錄 Spring Web MVC概述 MVC模式解析 Spring Web MVC的優勢 核心組件與工作原理 DispatcherServlet：請求分發中心 控制器（Controller） 視圖解析器（ViewResolver）與數據綁定

spring , 後端開發 , JAVA , mvc , harmonyos , 前端

收藏 評論

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

收藏 評論

hhepan 頭像

HHepan - angular echarts 折線圖點的個性化設置和操作 以及 this 的指向問題

背景 最近做項目時需要為折線圖（angular 中使用 echarts 畫的圖）上的點設置更加個性化的顯示和操作： 不同數值區間的點以不同顏色顯示。 點擊圖上的點後會執行自定義的操作。 查看官方文檔後發現，這其實並不困難。因為 echatrs 支持以方法的返回值作為圖表中某個屬性的值，也提供了接口以監測點擊事件，可以在其回調函數中設置點擊後的自定義操作。 echarts 官方文檔點擊這裏。

this的用法 , echarts , 前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - 如何在遊戲行業裏面“白手起家”

引言 筆者是一名有着8年遊戲行業經驗並且熱愛遊戲的主程，從0到1帶領着技術團隊經歷過多個大型的遊戲項目起步到上線，取得非常好的成績。歡迎大家關注訂閲。 大家週末好，週末好好休息，不發技術文，給大家講講遊戲開發入門。 遊戲開發是一個創造性和技術性兼具的領域，吸引着越來越多的小夥伴想要探索其中的奧秘。本文將為想要入門遊戲開發編程的新人介紹一個簡單而有效的學習流程，幫助你逐步建立起堅實的編程基礎和遊戲開

遊戲開發 , 行業 , 入門教程 , 前端

收藏 評論

notrynosuccess 頭像

NoTryNoSuccess - 前端應用關於瀏覽器緩存策略問題

瀏覽器緩存類型 瀏覽器緩存的作用和好處無需多言，其根據是否需要向服務器重新發起 http 請求分為強緩存和協商緩存兩種類型。強緩存的優先級要高於協商緩存。 強緩存 強緩存機制下瀏覽器首先查找本地緩存，如果命中則不會向服務器發起請求。此時返回 200 狀態碼，並帶有 from disk cache 或 from memory cache 字樣。強緩存可以通過設置兩種 HTTP Header 實現：E

瀏覽器緩存 , spa , 前端

收藏 評論

laughingzhu 頭像

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快，轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩，在北京看了看房子，原先的房子快要到期了，找了個更加通透一點的房子，採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件，經過上一版 搜索組件優化 - Command ⌘K 的優化，現在的搜索內容只能支持標題，由於有時候標題不能百分百概括文章主題，所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

收藏 評論

liyl1993 頭像

wayneli - 【JS基礎】Object 對象的原型概念詳解

對象概念 在 javascript 中, 一切引用類型均為對象。 如 function Foo () {} 中，Foo本身就是一個對象的引用。 創建對象方式 字面量方式 new 構造函數 函數聲明 Object.create 字面量對象 javascript語言級別快速創建對象的實例 var obj = {foo: 'foo', bar: 'bar'}; // Object對象字

javascript原型 , 前端 , Javascript

收藏 評論

kagol 頭像

Kagol - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

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

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

收藏 評論

changlina 頭像

長林啊 - 掌握 React Router：構建你的 React 應用導航

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家關注！ 在構建現代 Web 應用時，導航是連接用户界面的關鍵紐帶。React Router 作為 React 生態中的核心路由庫，為開發者提供了強大的工具來實現 SPA（單頁應用）的導航邏輯。它不僅簡化了頁面間的跳轉，還支持動態路由匹配、懶加載和狀態管

框架學習 , react , 單頁應用 , web開發 , 前端

收藏 評論

hai2007 頭像

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這二個值就可以形成選區，寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt.js 應用中的 webpack：change 事件鈎子

title: Nuxt.js 應用中的 webpack：change 事件鈎子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通過webpack:change鈎子，開發者可以知道哪些文件被修改，並可以進行適當的處理，比如重新加載相關模塊，或更新用户界面等。 categories: 前端開

safari , angular , webkit , typescript , 前端

收藏 評論

jiangchuan_5ecf6be720834 頭像

蔣川 - 搭建實例：使用卡拉雲 15分鐘快速搭建用户審核認證系統

這篇文章我們講一下如何使用卡拉雲（卡拉雲官網）快速搭建一套用户認證審核後台。卡拉雲是一套幫助企業快速搭建內部後台的搭建工具，卡拉雲將 API 接口、數據庫接口以及前端組件組合在一起，只需要拖拽組件到畫布，再加上幾句簡單的SQL，即可快速組成一套實用的內部工具。 一、認證審核系統的需求 1.我們先來看一下需求。 「麪包多」是一家幫助創作者出售自己原創作品的平台，當創作者想認證自己賬號以提高相應權限

後台 , 數據庫 , 後台開發 , 後端 , 前端

收藏 評論

freeman_tian 頭像

freeman_Tian - i18n國際化方案總結

國際化i18n filter處理 通過code匹配前端展示name，查詢使用下拉 UI控件國際化

i18n , 前端

收藏 評論

flyhome 頭像

bilibili - 前端常見面試-進階篇

上一篇文章，我們對js相關的知識點做了一個具體的介紹，有需要的朋友可自行查看：前端常見面試-js篇。當然對於前端面試來説，還會涉及到一些原理性的東西，具體這篇來重點探討一下這方面的問題。 1、請講述一下瀏覽器從輸入一個url到網頁展示的整個過程？ 具體總結主要為6個步驟： DNS解析：進行域名解析，找到對應的服務ip TCP連接 ：進行三次握手，確保可以進行數據傳輸 發送HTTP請求：發送

面試 , 原理 , 知識體系 , 前端 , Javascript

收藏 評論

hanhoudedengshanxie_66641de47decd 頭像

憨厚的登山鞋 - Node.js接入geetest極驗行為驗證4.0

Node.js接入geetest極驗行為驗證4.0 使用場景 網站和APP，在所有可能被機器行為攻擊的場景，例如但不限於註冊、登錄、短信接口、查詢接口、營銷活動、發帖評論等等，都可以部署使用「行為驗證」，來抵禦機器批量操作。 產品體驗地址 驗證碼流程時序圖 極驗產品後台使用 1、獲取賬號 如您需體驗行為驗證 4.0 產品，請事先註冊極驗產品賬號，可點擊此處提交賬號申請 2、通過註冊郵箱登錄極驗產

node.js , 驗證碼 , 後端 , 前端 , Javascript

收藏 評論