收藏 / 列表

yayujs - SvelteKit 最新中文文檔教程(7)—— 構建和部署

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

react , 前端

大雄的叮噹貓 - Angularjs的重要概念

AngularJS的重要概念 MVC模式 AngularJS最早按照MVC模式設計,在這種設計模式下,AngularJS組件可以分為: M: Model,即模型,是應用程序中用於處理應用程序數據邏輯的部分,在AngularJS中: 即作用域對象(當前為$rootScope), 它可以包含一些屬性或方法; 充當儲存數據的容器; 提供操作數據的方法。 V: View

angular , 前端

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

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

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 五問數據質量,一文講透從根源到治理應用

近年來,在國家推動一系列企業數據相關政策的大背景下,數據要素化改革正在全方位鋪開。數據已經從“輔助決策的信息資源”轉向“​驅動新質生產力和產業變革的核心要素​”。 根據《數據管理能力成熟度評估模型(DCMM)》的定義,數據治理主要包括質量、標準、組織、架構、安全五大支柱性能力。其中,“數據質量”被明確列為首要維度,其考察標準不僅包括數據本身的正確率、缺失率、重複率等指標,還關注企業是否建立起可持續

數據可視化

程序員阿偉 - 《開發者必看的應用商店突圍實戰手冊》

無數開發者潛心打磨數月甚至數年,將技術洞見轉化為功能紮實的工具,卻往往在應用商店上架這最後一道關卡折戟沉沙,或是上架後陷入“零曝光、零下載”的沉寂。這並非技術本身存在硬傷,而是大多數開發者陷入了“重技術、輕生態”的思維誤區,忽視了應用商店作為技術工具觸達用户的核心載體,其背後隱藏着一套複雜的生態邏輯與用户決策鏈條。上架從來不是簡單的文件提交與審核流程,而是一場從工具定位、生態適配到合規打磨、體驗優

開發工具

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

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

chrome , 教程 , 知識 , 前端

wszgrcy - 程序員如何封裝邏輯?

程序員如何封裝邏輯? 封裝 關於封裝代碼,我想大家都知道,提高可讀性,使代碼更清晰,更易於維護 那麼什麼是封裝邏輯?舉個例子,假如我想修改某個函數的傳參,將foo(a,b)改成foo(b,a),我們可以將a剪切到b後面,或b剪接到a前面,這就是我們的在操作時邏輯,而封裝邏輯,就是代替我們執行這個操作,我們只需要調用,就會有人幫我們實現 為什麼要封裝邏輯? 剛才舉的例子,只是交換一下參數

開發工具 , 開發 , 技術分享 , 架構模式

chongdongdedaxiongmao_kxfei - 深入 JavaScript:前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言,最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言,JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一,還隨着 Node.js 的出現,逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景,幫助你掌握這門現代化的編程語言。 一

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

北橋蘇 - Hexo最新實戰:(一)Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵,為什麼我又要搭一個?為什麼這次要選擇用Hexo框架? 對應的原因是流量自由和省錢,第一個,很多平台能寫但不是都有收益,而且平台有自身的規則,比如會屏蔽一些推廣類信息。如果我哪天做了一產品,是沒辦法直接用平台博客的方式硬推的,至少放碼和鏈接不行。第二個用Hexo搭到GitHub上,我可以不用買服務器,畢竟現在也還沒有想法要做一個什麼樣的東西。 總之,有個獨立博客

hexo , 前端 , Javascript

Thinking80s - 我的編程之路

3.1 初識編程 在深圳的這個新起點,我開始了對編程世界的探索。哥哥不僅是我的家人,也成了我編程路上的第一位導師。他耐心地從基礎開始教我,從變量、數據類型到條件語句、循環結構,每一個概念都講解得清清楚楚。 詳細內容: 我還記得第一次編寫代碼時的緊張和興奮。那是一段簡單的程序,用來計算兩個數的和。儘管現在看來非常簡單,但當時卻讓我激動不已。隨着時間的推移,我逐漸掌握了更多的編程知識,開始嘗試編寫更復

服務器 , ruby , 數據庫 , 深度學習 , 前端

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

zZ_jie - SpringBoot實踐設計模式———裝飾者模式

什麼是裝飾者模式? 裝飾者模式屬於結構型設計模式之一,主要目的是通過包裝對象而不是繼承來擴展功能。這種模式允許用户動態地為對象添加新的行為而無需修改其源代碼。這與繼承相比提供了一種更為靈活的方式來擴展功能。 裝飾者模式的關鍵組成部分: 抽象組件(Component):定義核心業務接口。 具體組件(ConcreteComponent):核心業務實現類,實現了抽象組件接口。 裝飾器(Dec

設計 , 裝飾者模式 , spring

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數(異步和同步問題)的坑

大致問題是: 通過map或者foreach循環的回調函數操作數組,回調函數內部有ajax異步函數,通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來,基礎知識,在理解map和foreach這個api不夠深刻,也對await 關鍵詞的使用場景理解不透徹(雖然是for循環,但作用域函數可以找

promise , await-async , map , for循環 , Javascript

Gomi - 加速你的 Bun 並行開發:bun-tasks 全攻略

加速你的 Bun 並行開發:bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本,又不想為兼容性煩心,bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器,幫你在一條命令中啓動多個任務、智能合併環境變量,並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用,就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

goblin_pitcher - 二分查找的通用模板

二分查找的概念本身很容易理解,這裏不做贅述。其使用前提只有一個:單調數組 樸素二分查找 當在一個有向數組中,查找數組中是否有某個值,代碼很簡單: const binarySearch = (nums, target) = { let l = 0; let r = nums.length - 1; while(l=r) { const mid = (l+r) 1 if(

數據結構和算法 , 前端

袋鼠雲數棧UED - 流程圖渲染方式:Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霽明 背景 我們產品中會有一些流程圖應用,例如審批中心的審批流程圖: 我們數棧產品內的流程圖,基本都是使用的 mxGraph 實現的,mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph,還有其他一些流行的庫,例如:Re

canvas , 前端 , svg

維李設論 - 面向邊緣場景的PWA實踐

背景 隨着5G技術的發展,物聯網邊緣側主要應用於數據傳輸量大、安全要求高以及數據實時處理等行業與應用場景中。其中,邊緣計算是一種分佈式計算模式,其將計算資源和數據處理能力推向接近數據源的邊緣設備,以減少延遲並提高響應速度。 對前端領域而言,面對邊緣場景下的應用開發也發生了相應的變化,其通常需要考慮邊緣側與終端側的實現方式,並且還需考慮相較於傳統 B/S 架構下的部署方案。本文旨在通過工業互聯網場

pwa , 雲計算 , 邊緣計算 , serverless , 前端

用户bPcSPjP - css實現炫酷的圓環相交轉動動畫

1.實現效果 2.實現原理 CSS perspective 屬性:屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。(請與 perspective-origin 屬性一同使用該屬性,這樣您就能夠改變 3

css3動畫 , 前端

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

雲棧開源日記 - 從Transformer到LLaMA:AI大模型工程化實踐完整路徑解析

大模型API調用會用,但不理解背後原理?微調訓練無從下手?本文從底層架構到工程實踐,拆解完整技術路徑。 大模型技術體系全景:從原理到工程實踐 隨着ChatGPT引發的AI浪潮,大模型技術已成為開發者必備技能。但從API調用到深入理解架構原理,再到企業級應用落地,中間存在明顯的知識斷層。本文整理了一套完整的學習資源,幫助開發者系統掌握大模型技術棧。 技術棧覆蓋範圍 基礎理論層 內容涵蓋必要的數

AI

劉悦的技術博客 - 前端已死?全棧當立?取法於中,僅得其下。

開篇明義,前端已死?根本就是扯淡。前端技術精微淵深,駁雜寬廣,除了基礎的 HTML、CSS 和 JavaScript 技術外,前端技術還涉及到許多其他相關技術和工具,比如前端框架、UI 庫、自動化構建工具、代碼管理工具等等。這些技術並沒有死,反而生態圈愈發健壯,但為什麼前端已死的論調甚囂塵上? 前端市場萎靡 前端技術並未消亡,但前端工程師的坑位卻逐年減少,為什麼?是由於競爭加劇、市場飽和、經濟衰退

行業 , 前端框架 , 前端工程師 , 行業週刊 , 前端

simonbaker - 再談XSS攻擊的例子

舉個例子 Demo1 - 你好 在瀏覽器輸入:http://testxss.com/xss/demo1.html?search=你好 頁面效果如下所示: demo1.html的代碼如下所示: head meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1.0" /

xss

點墨 - 使用 egg-cloud 調用 dubbo 服務

參考https://www.yuque.com/egg/nod...進行配置,就自身遇到的幾個問題進行記錄。 已運行成功環境: java 1.8 nacos:1.0.0 dubbo-consumer:1.0.0 常見問題: 一、安裝和啓動nacos,需要配置數據庫:先在mysql數據庫裏執行nacos-mysql.sql腳本,然後修改application.propert

dubbo , eggjs , nacos

夕水 - SCSS即將廢棄`@import`,以前的`@import`該何去何從?

SCSS即將廢棄@import,以前的@import該何去何從? 1. 引言 隨着前端開發技術的不斷髮展,SCSS(Sass)作為一種流行的CSS預處理器,已經在眾多前端項目中得到了廣泛應用。其優雅的語法、強大的功能以及靈活的模塊化機制,使得開發者能夠更加高效地構建和管理樣式表。然而,隨着SCSS的不斷迭代更新,我們也迎來了一個重要的變革:@import語法即將被廢棄。雖然@import曾經是SC

scss , 前端