收藏 / 列表

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

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

react , 前端

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

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

angular , 前端

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

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

教程 , 知識 , 前端 , Javascript

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

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

數據結構 , 架構設計

程序員阿偉 - 《Unity隱藏效率神器:六類冷門工具重塑遊戲開發流程》

多數開發者往往被大量重複且機械的勞作佔據大量時間,比如面對成百上千個場景物件,需要逐一手動調整參數;反覆校驗資源引用是否完整,生怕遺漏任何一個無效鏈接;逐幀調試動畫過渡細節,一點點修正動作銜接的僵硬問題。這些操作不僅消耗着寶貴的開發時間,更會在無形中磨滅開發者的創意靈感,讓原本充滿創造力的工作變得枯燥乏味。而真正高效的開發模式,往往藏在那些被多數人忽視的便捷工具裏,它們並非官方大力主推的核心功能,

遊戲開發

瘋狂踩坑人 - 【深入淺出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 - 在nodejs環境使用依賴注入

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

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

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 - 技術與思維的轉變

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

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

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

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

canvas , HTML , 前端

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

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

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

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中,但是由於調用各廠商的AI接口基本上無法實現完全免費,即使免費額度也是有限制的,所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要,一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口,比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

goblin_pitcher - 二分查找的通用模板

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

數據結構和算法 , 前端

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

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

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

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

1.實現效果 2.實現原理 2.1 rotate3d rotate3d:rotate3d() CSS 函數定義一個變換,它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正,運動將為順時針,如果為負,則為逆時針。 語法: rotate3d(x, y, z, a) 含義: x number 類型,可以是 0 到 1 之間的數值,表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

雲音樂技術團隊 - 基於 GraphQL 的雲音樂 BFF 建設實踐

圖片來自:https://bz.zzzmh.cn/ 本文作者: cgt 背景: 如何解耦大前端與服務端的適配層依賴 談到 BFF,相信大家都不會太陌生,過去在雲音樂,前後端的協作架構一直維持比較傳統的前後端協作模式。各個端所需要的接口完全依賴服務端提供,服務端同學除了需要完成微服務的業務邏輯外,還需要針對前端頁面調度各個領域的微服務,根據前端的數據訴求進行一定程度的組裝和適配。 在年初

graphql , 前端

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

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

AI

劉悦的技術博客 - 石火電光追風逐日|前端優化之次時代圖片壓縮格式WebP的項目級躬身實踐(Python3 PIL+Nginx)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_190 我們知道,在前端界有一個共識:速度就是生命,帶寬就是金錢。怎樣將頁面加載速度有效提升是無數前端工程師無時不刻在思考的課題,目前的網絡環境中,除了視頻,圖片仍舊是佔用流量較大的一部分,對於app端尤其如此,因此,如何在保證圖片視覺不失真的前提下縮小圖片體積,對於節省帶寬和電池電量都十分重要,因此Google在十年前提出了一種

python3 , 圖片壓縮 , webp , 前端優化 , Nginx

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

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

rsa

點墨 - 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

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

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

scss , 前端

雲魚 - 七大經典排序算法總結(算法筆試基礎)

前言 前端面試和筆試中被問到最多的算法可能就是各種排序算法了,算法並不難,平時經常用到,但很多時候很少會去認真考慮算法優劣性和適應場景,真正一個一個去分析也需要花不少時時間,所以趁年末有空,不如再複習一遍排序算法。 所有排序算法讀者可自行嘗試coding,想看源碼戳這裏。此文配合源碼體驗更佳! 排序算法評價標準 時間複雜度 一個算法語句總的執行次數是關於問題規模N的某個函數,記為f(N),N稱為問

排序 , 算法 , 面試 , 筆試 , Javascript

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

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

編輯器 , eclipse , JAVA , 後端