收藏 / 列表

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

前言 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 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 數據字典是什麼?和數據庫、數據倉庫有什麼關係?

公眾號不引流 工作中處理數據時,你是否曾被這些問題所困擾: 數據庫裏的字段名到底是什麼意思?報表裏的指標是怎麼算出來的?某個數據是從哪裏來的? 數據字典就是專門解答這些問題的工具。 它​詳細記錄了數據的名稱、具體含義、類型、長度、可能的取值範圍、從哪裏來、怎麼算的等關鍵信息​。無論是寫代碼的開發者、用數據做分析的同事,還是管理數據的人員,都需要數據字典來準確理解和使用數據。今天這篇文章會直接告訴你

數據結構 , 數據庫

程序員阿偉 - 《編程工具上架應用商店的避坑+引流全攻略》

做編程工具開發的人大概都有過這種扎心體會:悶頭寫了大半年代碼,從核心功能到細節優化,反覆測試了幾十遍,甚至邀請身邊同行幫忙試用,都覺得功能紮實、體驗流暢,滿心期待提交到應用商店,結果要麼被審核員反覆駁回,每次駁回理由都模稜兩可,改來改去耗了一兩個月還沒上線;要麼好不容易上架成功,卻陷入“零曝光、零下載”的沉寂,後台數據一片慘淡,連個真實用户的反饋都收不到。一開始我總鑽牛角尖,覺得是自己的技術不夠硬

開發工具

瘋狂踩坑人 - 【深入淺出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]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

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

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

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

北橋蘇 - hexo實戰:(二)個人獨立博客豪華裝修合集

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

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

Thinking80s - 技術與思維的轉變

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

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

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd,但是能人力預算不太夠,所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST? AST(Abstract Syntax Tree,抽象語法樹)是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST,可以理解代碼的結構和含義,實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

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

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

canvas , HTML , 前端

健兒 - 從一個請求封裝的“死循環”Bug,我學到了什麼?—— 深入剖析 async/await 與錯誤處理 前言:那個讓我頭疼的下午

我們都曾經歷過這樣的下午:一個看似邏輯嚴密的模塊,在實際運行時卻表現得像個失控的野獸。我的故事,就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400(需要登錄)或 4_01(Token 失效)時,自動完成登錄或刷新 Token,然後再重新發起剛才失敗的請求。然而,它卻在某些情況下陷入了可怕的無限循環,瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , 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

HeiYanjing - 尋找webpack打包入口

node_modules下.bin目錄下有一個webpack.cmd腳本文件,組裝定位了要執行的webpack.js文件 "%~dp0\node.exe" "%~dp0\..\webpack\bin\webpack.js" %* 將啓動文件指向了webpack目錄下的bin\webpack.js。 在webpack.js文件中,有一個runCommond方法和isInstalled判斷包是否安裝

webpack4

維李設論 - 從2023看2024前端發展趨勢

前言 流光溯影,縱觀2023全年,整個前端業界呈現出百業凋零之狀,更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業,除了AI領域的大語言模型爆發外,整體都鮮有特別亮眼及突出的技術展現。故而,作為IT領域中細分方向的前端行業,加之整體經濟週期的影響,今年的這種形勢也算因之有素。然則,行有不得則需反求諸己,私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此,以下個人將分享一些各位前端

2023-年度總結 , 大前端 , 前端工程化 , 前端工程師 , 可視化

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

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

css3動畫 , 前端

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下,不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js(如果沒有就新建,在項目根目錄) 在config-overrides.js文件裏重寫postcss,加入如下代碼 這文件將a

react , px2rem , rem , html5

知曉雲 - 第十章:小程序表單與醫療急救卡(下)

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 在上一節,我們瞭解了許多表單組件的用法。在這一節,我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件,用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼:/

移動web開發 , 微信小程序 , 小程序 , 前端

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

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

AI

幸福的鬧鐘 - 普通程序員的“技術債滾雪球”……讓我升職後的一件事就是“降本增效”?

🚧 本文沒有技術乾貨,只有技術人的乾巴人生。建議帶點冰闊落一起服用。 一、從Spring MVC到Spring Cloud,人生第一次“技術債滾雪球” 我工作的第八年了,回頭看自己這一身技藝。 最開始是Spring MVC,配置寫得像祖傳配方,一層包一層。 後來接觸Spring Boot,像打開了人生外掛,啓動速度快到讓我以為自己寫的服務終於不再有Bug了。 再後來,Spring Cloud來了

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

劉悦的技術博客 - 運籌帷幄決勝千里,Python3.10原生協程asyncio工業級真實協程異步消費任務調度實踐

我們一直都相信這樣一種説法:協程是比多線程更高效的一種併發工作方式,它完全由程序本身所控制,也就是在用户態執行,協程避免了像線程切換那樣產生的上下文切換,在性能方面得到了很大的提升。毫無疑問,這是顛撲不破的業界共識,是放之四海而皆準的真理。 但事實上,協程遠比大多數人想象中的複雜,正因為協程的“用户態”特性,任務調度權掌握在撰寫協程任務的人手裏,而僅僅依賴async和await關鍵字遠遠達不到“調

調度器 , python3.x , async , 協程 , Python