收藏 / 列表

yayujs 頭像

yayujs - Svelte 最新中文文檔教程（22）—— Svelte 5 遷移指南

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的工程化

Angularjs的工程化 AMD規範和CMD規範 為什麼需要模塊化管理工具 在編寫項目時可能需要加載很多js文件，若b.js依賴a.js，且a.js比b.js大很多，那麼瀏覽器會讓b.js等待a.js加載完畢後再去執行b.js裏的內容；而即使d.js並不依賴a.js，b.js，c.js，也會等待這三個文件均加載完畢才執行，為了讓瀏覽器能夠按需加載，提出了模塊化管理工具。 script type=

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象，它代表一個異步操作的最終完成（或失敗）及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態（進行中）

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 數據怎麼分層？從ODS、DW、ADS三大層一一拆解！

備選標題： 數據分層，不止分層那麼簡單！ 數據為什麼要分層？三招搞定多源異構數據 數據又多又亂，用的時候： 找不到？ 算得慢？ 還容易出錯？ 別頭疼了！數據分層就是解決這些問題的“法寶”。 簡單説，它就是： ​給數據建個清晰有序的“家”，讓每一類數據都有固定的位置和職責​。 今天，我就帶大家拆解數據分層最核心的三大層： 數據運營層(ODS) 數據倉庫層(DW) 數據應用層(ADS

數據結構 , 數據庫

fannaodeliushu 頭像

程序員阿偉 - 《Docker+New Relic+Jenkins：開發全鏈路的工具賦能指南》

SonarQube的代碼質量守護、Docker的環境一致性保障、Notion的知識沉澱賦能、New Relic的性能深度洞察，再到Jenkins的自動化流程閉環、VS Code的個性化開發適配，這些工具之所以能成為開發者的高頻選擇，核心在於它們跳出了“工具即功能”的淺層邏輯，深入到開發流程的每一個關鍵節點，通過隱性的邏輯引導與顯性的效率提升，讓編碼、協作、排查、迭代等環節形成無縫銜接的有機整體。很

Docker

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，總結瀏覽器十大問題

一、瀏覽器對象模型(BOM)有哪些屬性 這裏不會詳細介紹每個BOM屬性（確實沒必要哈）。主要是圍繞BOM，發散一些常見的面試題，看看是如何回答的。 BOM的屬性： window location navigator history screen location - hash路由 http://foouser:barpassword@www.wrox.com:80/WileyCDA/

chrome , 教程 , 知識 , 前端

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API：優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API，極大地簡化了對集合的操作。傳統上，Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作，這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式，使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景，幫助你更好地掌握這一工具。 一、

ecmascript-6 , typescript , HTML , 前端 , Javascript

zero_dev 頭像

北橋蘇 - phpstorm開發項目中5種常用的使用方法

前言： 有時因為各種原因重裝了系統，工具有時也重裝，但是又沒有把軟件的設置導出來。最開始的工具配置過了段時間給遺忘了，比如平時順手的關閉窗口快捷鍵，composer，git等的設置。 方法總結： 修改快捷方式點擊”File”-”Settings”-”keyMap”就可以看到那些快鍵鍵的各種分類，比如我常喜歡用”ctrl+w”關閉正在打開的窗口，所以就選擇”windows”分類下的Editor

php , phpstorm , 後端

thinking80s 頭像

Thinking80s - 我的碼農之路

還記得畢業那段時光，命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作，出售各類電腦產品。於是乎，我順理成章地在那裏找到一份差事，負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業，但所學知識卻與編程毫無瓜葛。如今回想起來，也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言，這或許是對我專業能力的一種期待；而於我來説，則更像是一種無法言説的尷尬。每當此時，

編輯器 , ruby , 人工智能 , 程序員 , 前端

zz_641473ad470bc 頭像

zZ_jie - 使用canvas對圖片進行標註

前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image

canvas , HTML , 前端

gomi 頭像

Gomi - JavaScript基礎學習——面向對象部分(屬性類型)

前言 JavaScript發明之始，從技術上來講就是一門面向對象的語言，但在ES6之前，JS的很多特性和傳統的面嚮對象語言有所不同，比如沒有類的概念（ES6有了class）。今天結合《JS高編》第六章開始回顧和深入學習面向對象部分,包括對象、原型、原型鏈、繼承等部分。 一、理解對象 談JS的對象之前，先複習一下面向對象的基礎概念和特點吧。 面向對象OOP（Object-oriented pr

面向對象編程 , javascript原型 , oop , Javascript

wswx 頭像

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

vleedesigntheory 頭像

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

yunpan-plus 頭像

雲棧開源日記 - Traefik：Go 實現的雲原生反向代理，微服務路由自動化利器

開篇 還在手動修改 Nginx 配置文件嗎？每次新增服務都要 reload 擔心出錯？今天分享一個 Go 語言開發的反向代理項目 Traefik，它能監聽容器平台的服務變化，自動生成路由規則，徹底告別手動配置。 項目介紹 Traefik 是專為微服務和容器化架構設計的現代反向代理和負載均衡器。它最大的特點是動態服務發現——自動監聽 Docker、Kubernetes 等平台的服務變化，實時更新

opensource

simonbaker_5ec61c266b1df 頭像

simonbaker - 前端二次非對稱RSA加密密文太長的問題

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝。 有任何問題都可以留言諮詢。 問題 兩個平台項目中，各自的前後端的密碼傳輸，都用了非對稱RSA加密。 流程是這樣的： 平台A的前端，需要把加密後的密文傳給平台B的前端，然後平台B的前端都會對密碼進行加密，然後再傳輸給平台B的後端。 平台B的後端解密後，再傳輸給平台A的後端。 導致的問題： 因為平台B的前端，拿到的密碼是已經

rsa

nanian_5cd6881d3cc98 頭像

那年 - 項目踩坑記：無法將“create-react-app”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱...解決

創建項目的時候報錯 試過網上改淘寶鏡像的法子不行 最後使用npx 成功了 npx create-react-app todo-list npx 會自動查找當前依賴包中的可執行文件，如果找不到，就會去 PATH 裏找。如果依然找不到，就會幫你安裝。 npx 甚至支持運行遠程倉庫的可執行文件。 npx解釋：https://www.jianshu.com/p/684..

react , npm , create-react-app

chencaize 頭像

點墨 - 解決Qt 6.2.3 WebEngine中clipboard.write圖片複製失效及下載問題

複製失效問題 問題描述 在Qt 6.2.3中使用QWebEngineView嵌套網頁時，通過JavaScript的navigator.clipboard.write()複製圖片無響應，控制枱報錯： Uncaught TypeError: navigator.clipboard.write is not a function 根本原因 安全上下文限制 clipboard.write()

chrome , c++ , Web

xishui_5ac9a340a5484 頭像

夕水 - 為了方便學習icss項目上的css技巧，我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14（App Router 架構）開發的現代化 CSS 技巧展示平台，致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源，通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例，支持多主

next.js , 前端

cloudyttt 頭像

雲魚 - 19年前端筆試題小結（一）

什麼是web標準？ WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為 （Behavior）。 對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行為標準主要包括對象模型（如 W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax基礎原理及使用教程（來自動力節點）

首先，我們來回顧下ajax是什麼? Ajax = 異步 JavaScript 和XML。 Ajax是一種用於創建快速動態網頁的技術。 通過在後台與服務器進行少量數據交換，Ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 傳統的網頁(不使用 Ajax)如果需要更新內容，必須重載整個網頁面 前面談到ajax是什麼，其主要也就是異步提交，大家是否知道同步

Ajax , JAVA , ajax跨域 , 後端 , 前端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 開源基礎框架，如何通過配置化實現文件管理（文檔下載、預覽等）

在數字化業務場景中，文件管理與動態文檔生成是企業高效運營的關鍵環節。傳統文件處理方式往往依賴人工操作或複雜編碼，難以滿足靈活多變的業務需求。JVS開源框架通過低代碼配置化能力就可以實現。接下來我結合模板化文檔生成和文件預覽/下載兩大核心場景，來看看如何通過可視化配置實現。 JVS開源框架中，系統提供對後台上傳的相關的文件進行管理，操作如下圖所示 點擊【上傳文件】按鈕選擇桶名和標

前端框架 , 開源 , 開源框架

tusi_5c8a591841687 頭像

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點，但是它的一些細節可能很多人都沒有去關注過。我們都知道，.then, .catch, .finally都可以鏈式調用，其本質上是因為返回了一個新的Promise實例，而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態，很多人心裏可能都沒個底。我自己也意識到了這一點，於是我通過一些代碼試驗，發現了一些共性。如果您對這塊內容還沒有把握，

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR，幫助理解 SSR 是如何實現的，有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染，是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染（CSR），SSR 一般用於以下場景： SEO （搜索引擎優化）：由於部分搜索引擎對 CSR 內容支持不佳，所以 SSR 可以提升網站在

react , ssr , 前端