收藏 / 列表

yayujs - SvelteKit 最新中文文檔教程(6)—— 狀態管理

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

react , 前端

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象,它代表一個異步操作的最終完成(或失敗)及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態(進行中)

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 元數據管理是什麼?怎麼管?

做數據最怕什麼? 需要分析業務時找不到數據在哪;各部門對"活躍用户"等指標定義不一,數據對不上;報表出錯時,還得花大量時間排查問題根源…… 這些情況其實就是缺乏對元數據的有效管理。 找數據難、數據口徑不一致、問題追溯效率低等問題,其實把元數據管理做好了,就能解決這些問題。 下面我就來給大家好好講講元數據管理的概念、作用、管理步驟和重要性,幫你找到切實可行的解決方案。 一、什麼是元數據管理? 咱們先

數據 , 教程 , 知識 , 數據庫

程序員阿偉 - 《開發者必看的應用商店突圍實戰手冊》

無數開發者潛心打磨數月甚至數年,將技術洞見轉化為功能紮實的工具,卻往往在應用商店上架這最後一道關卡折戟沉沙,或是上架後陷入“零曝光、零下載”的沉寂。這並非技術本身存在硬傷,而是大多數開發者陷入了“重技術、輕生態”的思維誤區,忽視了應用商店作為技術工具觸達用户的核心載體,其背後隱藏着一套複雜的生態邏輯與用户決策鏈條。上架從來不是簡單的文件提交與審核流程,而是一場從工具定位、生態適配到合規打磨、體驗優

開發工具

瘋狂踩坑人 - 【面試系列】萬字長文,讓面試沒有難撕的JS基礎題

背景介紹: 從研一剛開始找實習到現在秋招,這一路經歷了不少八股拷打,經常被要求手撕一些js基礎題,每次面試完後不語,只是默默打開筆記,把被問到的八股/手撕自己整理,方便日後複習。因此,記錄了很多手撕題,在此做個分享,有誤之處歡迎討論指正。 下面的幾乎每道題都是筆者被大廠問到過的,都是些基礎的題目,基礎不牢地動山搖,書到用時方恨少啊~。切忌走馬觀花,務必深刻理解爛熟於心。建議

面試 , 知識 , 前端 , Javascript

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

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

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

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

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

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

TANKING - 利用Web微信(網頁版微信)接口實現個人微信API發送消息

摘要 微信官方是沒有提供個人微信接口的,市面上的接口基本都是通過不正規的方式去實現的,例如Web協議、微信HOOK、iPad協議、Android協議。這些所謂的協議,要麼是抓包HTTP協議,要麼是通過HOOK技術實現的給予內存數據劫持實現的。 接口技術 描述 Web協議 基於網頁版微信HTTP接口實現的 微信HOOK

微信 , 微信開發 , 微信接口 , hook , Python

前端蛋卷 - 面試官:講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後,狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled, 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ,一旦這些 Pro

promise , 前端 , Javascript

北橋蘇 - Audition 入門教程:音頻降速

一、前言 遊戲被稱為人類史上第九大藝術,它融合了文學、雕塑、電影、音樂等前八者造詣之和。所以在遊戲創作中,如果是獨立開發,在解決了編碼、美術外,音樂音效也是一個亟需處理的一環。 而個人要對音效進行處理就不得不用到 Audition 了,比如你自己採集的聲音,要進行降噪,音量增益等等操作。由於我自己用過 Adobe 的其他產品,對 Auditon 就是拿來直接上手,折騰過後,為了防止忘記,就整理了一

編輯器

Thinking80s - 我的編程之路

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

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

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 - PHP實現單用户登錄

原理:同一賬號在多個設備上登錄,前者被後者頂下線;假設賬號在設備A登錄,該賬號又在設備B登錄,此時設備A登錄的賬號被頂下線 思路分析 1、用户登錄成功後將當前時間存入session中,以及製作個token值存入該用户數據庫中; 2、在驗證用户是否登錄的模塊中,若用户已登錄,將用户數據庫中的token取出,並且製作一個最新的token,兩者判斷是否相等,若不相等,用户下線; 代碼實現 1、在登錄成功

服務器 , MySQL , php , phpstorm , 程序員

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霜序 前言 在前一篇文章中,我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快,但是它的底層實現原理確是萬變不離其中,在本文中會從前端路由出發到 react

react , react-router , 前端

前端早早聊 - 【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 實例系列 - 02 - 2023 兔年祝福

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

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

HeiYanjing - webpack簡單文件打包實例

依賴版本 "webpack": "^4.44.2", "webpack-cli": "^3.3.12" 一個簡單的文件通過webpack打包 // 導出 console.log('index.js') module.exports = '導出內容' // 導入 let log = require('./log.js') console.log('index.js內容') console.log(

webpack4

維李設論 - 面向垂類場景的智能化低代碼引擎

背景介紹 在通信領域中,不同客户的數字化場景存在多種個性化大屏的定製需求,常見業務範圍涵蓋政務、金融、教育、工業、傳媒、互聯網等行業領域。然而,面對如此巨大的產業痛點訴求,傳統低代碼領域卻存在數據監控粒度不統一、定製化研發成本高、版本維護難度大等問題,嚴重影響了客户的交付效率及使用感知。 需求説明 基於產品的業務需求,通過抽離功能模板將整個產品層次的需求提升到企業級甚至行業級的痛點需求,而在當

大前端 , 低代碼 , 前端工程師 , 數據可視化 , aigc

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

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

css3動畫 , 前端