收藏 / 列表

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

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 終於有人把數據庫搭建講清楚了

在信息時代,數據已成為最寶貴的資產。 如何科學地管理這些數據,讓它們從雜亂的信息碎片成為有序的知識寶藏? 我們可以藉助數據庫來實現,數據庫能讓數據管理變得高效可靠。 你看,從網站用户信息到購物記錄,從業務報表到日誌數據,幾乎所有現代應用都離不開數據庫的支撐。 今天我就來給大家聊聊數據庫怎麼搭建,有哪些困難和挑戰,在今後發展中,它有着什麼樣的發展趨勢。 一、數據庫的定義 數據庫,就是一個高度結構化的

觀點 , 大數據 , 教程 , 數據庫

程序員阿偉 - 《3D可交互道具開發痛點解決:輕量化建模與解耦式邏輯實踐》

開放世界項目的可交互道具設計往往面臨“視覺精度”與“性能消耗”的雙重矛盾,我曾參與一款以盛唐為背景的古風開放世界項目開發,初期對場景中的核心可交互道具(如裝着藥材的陶罐、存放武器配件的木箱、用於解謎的青銅燈)採用傳統建模與邏輯綁定方案—每個道具均按高模標準制作,單模型面數普遍在2000-3000面,且交互邏輯(如“擊碎陶罐掉落藥材”“開啓木箱獲取道具”)直接寫入模型渲染腳本。這種方式在PC端測試時

3d

瘋狂踩坑人 - 別再説我不懂Node"流"了

Nodejs中包括4種類型的流:Readable、Writable、Duplex和Transform. Readable Stream 自定義Readable 自定義 Readable 流必須調用 new stream.Readable([options]) 構造函數並實現 readable._read() 方法。 import { Readable } from "node:stream"

node.js

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

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

react , vue.js , angular , 前端

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

chongdongdedaxiongmao_kxfei - Vue.js:輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架,因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發,也可用於構建複雜的單頁面應用(SPA)。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js(簡稱 Vue)由尤雨溪於 2014 年推出,是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

TANKING - 官方接口!微信域名檢測接口!檢測域名在微信是否被封被攔截!

摘要 為什麼需要這個接口?因為在微信中推廣鏈接,會涉及到違規,一旦鏈接違規,就會被微信封禁,禁止跳轉,停止訪問。 這個接口可以獲取到你的鏈接的封禁情況,你可以開發實時監控系統,或者是嵌套多層跳轉,精準監控每個域名的狀態,實時監控推廣情況,保證最佳的推廣效果! 域名在微信被攔截的3種常見情況 1、域名因違規或有風險被攔截(圖1紅色攔截) 2、類似 douyin.com 這種的競爭式攔截(圖

微信 , 微信開發 , php , 域名 , 檢測

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日,第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範,這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map,Map中的 key由回調提供: Map.groupBy([0, -5, 3, -

ecmascript , 前端 , 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 - Thymeleaf的使用

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

spring-mvc , thymeleaf , springboot , JAVA , HTML

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中,你需要兩個外部變量來管理狀態: // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單:在每個請求發出去之前,都帶上當前的 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(

數據結構和算法 , 前端

Winn - 【前端面試】V8事件輪詢

在前端面試中,面試官可能會問你V8的引擎機制,給你這樣的一道題目如下: console.log(1); setTimeout(() = { console.log(2); }); new Promise(reslove = { console.log(3); reslove(); }).then(() = { console.log(4); }); console.log(5)

v8 , 面試 , 瀏覽器原理 , 程序員 , 前端

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

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

canvas , 前端 , svg

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻):https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

麒寧 - 3分鐘搞定:Flex 佈局

flex 佈局原理 全稱 flexible box,彈性佈局。 如何開啓:為元素添加 display: flex。 開啓 flex 佈局的元素,稱為 flex 容器(flex container),其子元素成為容器成員,稱為 flex 項目。 flex 佈局原理:通過給父盒子添加 display: flex,來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Dropdown 下拉麪板 本期將和小夥伴們探討: √ 通過精簡結構,講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址: Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

HeiYanjing - CommonJS模塊分類及加載流程,及模塊加載模擬實現

模塊分類 內置模塊:Node源碼編譯時寫入到二進制文件中 文件模塊:代碼運行時,動態加載 加載流程 路徑分析:依據標識符確定模塊位置(路徑標識符、非路徑標識符) 文件定位:確定目標模塊中具體的文件及文件類型(存在'm1'模塊,導入時使用require('m1')語法,使用m1.js-m1.json-m1.node的順序,如果都沒找到,會被當做一個目錄,查找package.json文件

commonjs