收藏 / 列表

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（6）—— 狀態管理

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs——初識AngularJS

AngularJS——初識AngularJS AngularJS是什麼 AngularJS是Google開源的一款前端JS結構化框架，它通過對前端開發進行分層，極好地規範了前端開發的風格——它將前端開發分為Controller層、Service層、DAO層和Model層。其中，Model對象與HTML頁面（視圖）上HTML元素進行雙向綁定，開發者可通過Controller調用Service、DAO

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 頭像

數據集成與治理 - 元數據管理是什麼？怎麼管？

做數據最怕什麼？ 需要分析業務時找不到數據在哪；各部門對"活躍用户"等指標定義不一，數據對不上；報表出錯時，還得花大量時間排查問題根源…… 這些情況其實就是缺乏對元數據的有效管理。 找數據難、數據口徑不一致、問題追溯效率低等問題，其實把元數據管理做好了，就能解決這些問題。 下面我就來給大家好好講講元數據管理的概念、作用、管理步驟和重要性，幫你找到切實可行的解決方案。 一、什麼是元數據管理？ 咱們先

數據 , 教程 , 知識 , 數據庫

fannaodeliushu 頭像

程序員阿偉 - 《拆解Unity3D開放世界遊戲中動態天氣與粒子特效協同的內存泄漏深層問題》

動態天氣系統與大規模粒子特效的協同運作，這類系統需要實時根據天氣參數的變化，如風力強度、降水量級、能見度係數等，動態調整粒子特效的生成數量、運動軌跡與視覺表現，比如暴雨天氣中雨滴粒子的密集度、下落速度，沙塵天氣中塵埃粒子的擴散範圍等，同時還要兼顧不同硬件設備的性能承載能力，確保在保證畫面效果的前提下，遊戲能穩定運行。然而，在實際開發過程中，一種極具破壞性的“內存泄漏疊加”故障卻頻繁出現，給開發團隊

遊戲 , 3d

fkcaikengren 頭像

瘋狂踩坑人 - 400行mini-react，圖文解説React原理

引言： 在我學習React原理的時候，一上來看的非常全而細節的書/博客（頭大），或者是看的教你實現一個簡單mini-react（還是一知半解），最終學的痛苦又效果不好。所以，寫了這篇博客，希望能幫助您入門React原理。此外，在我看來，這篇文章幫助你應付面試完全足夠了。 説明： 本文章主要圍繞Zachary Lee的 400行實現mini-react 項目進行分析，結合圖文詳細分析

react , 面試 , 教程 , 前端

wszgrcy 頭像

wszgrcy - 在nodejs環境使用依賴注入

前言 一直以來static-injector都遵循修舊如舊原則,把 Angular 的依賴注入完整的提取出來 但是這樣的話在其他平台上必須使用transformer來進行一個靜態轉換,一個是影響速度,還有一個就是加大了配置難度 因為 Angular 的依賴注入增加了inject可以在構造時讀取依賴項,所以基本上不影響功能.如果想使用providedIn可以改為類中加入靜態屬性static

node.js , 依賴注入 , typescript , Javascript , Web

chongdongdedaxiongmao_kxfei 頭像

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

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

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

zero_dev 頭像

北橋蘇 - hexo實戰：（二）個人獨立博客豪華裝修合集

前言 上次介紹了使用 Hexo+GitHub Pages，零成本搭建一個專屬自己的獨立博客網站。我覺得那篇文章是沒有入門門檻的，不管你是什麼行業，只要想打造個人 IP，又不太想受博客平台約束，那麼讀完後動手操作一下也能輕鬆完成。 而這次呢，上篇也説了 Hexo 會出三篇內容，這裏就要在前者基礎上做進一步升級，將完成下面七個主要的博客常用功能。 指標 Hexo 如何安裝 Butterfly

博客搭建與配置 , hexo , 前端

thinking80s 頭像

Thinking80s - 技術與思維的轉變

5.1 技術提升的旅程 隨着技術的不斷提升，我發現自己看待問題的角度也在悄然發生變化。我開始習慣於用編程的邏輯去分析問題，用代碼去解決問題。這種轉變不僅僅體現在我的工作中，更影響了我的整個生活。 詳細內容： 技術的提升是一個持續的過程。我不斷地閲讀技術書籍，參加在線課程，學習新的編程語言和框架。每當掌握一項新技術，我都會感到無比的興奮和滿足。更重要的是，我開始用編程的思維去看待周圍的世界，這讓我在

編輯器 , ruby , xcode , 程序員 , 前端

zz_641473ad470bc 頭像

zZ_jie - 關於不同窗口，訂閲不生效的問題

問題 兩個窗口，顯示組件，A窗口顯示A組件，B窗口顯示B組件，兩個組件共同訂閲一個Service中的Subject，當在A組件中進行修改後，Service中的Subject發送通知，“值變更了”，B組件訂閲不到。 現在打開兩個窗口，每個窗口顯示一個組件，每個組件都訂閲 Service 中的 subjectTest， 在AComponent組件中,每隔一秒發送一條數據： AComponent 組件

rxjs , angular , 訂閲消息 , 前端 , Javascript

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

wswx 頭像

goblin_pitcher - 二分查找的通用模板

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

數據結構和算法 , 前端

vleedesigntheory 頭像

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

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

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

yunpan-plus 頭像

雲棧開源日記 - DeepCode：把論文和想法變成代碼的 AI 工具

看論文時，你是不是也遇到過這種情況？ 明明算法思路看懂了，但要自己從零實現，光是搭環境、調參數就要折騰大半天。或者腦子裏突然冒出個網站創意，想快速驗證一下可行性，卻被前後端開發的工作量勸退了。 最近發現香港大學開源的 DeepCode 項目，專門解決這類問題——用 AI 自動把想法轉成能跑的代碼。 這個工具能做什麼 DeepCode 是一個基於大語言模型的編碼工具，主要功能是把"人的想法"自動轉

AI

nanian_5cd6881d3cc98 頭像

那年 - vue 使用computed報錯 .. was assigned to but it has no setter.

問題： a-radio @change="chooseOther" v-model="tempReadio"其他/a-radio computed: { tempReadio() { if (this.reasonValue == 7) { return true; } else { return false; }

vue.js , 雙向綁定 , computed , 前端 , Javascript

chencaize 頭像

點墨 - node 下載與上傳文件

將node作為應用程序，從某個網站下載文件，然後將其上傳到服務器上。 需要用到的庫 axios:^0.27.2 form-data:^4.0.0 思路: 1.使用axios將文件下載下來，放在tmp文件夾下，responsetype設為arraybuffer，因為寫文件writefilesync需要使用到arraybuffer，不要下載stream流，使用createwritestream寫文件，

react , upload , formdata , 文件上傳 , node.js

xishui_5ac9a340a5484 頭像

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

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

scss , 前端

cloudyttt 頭像

雲魚 - 深入瞭解瀏覽器渲染進程的工作方式

你是否曾經好奇過瀏覽器是如何渲染網頁的？本文將通過 30 張圖將帶你瞭解瀏覽器渲染進程的內部工作機制。 渲染進程負責處理標籤頁中的所有內容。 在渲染進程中，主線程處理大部分發送給用户的代碼。如果使用 Web Worker 或 Service Worker，部分 JavaScript 會由工作線程處理。另外，合成器線程和光柵化線程也在渲染進程中運行，確保網頁高效、流暢地渲染。 渲染進程的核心任務是將

性能優化 , 面試 , 瀏覽器原理

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Java基礎學習教程，eclipse簡單安裝使用講解（Java集成開發工具）

使用集成開發工具eclipse 開始之前，先給大家分享一個超詳細的eclipse教程，包含eclipse安裝包，視頻講解等等。 https://www.bilibili.com/vide... 1、java的集成開發工具很多，包括：eclipse、Intellij IDEA、netbeans..... eclipse IBM開發的。eclipse翻譯為：日食。寓意吞併SUN公司（SUN是太陽

編輯器 , eclipse , JAVA , 後端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - JVS低代碼列表引擎，一鍵觸發URL地址傳參

在當今的數字化時代，列表頁作為信息展示的重要載體，JVS低代碼提供列表頁按鈕的觸發URL地址傳參功能。這一功能不僅簡化了操作流程，還為用户提供了更加個性化的服務。 列表頁按鈕觸發URL地址傳參 示例説明： 配置入口： 列表設計→添加按鈕→按鈕類型（內嵌地址、外鏈地址）→設計 通過配置入口，用户可以輕鬆添加按鈕，並根據需求選擇內嵌地址或外鏈地址。 注意：行內位置可以取當前登錄

低代碼 , 傳參 , url

tusi_5c8a591841687 頭像

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

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

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

integrated_product_development 頭像

IPD產品研發管理 - 如何通過TR技術評審管控IPD開發風險？

作為產品開發全流程的技術風險管控實踐，TR（Technical Review，技術評審）自然是IPD流程中不可或缺的一環。 接下來我們需要明確：TR評審是什麼？ 一般TR評審是團隊對技術方案、設計輸出、驗證結果做的系統性審查，主要確保產品的技術路線合規、性能達標、可製造性可控，避免因技術問題導致開發返工、成本超支或上市延期。 一、TR評審在IPD中有什麼作用？ 在IPD中，TR評審貫穿產品開發的

觀點 , segmentfault , 程序員 , 後端 , 前端