收藏 / 列表

點墨 - DevEco Studio創建Java項目,gradle報sync failed:connection reset錯誤

使用DevEco Studio 3.1.1版本,創建Java應用,程序報錯,無法運行。 原因: DevEco Studio新建的Java應用默認的gradle配置指向的是https://repo.huaweicloud.com,而你的網絡因為各種原因(比如公司網絡),無法訪問,所以會報錯。 解決方法 1.設置代理 打開File Settings Appearance Behavio

studio創建新項目台 , sync , JAVA , gradle , harmonyos

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

前端路引 - Web前端入門第 85 問:JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年,從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫,所以今天就摸了下 MDN 的後門,寫一個簡單的入門示例。 頁面大概長這樣: 源碼: 以下代碼包含了一個數據庫所有的 CRUD (增刪改查)操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

後山人 - 為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現,但數據顯示,PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計,截至 2024 年,超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然,它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度,結合 鋭

vue.js , php , Javascript

微芒不朽 - 【CSS進階】使用CSS gradient製作絢麗漸變紋理背景效果

前言 一直對漸變背景這塊比較感興趣,但是因為每天加班實在太忙了,任務也比較多。所以就只能下班的時間研究漸變背景這方面的知識,一來滿足了自己的好奇心,二來可以更加了解這方面的知識。跟更多不斷學習的小夥伴們一起進步,一起汲取新的知識。不斷成長,不斷精進自己的知識。有想一起討論技術,一起成長的夥伴們,也可以加微信一起交流。各微信羣裏面,有很多前端領域的大佬,在他們身上學到了很多,今後也努力向他們看齊。不

css3 , css技巧 , Css , css3動畫 , 前端

DiracKeeko - [JS] javascript中的原型鏈02 prototype&constructor

這是構造函數和構造函數的prototype之間的關係 Person.prototype.constructor === Person; // true 那麼對Person創建的實例對象p1 p1.__proto__.constructor === Person; // true 在瀏覽器控制枱中輸入如下代碼 function Person(name) { this.name = name;

原型 , constructor , 原型鏈 , 前端 , Javascript

Apifox - 理解 gRPC 和 RPC 技術原理

一、遠程過程調用協議簡介 1、RPC 的本質 首先,我們探討一下什麼是 RPC。RPC,縮寫為 Remote Procedure Call Protocol,直譯來看就是遠程過程調用協議。 講得通俗一些: RPC 是一種通信機制 RPC 實現了客户端/服務器通信模型 官方的定義可能會這樣解釋:它是一種協議,可以使程序能在網絡上請求遠程計算機上的服務,而無須關心底層網絡技術細節。 RPC 的

grpc , rpc , 程序員 , 後端 , 前端

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

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

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

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

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

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

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖,它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

, 繼承 , class , Javascript

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候,都會提及説它速度慢,效率低。尤其在例如 Vue或者React 框架中也不推薦使用,原因是為什麼呢? splice 方法 方法介紹如下: 方法也比較明瞭,就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

你好2007 - 關於字符串解析的一點理解 (以解析一段HTML字符串為例)

在分析一段字符串的時候,可以藉助字符串的indexOf等方法,或者是正則表達式,可是,如果需要解析的是下面這段字符串: group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

追風的苦咖啡 - 公網 IP 面臨的安全風險及防護措施

公網 IP 因直接暴露於互聯網,易成為網絡攻擊的目標,核心風險集中在未授權訪問、惡意入侵和服務癱瘓三類,防護需圍繞 “減少暴露面、強化驗證、實時監控” 展開。 一、公網 IP 面臨的核心安全風險 端口掃描與漏洞探測黑客通過工具批量掃描公網 IP 的開放端口(如 80、3389、22 等常用端口),識別運行的服務(如 Web 服務、遠程桌面),進而尋找系統漏洞(如未修復的漏洞補丁)作為攻擊入口。

知識 , html5 , Javascript

李遊Leo - JavaScript閉包深入剖析:性能剖析與優化技巧

一、引言 在 JavaScript 的奇妙世界裏,閉包無疑是一個既強大又迷人的特性。它就像是一把萬能鑰匙,為開發者打開了實現各種高級功能的大門。從數據封裝與保護,到函數的記憶化,再到模塊化開發,閉包都發揮着舉足輕重的作用。在實際開發中,我們常常利用閉包來創建私有變量和方法,避免全局變量的污染,提高代碼的可維護性和安全性。例如,在一個大型的 Web 應用中,我們可以使用閉包來封裝一些只在特定模塊內部

閉包 , Javascript

南城FE - 純CSS實現有趣emoji切換開關

這是一個純CSS創建的動畫切換開關,它不僅能夠在視覺上吸引用户,還能通過交互提供即時反饋。本文將解析源碼的核心實現邏輯,這個項目的核心是使用CSS變量、3D變換和過渡效果來實現一個動態的、響應式的用户界面元素。 關鍵技術點 CSS變量:用於動態調整樣式。 3D變換:用於創建翻轉動畫效果。 過渡效果:用於平滑地改變元素的樣式。 emoji:並不是真正的emoji而是通過CSS繪製。 實

css3 , 動畫 , Css , 前端

beckyyyy - 對BFC的理解

在前端的面試中,相對JavaScript而言,CSS佈局方面考察的內容會相對少一些,其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC,全稱為Block Formatting Context,翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是,網頁上一個獨立且隔離的渲染區域。現在呢,我稍微查閲了一些官方的信息。 在瞭解BFC之前,我們需要先了解一些其他概念: 包含塊(contai

佈局 , bfc , Css , HTML , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

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

form , 表單驗證 , antd , 前端 , Javascript

雲魚 - ES6 Promise筆試題

一動不動是王八,上一篇文章學習了那麼久Promise,是時候大顯身手了! 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

轉角處的湯姆 - 前端代碼規範:讓你的代碼更易維護和協作

在前端開發中,隨着團隊的不斷擴大和項目的逐步複雜化,統一的代碼規範變得越來越重要。無論是小型團隊,還是跨國團隊,良好的代碼規範能夠提升開發效率、減少bug的產生,並確保代碼易於維護和擴展。今天,我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範? 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性,無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

月恆 - Chrome 135 版本瀏覽器更新

Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站,同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS

chrome , 瀏覽器 , 前端

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏,「如果每次切換環境都手動改代碼,不僅低效,還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系,只要理解規則,就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式(mode) Vue CLI 把「運行命令」抽象成三種默認模式: development:對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

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