收藏 / 列表

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

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

upload , file , 前端 , Javascript

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程,這兩天覺得當時寫的還是太倉促了,所以準備寫個 Blog 擴寫一下,就「優先級」這個概念縱向分析,看看這些基礎協議的發展和進化。 正式講之前先列個時間線,這樣的話對以下內容的理解會有個更直觀的認識: 1997 年,經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

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

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

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

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

前言 跳槽是每個人的職業生涯中都要經歷的過程,不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章,希望你沒有白白浪費停留在這裏的時間,能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試,你永遠不知道市面上的行情如何。這次找工作下來,我自身感覺市場並沒有那麼可怕,也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

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

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

HTTP , fetch , Axios , 前端 , Javascript

破曉L - 面試小冊:面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型(string、number、boolean、undefined、symbol、bigint 和 null),這些都是不可變的。這意味着一旦分配了一個值,我們就無法修改它們,我們可以做的是將它重新分配給一個不同的值(不同的內存指針)。另一方面,其他數據類型(如 Object 和 Function)是可變的,這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

zhanle_huang - 一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片,將其轉化成blob然後上傳到服務器,後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串, name表示文件名,附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

你好2007 - vue 如何實現表單校驗

安裝並使用 首先,在你的vue項目中進行安裝: npm install --save vue-input-check 接着根據不同的vue版本註冊: vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

哈囉技術 - Taro編譯mini-runner包的作用

什麼是Taro Taro 是一套遵循多端開發的解決方案。只需要一套代碼,就可以編譯轉換成 RN、H5、小程序、快應用多端的運行代碼,其運轉流程主要分為編譯時,運行時兩個階段。 Taro2(重編譯,輕運行) 編譯時:通過taro工具將Taro源代碼轉換成目標代碼 運行時:目標代碼運行時,通過運行時的庫去適配不同端 Taro3(輕編譯,重運行) Taro3主要通過在小程序端模擬實現 D

taro , 前端

Kagol - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧!👏

你好,我是 Kagol,個人公眾號:前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://openti

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

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

codechen8848 - 簡單好用!一款針對 IT 團隊開發的文檔管理系統!

大家好,我是 Java陳序員。 在 IT 團隊協作中,接口文檔散亂、版本混亂、權限管理複雜等問題常常困擾着 IT 從業者。 今天,為大家推薦一款簡單好用的文檔管理系統,尤其適合 IT 中小團隊高效管理各類文檔! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 MinDoc —— 一款針對 IT 團隊開發的文檔管理系統,基於 Go

go , 後端

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

點量實時雲渲染 - 點量雲流核心技術解析:構建高性能數字孿生的三大架構設計

當前,數字孿生正處於一場深刻的範式變革之中:其價值核心正從靜態的可視化,向動態的決策智能加速遷移。然而,這一進程正面臨一個根本性的挑戰:高精度模型所帶來的龐大計算需求,與終端側有限的本地算力之間,形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下,基於雲端協同的實時渲染技術,正成為破局的關鍵——它並非簡單的遠程顯示,而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

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

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

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

麒寧 - 3分鐘搞定:Flex 佈局

flex 佈局原理 全稱 flexible box,彈性佈局。 如何開啓:為元素添加 display: flex。 開啓 flex 佈局的元素,稱為 flex 容器(flex container),其子元素成為容器成員,稱為 flex 項目。 flex 佈局原理:通過給父盒子添加 display: flex,來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

TANKING - 使用Chatgpt編寫的PHP數據庫pdo操作類(增刪改查)

摘要 將PDO封裝成PHP類進行調用有很多好處,包括: 1、封裝性和抽象性: 通過將PDO封裝到一個類中,您可以將數據庫操作邏輯與應用程序的其他部分分離開來,提高了代碼的組織性和可維護性。這樣,您只需在一個地方維護數據庫連接和查詢邏輯,而不必在整個應用程序中散佈數據庫代碼。 2、重用性: 將數據庫操作封裝成類使得這些操作可以在應用程序的不同部分重複使用,而無需重複編寫相同的代碼。這有助於減少代碼冗

增刪改查 , pdo , MySQL , php , chatgpt

JackySummer - 【解讀 ahooks 源碼系列】DOM篇(四)

前言 本文是 ahooks 源碼(v3.7.4)系列的第五篇,也是 DOM 篇的完結篇,往期文章: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素:useEffectWithTarget 【解讀 ahooks 源碼系列】DOM 篇(一):useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag

react , hooks , 前端

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

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

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

JEECG低代碼平台 - MiniDao1.8.3 版本發佈,輕量級Java持久化框架

項目介紹 MiniDao 是一款輕量級JAVA持久層框架,基於 SpringJdbc + freemarker 實現,具備Mybatis一樣的SQL分離和邏輯標籤能力。Minidao產生的初衷是為了解決Hibernate項目,在複雜SQL具備Mybatis一樣的靈活能力,同時支持事務同步。 當前版本:v1.8.3 | 2021-08-09 源碼下載 https://github.com/zha

jeecg-boot , hibernate , JAVA , Mybatis

趙大碗 - Joker 智能開發平台-組件開發

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

低代碼 , 低代碼開發平台 , 前端