收藏 / 列表

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

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

react , 前端

大雄的叮噹貓 - 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 - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

作用域與詞法環境 這是一個非常核心的JavaScript概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念:作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説,它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義:在任何函數或代碼塊 {} 之外定義的變量或函數,都擁有全局作用域。 生命週期:從定義開始,直到頁面關閉。 訪問性:在腳本中的任何地

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 為什麼總有人説低代碼不行?

我接觸IT領域這麼多年,我太知道IT部門每天要煩惱的問題了: 業務部門急着要一個數據報表系統,IT部門説至少等三個月; 公司想優化辦公流程,報價卻要大幾十萬起步,結果好不容易系統上線了,業務規則一變,又要重新開發,費時費力。 這背後,其實是三個困擾無數企業的核心問題:IT資源永遠不夠用、開發成本居高不下、業務需求變化太快。 這些問題,正是“低代碼”技術要解決的核心。

it , 低代碼 , 開發 , 後端 , 前端

程序員阿偉 - 《3D端遊世界角色技能連招的動畫狀態機輕量化實踐》

角色技能連招的流暢度直接決定玩家戰鬥體驗,而動畫狀態機作為技能動作邏輯的核心載體,其設計合理性與性能表現往往成為關鍵瓶頸。此前參與某武俠題材開放世界端遊“劍影江湖”開發時,團隊曾在主角“多武器技能體系”中遭遇典型困境:該角色需兼容劍、拳、暗器三種武器,每種武器對應5個基礎技能與3個派生連招,傳統動畫狀態機為每個技能單獨創建狀態節點,共生成24個獨立狀態,且各狀態間過渡邏輯重複編寫—當玩家在戰鬥中快

3d

瘋狂踩坑人 - 【深入淺出Nodejs】異步非阻塞IO

概覽:本文介紹了阻塞I/O、非阻塞I/O、多路複用I/O和異步I/O 四種模型,在實際的操作系統和計算機中I/O本質總是阻塞的,通過返回fd狀態和輪詢的方式來使I/O在應用層不阻塞,然後通過多路複用的方式更高效實現這種不阻塞的效果。然後介紹了Node中異步I/O的實現,由於計算機本身的設計使得並不存在真正異步I/O,需要通過線程池來模擬出異步I/O。 I/O模式 I/O模式介紹 1.文件描述符 類

node.js

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

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

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

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

北橋蘇 - 如何將 Python 項目打包成 exe,另帶卸載功能!

前言 雖然我是做 web 的,但是對 Python 的眾多開源項目一直都很關注。像之前的 stable diffusion 的 AI 繪畫,和 so-vits-svc 音色替換等源碼的部署文檔都很完善了。儘管如此,對於剛入門的和本地環境搭建各種踩坑的同學,又急於一試就顯得不太友好了。針對這一現象,網上早有了各種大佬做了一鍵部署的解決方案,不用安裝 Python 環境,不用下載各種依賴包,點一下 e

gui , tkinter , pyinstaller , Python

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 - Spring 使用 itext7-core 根據表單 動態填寫 數據

前言 證書頒發 本來是第三方機構頒發的,由於需求有所更改,現在由 “我們” 頒發證書這個功能。由於每個人的證書都不一樣,但是格式都一樣,所以我們需要一個模板來動態生成證書。 製作表單效果 製作表單的工具:UPDF (收費) 紅色區域是需要填寫的數據。 對應的表單如圖下: 表單分別為:Name、Date、log(圖片)、Year、Moor、Day 注意:設置表單的名稱最好是唯一 引入

文件 , spring , itextpdf , 後台 , itext

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平,根據搜索字符在打平數組裏去filter出滿足條件的node節點,但此時被篩選的節點只有子節點,然後再通過被篩選出的子節點去找對應的父節點,然後拿到結果後轉成tree結構 優點:思路簡單,打平數組用了遞歸,好理解 缺點:找父節點的時候相對麻煩。 2、寫一個遞歸算法,滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

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

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

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

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

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

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

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

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

canvas , 前端 , svg

維李設論 - postMessage踩坑實踐

前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入,這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題,常常用到的方案就是postMessage傳值,而postMessage本身在eventloop中也是一個宏任務,就會涉及到瀏覽器消息隊列處理的問題,本文旨在針對項目中的postMessage的相關踩坑實踐進行總結,也為想要使用postMessage傳遞數據的童鞋提供

iframe , 編輯器 , 低代碼 , postmessage , 跨域

用户bPcSPjP - 微信小程序實現歷史搜索功能(h5同理)

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

起風了 - javascript中的esm是什麼?

esm是什麼? esm 是將 javascript 程序拆分成多個單獨模塊,並能按需導入的標準。和webpack,babel不同的是,esm 是 javascript 的標準功能,在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊,比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

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

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

AI

劉悦的技術博客 - 四位一體水溶交融,Docker一拖三Tornado6.2 + Nginx + Supervisord非阻塞負載均衡容器式部署實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_203 容器,又見容器。Docker容器的最主要優點就在於它們是可移植的。一套服務,其所有的依賴關係可以捆綁到一個獨立於Linux內核、平台分佈或部署模型的主機版本的單個容器中。此容器可以傳輸到另一台運行Docker的主機上,並且在沒有兼容性問題的情況下執行。而傳統的微服務架構會將各個服務單獨封裝為容器,雖然微服務容器化環境能夠在

python3.x , tornado , dockerfile , Nginx , Docker

simonbaker - XSS和CSRF防禦的經典策略

XSS防禦 1、頁面端防禦 頁面端的XSS防禦的方法,主要是針對輸入和輸出。 一般是在輸入的時候進行校驗,輸出的時候進行轉義。 輸入端的校驗: 所有能輸入的數據,都要列為不可信的數據。在邏輯處理或者存儲之前,都要進行校驗。 校驗的規則儘可能採用白名單而不是黑名單,比如只允許哪些字符,其他字符則一律不通過。 輸出端的轉義: 主要是對準備輸出到html的字符進行轉義。特別是用了v-html的地方。 這

csrf , xss

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目,使用gulp自動上傳打包文件到服務器,建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js,將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面,這不太好看,接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景,這樣的效果總會讓人眼前一亮,如下圖所示。 代碼實現 接下來,讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript