收藏 / 列表

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

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

react , 前端

大雄的叮噹貓 - Angularjs——初識AngularJS

AngularJS——初識AngularJS AngularJS是什麼 AngularJS是Google開源的一款前端JS結構化框架,它通過對前端開發進行分層,極好地規範了前端開發的風格——它將前端開發分為Controller層、Service層、DAO層和Model層。其中,Model對象與HTML頁面(視圖)上HTML元素進行雙向綁定,開發者可通過Controller調用Service、DAO

angular , 前端

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

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

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 一文帶你全面解讀數據治理

先問大家一個問題:公司的數據現在處於一種什麼狀態? 兩年前我幹數據工作時,團隊總是會出現:開會的時候不同部門因為“客户數量”根本對不上而爭吵; 新來的同事想查找信息,卻發現同一個產品叫法有好幾個; 公司想搞個精準營銷,卻發現客户手機號一堆是空的,結果根本就執行不了。 聽着是不是很熟? 其實就是因為沒有進行數據治理。説白了,數據治理可是一項必須要做的基礎性工作。 但是要怎麼做?怎樣做好?有

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

程序員阿偉 - 《Unity3D VR遊戲手柄振動與物理碰撞同步失效問題深度解析》

手柄振動反饋與物理碰撞的同步性是決定玩家沉浸感的核心要素之一,尤其在依賴雙手交互的解謎類場景中,二者的毫秒級協同直接影響操作邏輯的有效性與體驗流暢度。本次遇到的Bug發生在Unity 2023.1.10f1版本環境下,搭配XR Interaction Toolkit 2.5.2插件與OpenXR Runtime 1.1.28,目標平台為Meta Quest 3頭顯設備。業務場景聚焦於“機械齒輪密室

遊戲開發 , 3d

瘋狂踩坑人 - 【面試系列】萬字長文,總結瀏覽器十大問題

一、瀏覽器對象模型(BOM)有哪些屬性 這裏不會詳細介紹每個BOM屬性(確實沒必要哈)。主要是圍繞BOM,發散一些常見的面試題,看看是如何回答的。 BOM的屬性: window location navigator history screen location - hash路由 http://foouser:barpassword@www.wrox.com:80/WileyCDA/

chrome , 教程 , 知識 , 前端

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

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

react , vue.js , angular , 前端

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

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

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

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

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

前瞻 , 正則表達式 , 前端 , 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 - java 中的泛型

先看個例子,有一個IntegerPrinter類,裏面有一個printf方法打印一個integer類型的值。 public class Main { public static void main(String[] args) { IntegerPrinter integerPrinter = new IntegerPrinter(123); integer

泛型 , JAVA

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平,根據搜索字符在打平數組裏去filter出滿足條件的node節點,但此時被篩選的節點只有子節點,然後再通過被篩選出的子節點去找對應的父節點,然後拿到結果後轉成tree結構 優點:思路簡單,打平數組用了遞歸,好理解 缺點:找父節點的時候相對麻煩。 2、寫一個遞歸算法,滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中,但是由於調用各廠商的AI接口基本上無法實現完全免費,即使免費額度也是有限制的,所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要,一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口,比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , 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 - 簡易聊天室【NestJS+Socket.io】

用過nestjs的前端小夥伴都會覺得,它是一個好用但不火的框架。不火的原因是它和springBoot風格近似,但是相比較spring的生態,nestjs還是太弱了,對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔,不僅前後端可以一把擼,且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS,後端使用NestJS+Socket.io練手的簡

socket.io , 聊天室 , 程序員 , nestjs , 即時通訊

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

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

react , react-router , 前端

前端早早聊 - 【Node 連載 2/9】Node.js ORM 在語雀的探索與實踐

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自螞蟻金服 語雀前端團隊 —— 小琿的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻和 PPT):https://www.zaozao.run/video/c35 完整 PPT 請聯繫小助手(vx:zz

orm , node.js , 前端框架 , 數據庫 , 前端

麒寧 - 3分鐘搞定:獲取 URL 查詢參數值

3分鐘搞定:獲取 URL 查詢參數值 在前端開發工作中,利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時,通過 URL 攜帶某些信息,如狀態、id、區分頁面來源的字段值等。因此,學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數,對 URL 查詢參數進行解析。這是方式靈活度高,可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

jsliang - CSS 實例系列 - 01 - Tab 滑動門

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 本 CSS 系列文章: 主推學以致用。結合面試題和工作實例,讓小夥伴們深入體驗 61 個工作常見的 CSS 屬性和各種 CSS 知識。 主推純 CSS。儘可能使用 HTML + CSS 完成學習目的,但仍然有 “一小部分” 功能需要用到 JavaScript 知識,適合新人學習 + 大佬複習。 如果文章在一些細節

實例 , Css , 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

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」,歡迎正在閲讀的你也加入。 前言 又到了年底,回顧一下整個2021年的前端歷程,總體來説前端趨向到了一個比較穩定的發展階段,雖然仍然有許多層出不窮的庫及輪子,但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞,即:工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看,整體可以分為兩大類,一類是聚焦化,比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

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

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

css3動畫 , 前端