收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - 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 頭像

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

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

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 一文講清：數據清洗、數據中台、數據倉庫、數據治理

你有沒有遇到過這種情況？ 業務部門急着要一份數據報告，IT同事折騰了好幾天，最後告訴你數據對不上，或者根本取不出來。 公司開會，兩個部門拿着同一項業務指標的數據爭論不休，因為大家手裏的數字根本不一樣。 想上線一個精準營銷活動，技術卻説底層數據沒法實時支持，只能作罷。 聽着是不是很熟悉？這些問題，本質上都不是某個技術點的故障，而是企業的數據體系沒有搭建完整。 我剛開始接觸數據分析的時候也是

數據 , 數據可視化 , 數據分析

fannaodeliushu 頭像

程序員阿偉 - 《邊緣端工業系統的編程優化與性能突破》

去年，我為某汽車零部件製造廠開發設備能耗優化系統，核心目標是解決傳統能耗管理“只統計不落地”的痛點—工廠內空壓機、注塑機、製冷機組三類核心設備能耗佔比超70%，但傳統監控系統僅能顯示總能耗數值，無法定位“空轉浪費”“過載運行”“參數錯配”等隱性問題，月度無效能耗佔比高達15%，相當於每月白白損耗近12萬度電；更棘手的是，不同設備分屬不同控制系統，空壓機採用Modbus協議接入PLC，注塑機通過Pr

網絡

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，速通TCP、HTTP(s)、DNS、CDN、websocket、SSE

引言： 本文用通俗簡練的語言又不失細節（自認為doge）地介紹TCP/UDP、HTTP、HTTPs、DNS、CDN、Websocket和SSE等。本文面向求職面試人羣，比較全面的歸納了面試中計算機網絡涵蓋的面試點，你可以結合本文自行拓展深度和廣度。如果你準備時間不夠，更加推薦你看這篇文章！ 如果錯誤或侵權之處歡迎指正和聯繫我。 一、OSI 七層模型 計算機網絡的7層模型，也稱為O

tcp , dns , HTTP , HTTPS , cdn

wszgrcy 頭像

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

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

TANKING - 原生JavaScript實現的SPA單頁應用（hash路由）

什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了

vue.js , 單頁應用 , 路由 , spa , Javascript

danjuanfe 頭像

前端蛋卷 - 什麼？前瞻斷言和後瞻斷言居然可以這麼牛？

JavaScript 中的前瞻斷言（lookahead）和後瞻斷言（lookbehind）相信用過的小夥伴就知道它的威力了，在一些特定的需求場景下，可以做到四兩撥千斤的作用，今天讓我們來盤點一下在 JavaScript 正則表達式中這兩個秘密武器吧。 前瞻斷言和後瞻斷言，在其他語言的正則表達式中也存在，這個特性不是 JavaScript 的專屬 概念定義 不管是前瞻斷言還是後瞻斷言，最終目的都是尋

前瞻 , 正則表達式 , 前端 , Javascript

zero_dev 頭像

北橋蘇 - Hexo最新實戰：（一）Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵，為什麼我又要搭一個？為什麼這次要選擇用Hexo框架？ 對應的原因是流量自由和省錢，第一個，很多平台能寫但不是都有收益，而且平台有自身的規則，比如會屏蔽一些推廣類信息。如果我哪天做了一產品，是沒辦法直接用平台博客的方式硬推的，至少放碼和鏈接不行。第二個用Hexo搭到GitHub上，我可以不用買服務器，畢竟現在也還沒有想法要做一個什麼樣的東西。 總之，有個獨立博客

hexo , 前端 , Javascript

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

linong 頭像

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

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

ast , typescript , babel , 前端 , Javascript

zz_641473ad470bc 頭像

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

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

canvas , HTML , 前端

jianer 頭像

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

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

Ajax , 前端 , Javascript

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

winnn 頭像

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 , 面試 , 瀏覽器原理 , 程序員 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

zaotalk 頭像

前端早早聊 - 今天聊：2~4 年前端走出離職困境與舒適區

本文寫於 2019 年，原鏈接 404 了，重新發布同步於此。1 萬個小時和 3 萬行代碼，會成為工作前 4 年非常核心的量化指標，把握住這段週期，可以在職場建立非常有競爭力的擇業優勢，更關鍵的是自己真正的潛能會被挖掘出來，繼而有機會成為那個心目中的大牛，而把握二字，知易行難，背後需要不斷的走出舒適區，不斷的突破困境區，需要你的決心和勇氣。我是一個做了10 年前端、堅信創業是場修行的趕路人，如果你

職業發展 , 前端工程師 , 職業規劃 , 程序員 , 前端

ning_643b67be37ac3 頭像

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

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

flex , typescript , 前端 , Javascript

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

heiyanjing 頭像

HeiYanjing - webpack4和webpack5打包資源文件配置差異

項目中會有一些資源文件，比如圖片資源，字體資源文件等。這些文件在打包的時候需要移動到dist目錄 webpack4中，打包這些資源文件，需要用到url-loader和file-loader, file-loader把文件輸出到一個文件夾中，在代碼中通過相對 URL 去引用輸出的文件 (處理圖片和字體) url-loader與 file-loader 類似，區別是用户可以設置一個閾

webpack5 , webpack4