收藏 / 列表

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 核心深度複習-Promise及有關函數

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

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 不懂湖倉一體,別説你懂大數據

√不懂湖倉一體,別説你懂大數據 接觸數據的都聽過“湖倉一體”,有人就開始疑惑了:數據湖和數據倉庫不是夠用嗎?為什麼還要多餘再搞一個架構出來? 實際上,你接觸到的數據有:像客户信息、生產日誌和客服錄音等。它們的類型是不統一的,什麼結構化、半結構化甚至非結構化,很多時候它們常因為這個原因導致不能存放在一塊,也不能通用。 怎麼辦? 所以這時候就得靠搭建一個湖倉一體,把這些數據都存好,管好,目的就是為了輕

大數據 , 數據倉庫 , 數據可視化 , 數據庫

程序員阿偉 - 《Unity多語言開發:從文本到體驗的深層適配指南》

遊戲多語言本地化的深層邏輯,從來不是簡單的文本替換,而是語言特性與技術架構的深度耦合,每一種語系的語法規則、表達習慣,都會像無形的脈絡,牽動UI佈局、資源存儲、交互邏輯乃至玩家體驗的底層設計。以語系差異為例,黏着語體系中詞彙的組合方式往往讓句子長度產生極大波動,同樣一句技能描述,日語可能比中文多出三成字符,英語的縮略表達又可能縮短近半,泰語的聲調變化雖不直接影響字符數量,卻會因發音節奏差異需要調整

遊戲開發

瘋狂踩坑人 - 別再説我不懂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 , 前端

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API:優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API,極大地簡化了對集合的操作。傳統上,Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作,這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式,使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景,幫助你更好地掌握這一工具。 一、

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

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

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

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

北橋蘇 - hexo 實戰:(三)獨立博客運營總結

前言 通過前面兩個步驟,完成了靜態博客從搭建到基本功能添加和界面優化。那麼,這次就要介紹一下搭在 GitHub 上的靜態博客如何運營推廣。也就是如何讓網站被各大搜索引擎收錄?如何提高網站權重,提高收錄量? 網站收錄 平台選擇 站長相關的平台有:某度站長工具、360 站長平台、搜狗資源平台、必應網站管理員工具、谷歌站長工具等。列出的五個平台,可以按自身情況提交,提交方法也大同小異,以下以某度為例。

hexo , 博客搭建 , 前端

Thinking80s - 我的碼農之路

還記得畢業那段時光,命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作,出售各類電腦產品。於是乎,我順理成章地在那裏找到一份差事,負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業,但所學知識卻與編程毫無瓜葛。如今回想起來,也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言,這或許是對我專業能力的一種期待;而於我來説,則更像是一種無法言説的尷尬。每當此時,

編輯器 , ruby , 人工智能 , 程序員 , 前端

linong - 前端培訓-中級階段(21)- xhr2、FormData(2019-10-17期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 AJAX 我們肯定不陌生,低版本IE使用new ActiveXObject("Microsoft.XMLHTTP"),其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

zZ_jie - 淺談OAuth2.0授權模式理解(理論+圖解)

前言 1,假設我住在一個大型的居民小區。小區有門禁系統。 2,我呢比較喜歡網購,每天都有快遞員來送貨。 3,快遞員想通過門禁系統,進入小區, 4,如果我把自己的密碼,告訴快遞員,他就擁有了與我同樣的權限,這樣好像不太合適,安全風險不可控。然後我想取消他進入小區的權力,也很麻煩,我自己的密碼也得跟着改了,還得通知其他的快遞員。 5,有沒有一種辦法讓快遞員自由進入小區,又不把自

oauth2.0 , 授權碼

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

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

遞歸 , tree , 算法 , 前端

Gomi - 加速你的 Bun 並行開發:bun-tasks 全攻略

加速你的 Bun 並行開發:bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本,又不想為兼容性煩心,bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器,幫你在一條命令中啓動多個任務、智能合併環境變量,並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用,就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時,遇到關鍵詞:下一個更大/小的數這類題目時,往往會採用單調棧的解法,如每日温度 刷題最常見的問題就是,看到題解,感覺很精妙,但下次遇到一模一樣的題目時,往往知道思路,但寫不出代碼,有或者遇到類似的變體題目時,不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過,分別有兩方面的原因: 對工具(如單調棧知識點)的特性(適用範圍)不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

Winn - 純css編寫開關按鈕點擊切換

效果圖預覽: 完整代碼如下: !DOCTYPE html html head title純css編寫開關按鈕點擊切換/title style type="text/css" #toggle-button{ display: none; } .button-label{ position: relative; displa

Css , 程序員 , css3動畫 , 前端 , html5

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

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

react , redux-toolkit , redux , 前端

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

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

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

麒寧 - 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 - webpack4和webpack5打包資源文件配置差異

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

webpack5 , webpack4

維李設論 - 從2024看2025前端發展趨勢

前言 又至年關,回顧整個2024年,前端行業仍舊百廢待興,IT業界同樣也未見有所起色,AI風潮也從狂熱興奮逐步走向了冷靜穩定階段,造成此形勢感觀並非單一行業或者某一企業之特例,實為政經等綜合影響之結果。因此,私以為明年的大趨勢和調性應該不會有特別大的變化,雖然外界走向有所放緩,但整個情勢壓力還是不小的。故而,就前端行業而言,個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言,相較於前幾

大前端 , 架構設計 , 前端工程師 , 前端 , Javascript

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

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

css3動畫 , 前端