收藏 / 列表

wupeng_5a4de5c290b9d 頭像

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目，用到了h5上傳圖片，現記錄下遇到的坑。 端內h5上傳圖片問題歸納： 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選；android上還存在的一個問題為：點擊上傳按鈕進入圖片選擇頁後，如果取消選擇，返回項目，則無法再次上傳，會波及到整個webview，其他h5頁面也無法上傳，只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

skychx 頭像

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 對於大部分開發者來説，版本兼容是一件存在感很低的事情，因為它在絕大部分情況下都是一行配置，在一些前端工具鏈（例如 Babel、CoreJS，Autoprefixer 等工具）的幫助下適配到目標瀏覽器，只會在一些大的 break change 事件（例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

limingcan562 頭像

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

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

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

yangyaya 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - HTTP 請求優化指南：Axios 和 Fetch 的比較

在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

webinfoq 頭像

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

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

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

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

hellotech 頭像

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

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

webrtc , 前端

kagol 頭像

Kagol - TinyEditor v4.0 alpha 版本發佈：表格更強大，表情更豐富，上傳體驗超乎想象！

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

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

changlina 頭像

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

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

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

codechen8848 頭像

codechen8848 - 代碼檢測器！一款專門揭露屎山代碼的質量分析工具！

大家好，我是 Java陳序員。 你是否也曾面對祖傳代碼欲哭無淚？看着幾千行的函數、毫無註釋的邏輯、嵌套八層的條件判斷，只想大喊一聲“這寫的什麼玩意兒”？ 今天，給大家介紹一款專門揭露屎山代碼的質量分析工具，一個能把“屎山代碼”量化打分的硬核神器！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 fuck-u-code —— 一款

後端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何使用代理IP發送請求（711Proxy實戰指南）

代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。

node.js , 前端 , Javascript

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 基於P2P技術的智能分發方案如何重塑高性能家庭影院體驗

在當前的家庭娛樂場景中，用户對視頻體驗的期待已從基本的“可觀看”全面提升為“高畫質、無卡頓、即時響應”。隨着高清、藍光、4K/8K內容的普及，傳統CDN分發模式在成本控制與傳輸效率方面均面臨顯著壓力。 一種結合P2P分發與邊下邊播技術的系統，正逐漸被應用於家庭影院與智能點播平台。該系統實現了跨平台、低延遲的內容傳輸，支持從雲端到終端的高效數據流轉，為流暢播放提供了新的技術路徑。 一、行業背景：從

p2p , 資訊 , 服務器 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（二）：Form 表單下拉框設置初始值

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

antd , select , antd-mobile , 前端 , Javascript

tanking 頭像

TANKING - 利用微信公眾號提供的官方API上傳圖片獲取永久圖片素材！當圖牀用！

需求 自己開發的小程序，例如社區類、電商類、新聞、博客等類型小程序，會需要儲存很多圖片，圖片資源會給個人開發者帶來很多成本，萬一訪問量大了，網站帶寬、流量也會不堪重負，所以圖片資源必然不合適儲存在自己的服務器裏面，而很多廠商提供的彈性儲存也是按需付費的。 想法 微信公眾平台提供了一個素材管理，裏面可以上傳圖片、視頻、音頻等類型的素材，那麼是否可以將圖片素材上傳上去，獲取到url作為自己小程序項目的

小程序 , php , 微信公眾平台開發 , 圖片上傳 , 圖牀

jackysummer 頭像

JackySummer - 結合實踐解讀 package.json

前言 平時大家在公司接手一個已有項目的時候，首先會看的是什麼呢？我的習慣是先看 README.md 和 package.json。 通過 README 瞭解項目是做什麼和注意點，通過package.json瞭解項目涉及的技術棧和 npm 庫等等。 今天就來深入瞭解下package.json這個文件，不僅是解釋詳細字段含義與運用（忽略部分第三方字段本文就不介紹了），更重要的是想借此擴展總結下涉及工作

package.json , 工程化 , Javascript

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 8.2.創建對象

關注前端小謳，閲讀更多原創技術文章 創建對象 創建單個對象：Object 構造函數 和 對象字面量 缺點：使用一個接口創建很多對象，產生大量重複代碼 相關代碼 → 工廠模式 抽象創建特定對象的過程，按照特定接口創建對象 function createPerson(name, age, job) { var o = new Object() o.name = name

面向對象編程 , object , 前端 , Javascript

tosmile 頭像

浪遏飛舟 - create-react-app腳手架搭建後如何使項目支持修飾器語法

create-react-app搭建react項目後，是不支持修飾器語法的。react-scripts庫已經提供了打包cli命令以及常規的構建配置，如果需要使用一些使用時特性，比如修飾器等，需要另外注入 正好，官網提供react-app-rewired庫，可能幫助我們注入自定義構建配置 首先，安裝react-app-rewired yarn add react-app-rewired -S 將re

修飾器 , create-react-app