收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

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

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

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分：核心概念 - 為什麼需要原型？ JavaScript 在誕生之初，被設想為一種簡單的腳本語言，並未打算引入類的概念。為了實現對象之間的屬性和方法共享，從而節省內存並建立繼承關係，設計了基於原型的繼承模型。 第二部分：理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 五問數據質量，一文講透從根源到治理應用

近年來，在國家推動一系列企業數據相關政策的大背景下，數據要素化改革正在全方位鋪開。數據已經從“輔助決策的信息資源”轉向“​驅動新質生產力和產業變革的核心要素​”。 根據《數據管理能力成熟度評估模型（DCMM）》的定義，數據治理主要包括質量、標準、組織、架構、安全五大支柱性能力。其中，“數據質量”被明確列為首要維度，其考察標準不僅包括數據本身的正確率、缺失率、重複率等指標，還關注企業是否建立起可持續

數據可視化

fannaodeliushu 頭像

程序員阿偉 - 《Unity優化指南：直擊引擎本質的非典型技術路徑》

Unity開發的核心進階，不在於掌握多少表層API，而在於能否穿透引擎封裝的表象，觸及資源流轉、渲染協同、內存調度的底層本質。多數開發者在面對性能瓶頸、兼容性故障時，習慣沿用常規優化手段，卻陷入“優化效果有限”“問題反覆出現”的困境，根源在於未能理解引擎各模塊的隱性關聯與運行規律。真正的高效開發，需要跳出“單點優化”的思維定式，從資源導入到邏輯架構，從平台適配到監控調試，建立一套貼合引擎本質的系統

遊戲開發

fkcaikengren 頭像

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

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

chrome , 教程 , 知識 , 前端

wszgrcy 頭像

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

chongdongdedaxiongmao_kxfei 頭像

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

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

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

danjuanfe 頭像

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

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

promise , 前端 , Javascript

zero_dev 頭像

北橋蘇 - hexo 實戰：（三）獨立博客運營總結

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

hexo , 博客搭建 , 前端

thinking80s 頭像

Thinking80s - 我的碼農之路

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

編輯器 , 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 - java 中的泛型

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

泛型 , JAVA

jianer 頭像

健兒 - 從一個請求封裝的“死循環”Bug，我學到了什麼？—— 深入剖析 async/await 與錯誤處理 前言：那個讓我頭疼的下午

我們都曾經歷過這樣的下午：一個看似邏輯嚴密的模塊，在實際運行時卻表現得像個失控的野獸。我的故事，就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400（需要登錄）或 4_01（Token 失效）時，自動完成登錄或刷新 Token，然後再重新發起剛才失敗的請求。然而，它卻在某些情況下陷入了可怕的無限循環，瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

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

chrome , gemini-pro , 人工智能 , 前端 , Javascript

wswx 頭像

goblin_pitcher - 數據結構算法小結

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

數據結構和算法 , 前端

winnn 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

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

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

react , redux-toolkit , redux , 前端

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 實例系列 - 03 - Rate 愛心評分

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

css3 , css3動畫 , 前端

heiyanjing 頭像

HeiYanjing - 尋找webpack打包入口

node_modules下.bin目錄下有一個webpack.cmd腳本文件，組裝定位了要執行的webpack.js文件 "%~dp0\node.exe" "%~dp0\..\webpack\bin\webpack.js" %* 將啓動文件指向了webpack目錄下的bin\webpack.js。 在webpack.js文件中，有一個runCommond方法和isInstalled判斷包是否安裝

webpack4

vleedesigntheory 頭像

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

前言 流光溯影，縱觀2023全年，整個前端業界呈現出百業凋零之狀，更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業，除了AI領域的大語言模型爆發外，整體都鮮有特別亮眼及突出的技術展現。故而，作為IT領域中細分方向的前端行業，加之整體經濟週期的影響，今年的這種形勢也算因之有素。然則，行有不得則需反求諸己，私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此，以下個人將分享一些各位前端

2023-年度總結 , 大前端 , 前端工程化 , 前端工程師 , 可視化

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 如何快速查看頁面的佈局結構？

在前端頁面 UI 開發時，如何能快速查看頁面的結構佈局？ html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸，比 border 要好。

佈局 , css3 , Css , 前端 , ui