收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

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

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

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分：核心概念 - 為什麼需要原型？ JavaScript 在誕生之初，被設想為一種簡單的腳本語言，並未打算引入類的概念。為了實現對象之間的屬性和方法共享，從而節省內存並建立繼承關係，設計了基於原型的繼承模型。 第二部分：理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 一文教你讀懂數據架構

我發現很多企業做數字化，都遇到過這些問題： 上了ERP、MES、SCADA等系統，但數據互不聯通； 想做個生產分析，發現數據在ERP裏，質量數據在MES裏，設備數據又在另一個系統； 領導想看實時生產情況，IT部門卻要花好幾天整理數據。 但説到底，我們不是沒有數據，而是缺少一套能夠打通數據、真正服務業務的數據架構。 一、先搞清楚什麼是數據架構 一提到“架構”，有人覺得是 IT 部門的“技術

數據結構 , 架構設計

fannaodeliushu 頭像

程序員阿偉 - 《突破同質化：太空殖民地NPC行為差異化的底層架構》

開發太空殖民地經營遊戲時，初期對NPC行為的設計陷入流程固化的困境。當時策劃僅劃分礦工、工程師、醫療兵三種基礎職業，每種職業的行為流程完全固定，比如礦工每天固定時段前往預設礦點採礦，結束後直接返回宿舍，全程無任何變量調整，便採用線性流程腳本的實現方式，認為能滿足基礎生存經營需求。未曾想測試階段策劃追加“設備故障應急處理”“資源優先級動態調整”需求，比如礦點出現輻射泄漏時礦工需暫停採礦並上報，能源短

架構

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，讓面試沒有難撕的JS基礎題

背景介紹： 從研一剛開始找實習到現在秋招，這一路經歷了不少八股拷打，經常被要求手撕一些js基礎題，每次面試完後不語，只是默默打開筆記，把被問到的八股/手撕自己整理，方便日後複習。因此，記錄了很多手撕題，在此做個分享，有誤之處歡迎討論指正。 下面的幾乎每道題都是筆者被大廠問到過的，都是些基礎的題目，基礎不牢地動山搖，書到用時方恨少啊~。切忌走馬觀花，務必深刻理解爛熟於心。建議

面試 , 知識 , 前端 , Javascript

wszgrcy 頭像

wszgrcy - 我從 Angular 中分離出來本地化:`@cyia/localize`

最近在做 VSCode Extension 開發的時候,發現一個問題,插件部分和 WebView 部分有時候會共用一部分代碼,而這部分代碼裏又恰好有需要翻譯的內容,這就導致 VSCode 本身提供的 l10n 沒法使用 因為 WebView 部分頁面是使用 Angular 開發,所以如果能用一種翻譯實現是最好的了,所以我想到了 Angular 中的 localize,對分離模塊,使其成為通用

angular , node.js , l10n , i18n , 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 - 我的編程之路

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

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

zz_641473ad470bc 頭像

zZ_jie - Thymeleaf的使用

前言 由於釘釘機器人發送Markdown消息 手機部不支持table格式顯示（pc端支持table格式顯示），打算使用thymeleaf顯示信息。因為thymeleaf是 Spring boot推薦的引擎模版，站在巨人的肩膀上！如果您有更好的推薦，先謝謝您！ 什麼是thymeleaf 在官網中有這麼一條介紹： Thymeleaf is a modern server-side Java temp

spring-mvc , thymeleaf , springboot , JAVA , HTML

gomi 頭像

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

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

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

wswx 頭像

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

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

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

vleedesigntheory 頭像

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

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

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

yunpan-plus 頭像

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

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

opensource

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

點墨 - JavaScript計算字符串實際長度

計算字符串的實際長度,雙字節字符(包括漢字在內)長度計2,ASCII字符計1 方法1:使用match: export function getByteLenMatch(data) { let result = 0; for (let s of data) { result += s.match(/[^\\x00-\\xff]/ig) == null ? 1 : 2; } r

長度 , string , Javascript

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

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

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

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

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 從0到1：JVS低代碼平台如何10分鐘配置化實現表格模型數據的創建和回顯

在現代企業管理系統中，數據處理的核心往往圍繞“一對多”關係展開——一份訂單對應多個商品、一個倉庫包含多種物資、一名員工關聯多條考勤記錄……如何高效、清晰、一致地管理這類結構化數據，是每一個業務系統設計的關鍵思考。 在JVS低代碼平台中，通過表單引擎的表格組件和靈活的主子表結構設計，讓複雜的數據關聯變得直觀可控。不再需要深入的編碼，簡單拖拽和配置就可以實現。 表格數據是什麼？

表單 , 低代碼 , 低代碼開發平台

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

zxbing0066 頭像

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

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

puppeteer , 前端

integrated_product_development 頭像

IPD產品研發管理 - 如何用複用省下數十億研發成本？IPD的CBB重用開發策略

不知道你們企業有沒有遇到過這種問題？庫房裏堆着十幾種功能相似的主板，採購成本居高不下，生產換型時還頻頻出錯。 這些生產中無處不在的重複浪費，不僅拖慢了產品上市的節奏，還讓研發成本像無底洞一樣消耗着企業的資源。 在IPD（集成產品開發）中，對這類重複的研發投入提出了成熟的解決方案——CBB（公共模塊）。IPD強調基於平台的異步開發與重用策略，而CBB的核心目標是推動不同項目、不同產品線共享成熟模塊，

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