收藏 / 列表

yayujs - SvelteKit 最新中文文檔教程(7)—— 構建和部署

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

react , 前端

大雄的叮噹貓 - Angularjs的重要概念

AngularJS的重要概念 MVC模式 AngularJS最早按照MVC模式設計,在這種設計模式下,AngularJS組件可以分為: M: Model,即模型,是應用程序中用於處理應用程序數據邏輯的部分,在AngularJS中: 即作用域對象(當前為$rootScope), 它可以包含一些屬性或方法; 充當儲存數據的容器; 提供操作數據的方法。 V: View

angular , 前端

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

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

教程 , 知識 , 前端 , Javascript

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

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

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

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

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

開發工具

瘋狂踩坑人 - 400行mini-react,圖文解説React原理

引言: 在我學習React原理的時候,一上來看的非常全而細節的書/博客(頭大),或者是看的教你實現一個簡單mini-react(還是一知半解),最終學的痛苦又效果不好。所以,寫了這篇博客,希望能幫助您入門React原理。此外,在我看來,這篇文章幫助你應付面試完全足夠了。 説明: 本文章主要圍繞Zachary Lee的 400行實現mini-react 項目進行分析,結合圖文詳細分析

react , 面試 , 教程 , 前端

wszgrcy - [Angular]單運行時多項目共享依賴方案

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

angular , webpack , angular2 , 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

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

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

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

北橋蘇 - 零成本 API 服務搭建,用 GitHub Actions 自動爬取文章?

前言 本着將成本降到最低,我目前做的應用或小程序都是單機的,也就是不用請求接口,只要一上架就沒有任何支出。但是寫死的數據畢竟有限,應用的內容單一無法緊跟時事熱點,每次打開一個樣,自然就沒有留存。遇到有錯字啥還要更新版本,那有沒有方法既能豐富應用內容,又不用增加成本呢? 既要又要,當然也有,找網上提供的免費 API 接上去。但是這種有請求數限制,而且還和自己應用的業務不相關,那就只能自己弄接口了。

github-pages , github-actions , 運維

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 - Flex 佈局學習總結(對齊方式)

一、Flex佈局是什麼 Flex佈局是一種現代的、彈性的CSS佈局模型,一般簡稱彈性佈局, 全稱為Flexible Box Layout。它提供了一種更加高效、直觀的方式來設計、排列和對齊容器中的子元素。Flex佈局適用於響應式設計,能夠輕鬆適應不同屏幕大小和設備類型。 二、基本概念 容器默認存在兩根軸:水平的主軸(main axis)和垂直的交叉軸(cross axis)。主軸的開

flex , 前端

健兒 - 無感刷新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 - 數據結構算法小結

前言 解決問題思維方式 假設我們有一整套螺絲刀,要進行筆記本清灰操作,我們主要的思維邏輯如下: 若要清灰,必須先取出風扇 若要取出風扇,必須先把從外殼到風扇的螺絲全部拆下 那麼清灰問題就變成了拆一堆不同規格的螺絲,當我們看到不同規格的螺絲,就會比較螺絲口大小、形狀和螺絲刀規格,從而選取對應的螺絲刀。 可以看出,當我們遇到一個複雜問題,下意識的思維方式就是將一個複雜問題,轉移成我們熟知的一些

數據結構和算法 , 前端

Winn - 拼多多海外電商Java開發面試覆盤

今天帶來我的好友健哥面試拼多多海外電商Java崗的一個覆盤 前言 大家好,我是健哥。今天跟大家覆盤一下自己面試拼多多的一個情況。我投的是拼多多的海外電商部門Java崗,大家其實也知道現在這個互聯網的大環境不太好,拼多多算是HC比較多的,現在還在大規模招人的一家公司。海外電商可以説是整個拼多多未來的一個經濟增長點或者説是整個拼多多最看好的或者説寄厚望的一個業務。 拼多多的面試主要是兩輪技術面加上一輪

redis , 高併發 , 面試 , 數據庫 , JAVA

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

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

canvas , 前端 , svg

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Rate 評分 本期將和小夥伴們探討: √ 通過 CSS,配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址: Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章: 主推學以致用。結合面試題和工作實例,讓小夥

css3 , css3動畫 , 前端

HeiYanjing - 根據webpack打包規則,實現簡單的打包手寫實現

首先導入導出分為幾類 CommonJS導入CommonJS EsModule導入CommonJS EsModule導入EsModule 根據實現規則,簡單代碼樣例 // index.js // import log,{age} from "./log.js" // // let log = require('./log.js') // console.log('index.js內容')

ecmascript-6 , commonjs , webpack4

維李設論 - postMessage踩坑實踐

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

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

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

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

css3動畫 , 前端

起風了 - 封裝一個方法,獲取頁面url中的參數值?

封裝一個方法獲取頁面url參數,可作為框架基礎方法使用: //獲取url參數; 正則獲取url參數,包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

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

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

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