收藏 / 列表

yayujs 頭像

yayujs - Svelte 最新中文文檔教程（22）—— Svelte 5 遷移指南

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的工程化

Angularjs的工程化 AMD規範和CMD規範 為什麼需要模塊化管理工具 在編寫項目時可能需要加載很多js文件，若b.js依賴a.js，且a.js比b.js大很多，那麼瀏覽器會讓b.js等待a.js加載完畢後再去執行b.js裏的內容；而即使d.js並不依賴a.js，b.js，c.js，也會等待這三個文件均加載完畢才執行，為了讓瀏覽器能夠按需加載，提出了模塊化管理工具。 script type=

angular , 前端

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

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

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

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

fannaodeliushu 頭像

程序員阿偉 - 《API網關在企業研發協作平台中的深度定製與流程化效能重構》

在負責的企業研發協作平台升級項目中，初期架構的核心痛點集中暴露了傳統API網關在研發場景下的“適配空白”。當時平台已集成Git代碼倉庫、Jenkins CI/CD、Jira項目管理、TestRail測試管理、Confluence文檔協作等8類研發工具，這些工具分別來自不同廠商，接口規範與認證機制差異極大—Git採用SSH密鑰認證，Jenkins使用API Token，Jira則依賴OAuth2.0

API

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，速通TCP、HTTP(s)、DNS、CDN、websocket、SSE

引言： 本文用通俗簡練的語言又不失細節（自認為doge）地介紹TCP/UDP、HTTP、HTTPs、DNS、CDN、Websocket和SSE等。本文面向求職面試人羣，比較全面的歸納了面試中計算機網絡涵蓋的面試點，你可以結合本文自行拓展深度和廣度。如果你準備時間不夠，更加推薦你看這篇文章！ 如果錯誤或侵權之處歡迎指正和聯繫我。 一、OSI 七層模型 計算機網絡的7層模型，也稱為O

tcp , dns , HTTP , HTTPS , cdn

wszgrcy 頭像

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

chongdongdedaxiongmao_kxfei 頭像

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

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

ecmascript-6 , typescript , HTML , 前端 , 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 - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript

zz_641473ad470bc 頭像

zZ_jie - AES 加密和解密demo

前言 我們數據庫中有一條用户信息的數據，需要給到第三方，那麼在發送這條數據的時候，我們不能直接把用户的姓名、電話號、身份證號等一些信息發給第三方，不能暴露用户的個人信息，這個時候就需要用到數據加密進行傳輸。 什麼是AES AES（Advanced Encryption Standard，高級加密標準）是一種用於保護電子數據的對稱加密算法。在 HTTPS 協議中使用的 TLS（傳輸層安全協議）就使用

加密 , springboot , base , aes

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 - 二分查找的通用模板

二分查找的概念本身很容易理解，這裏不做贅述。其使用前提只有一個：單調數組 樸素二分查找 當在一個有向數組中，查找數組中是否有某個值，代碼很簡單： const binarySearch = (nums, target) = { let l = 0; let r = nums.length - 1; while(l=r) { const mid = (l+r) 1 if(

數據結構和算法 , 前端

winnn 頭像

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

daishuyunshuzhanqianduan 頭像

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

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

react , react-router , 前端

jsliang 頭像

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

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

css3 , css3動畫 , 前端

heiyanjing 頭像

HeiYanjing - Gulp基本概念及應用

gulp簡介,基本使用 Gulp.js 是一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。 yarn add gulp 安裝gulp的時候會安裝gulp-cli。gulpfile.js中導出一個函數,最新的gulp中取消了同步代碼模式，每一個任務都是異步任務，最後需要調用回調函數或其他方式標記任務完成。如例子中如果沒有done，會報錯.如果任務名是default，運行時的命

gulp , 前端

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 頭像

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時，更新state裏面的count用的方式是++this.state.count，但是意外的導致組件沒有重新render（本人用Hook組件較多，所以感到很疑惑） import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

mincloud 頭像

知曉雲 - 第九章：小程序表單與醫療急救卡（上）

作者：知曉雲 - 小程序開發快人一步 來源：知曉課堂 醫療急救卡小程序是什麼？ 該小程序主要為一個表單的填寫與提交。示例表單的內容包括姓名、性別、血型、醫療情況、服藥情況、是否為器官捐獻者和緊急聯繫人電話號碼。提交成功後表單顯示用户已填寫的信息，如果用户想更新，直接更改表單內容再次提交即可。 我們所用到的組件和 API 所需組件 表單：form，將組件內用户輸入的 input/ swit

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