收藏 / 列表

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

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 信息化≠數字化，盤點二者的主要區別

最近總會有一些做IT行業的朋友來問：信息化和數字化兩個有什麼區別？不都是利用數據做決策嗎？ 但其實，這兩者還是有很大的區別的。 用過來人的經驗告訴你，怎麼區分關鍵在於理解它們解決問題的不同層次。就拿我們最熟悉的報銷流程來説： 以前需要填寫紙質單據，找領導簽字，送到財務部等待支付；現在在辦公系統裏提交電子報銷單，在線審批後直接打款到銀行卡。 你可能會覺得這已經很先進了，但我想説，這僅僅是信息化的範疇

算法 , 知識 , 數據庫 , 後端 , 前端

fannaodeliushu 頭像

程序員阿偉 - 《 Unity開發秘籍：6個決定遊戲成敗的底層細節》

多數Unity開發者在項目推進中，往往聚焦於功能實現與玩法落地，卻容易忽略那些藏在引擎底層的隱性技術細節，表面無法直觀感知，卻直接決定了遊戲的運行效率、體驗質感與迭代空間，更是區分普通開發者與資深從業者的核心標誌。很多項目在測試階段看似流暢，上線後卻頻繁出現幀率波動、兼容性故障、續航消耗過快等問題，甚至部分項目因底層細節缺失，後期需要投入數倍於開發的時間重構，得不償失。更關鍵的是，不同平台的隱性差

遊戲開發

fkcaikengren 頭像

瘋狂踩坑人 - 別再説我不懂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 頭像

wszgrcy - 代碼搜索與重構工具 - Code Recycle

程序員在開發過程中查詢代碼時,通常依賴文本搜索,儘管這在大多數情況下很有用,但它可能無法完全滿足我們的需求. let a = 1;let b=`let a=1` 要搜索上述代碼語句let a = 1,通常這是很難實現的,因為一方面會有字符串的干擾,另一方面格式可能不同,無法直接確定唯一語句. 但是,當我們使用code recycle時,我們可以直接使用let a=1來匹配

code , 工具 , 搜索 , cli , 定位

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

zero_dev 頭像

北橋蘇 - 零成本 API 服務搭建，用 GitHub Actions 自動爬取文章？

前言 本着將成本降到最低，我目前做的應用或小程序都是單機的，也就是不用請求接口，只要一上架就沒有任何支出。但是寫死的數據畢竟有限，應用的內容單一無法緊跟時事熱點，每次打開一個樣，自然就沒有留存。遇到有錯字啥還要更新版本，那有沒有方法既能豐富應用內容，又不用增加成本呢？ 既要又要，當然也有，找網上提供的免費 API 接上去。但是這種有請求數限制，而且還和自己應用的業務不相關，那就只能自己弄接口了。

github-pages , github-actions , 運維

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

zz_641473ad470bc 頭像

zZ_jie - AES 加密和解密demo

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

加密 , springboot , base , aes

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

wswx 頭像

goblin_pitcher - 二分查找的通用模板

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

數據結構和算法 , 前端

vleedesigntheory 頭像

維李設論 - 前端日誌採集方案淺析

前言 在前端部署過程中，通常會使用nginx作為部署服務器，而對於默認的nginx服務來説，其提供了對應的日誌記錄，可以用於記錄服務器訪問的相關日誌，對於系統穩定性及健壯性監控來説，日誌採集、分析等能夠提供更加量化的指標性建設，本文旨在簡述前端應用及打點服務過程中所需要使用的nginx採集方案。 架構 打點日誌採集 對於前端應用來説，通常需要埋點及處理對應的數據服務 應用日誌採集 對於日常應用

日誌 , filebeat , Nginx , elk , kafka

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

yunpan-plus 頭像

雲棧開源日記 - 從功能測試到自動化測試開發：軟件測試工程師技能提升指南

軟件測試職業發展的關鍵差異 在軟件測試領域，手工測試與自動化測試的工作效率存在顯著差異。掌握自動化測試技能的工程師，可以通過腳本快速完成迴歸測試工作，而這正是測試開發工程師的核心能力之一。 本文分享一套完整的軟件測試學習課程，涵蓋從基礎理論到自動化測試的全棧技術內容。 課程簡介 本課程為軟件測試全棧實戰課程，內容包括： 測試基礎理論與流程

軟件測試

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 運籌帷幄決勝千里，Python3.10原生協程asyncio工業級真實協程異步消費任務調度實踐

我們一直都相信這樣一種説法：協程是比多線程更高效的一種併發工作方式，它完全由程序本身所控制，也就是在用户態執行，協程避免了像線程切換那樣產生的上下文切換，在性能方面得到了很大的提升。毫無疑問，這是顛撲不破的業界共識，是放之四海而皆準的真理。 但事實上，協程遠比大多數人想象中的複雜，正因為協程的“用户態”特性，任務調度權掌握在撰寫協程任務的人手裏，而僅僅依賴async和await關鍵字遠遠達不到“調

調度器 , python3.x , async , 協程 , Python

simonbaker_5ec61c266b1df 頭像

simonbaker - koa異常處理詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝 問題 koa是怎麼處理異常的？ 分析 首先了解下node.js是怎麼處理異常的 一般來説，node.js頂層有個uncaughtException事件，當異常沒被捕獲的時候，就會一層層上升，直到觸發定義好的uncaughtException事件。 但有個問題，node.js最大的特點是異步機制。比如讀取文件信息的stat的異步寫法： req

koa , 前端

chencaize 頭像

點墨 - java 獲取子串速度比較

有個需求,需要將給定字符串提取子串,比如(aaa.xx)變成aaa,有幾個思路。 使用正則模式匹配，然後替換 使用正則替換 使用substring 代碼如下: import java.time.Duration; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; impor

JAVA , string

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

cloudyttt 頭像

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp