前端瓶子君
1獲贊0關(guān)注1粉絲
一個(gè)實(shí)戰(zhàn)Demo,讓你理解"前端+Node后端+AI"的全棧項(xiàng)目如何實(shí)現(xiàn)
前言在數(shù)字時(shí)代的浪潮下,前端、后端和人工智能(AI)的融合發(fā)展已經(jīng)成為技術(shù)創(chuàng)新和應(yīng)用的關(guān)鍵驅(qū)動(dòng)力。它們各自扮演著不同的角色,卻又緊密相連,共同構(gòu)建起了現(xiàn)代軟件系統(tǒng)的核心架構(gòu)。前端負(fù)責(zé)與用戶進(jìn)行交互,提供直觀、友好的界面體驗(yàn);后端則負(fù)責(zé)處理業(yè)務(wù)邏輯、數(shù)據(jù)存儲(chǔ)和與前端的數(shù)據(jù)交換;而AI則通過智能算法和模
前端瓶子君
0
前端性能優(yōu)化 - 啟用 Gzip 壓縮
前端性能優(yōu)化是提升網(wǎng)站加載速度和用戶體驗(yàn)的重要手段。啟用Gzip壓縮是其中一種常見的優(yōu)化技術(shù)。Gzip是一種廣泛使用的壓縮算法,它可以顯著減少傳輸?shù)娇蛻舳说臄?shù)據(jù)量。今天分享這篇文章來詳細(xì)談?wù)勅绾伍_啟Gzip壓縮來優(yōu)化前端性能。以下是正文:啟用 gzip 壓縮可大幅縮減所傳輸?shù)馁Y源文件響應(yīng)的大?。ㄗ疃?/div>
前端瓶子君
0
談?wù)勄岸怂?shí)現(xiàn)的幾種方式
遇到問題日常工作中,經(jīng)常會(huì)遇到很多敏感的數(shù)據(jù),為防止數(shù)據(jù)的泄露,我們要在數(shù)據(jù)上做一些”包裝“。目的就是讓那些有心泄露數(shù)據(jù)的”不法分子“迫于嚴(yán)重的”輿論壓力“而放棄不法行為,使之”犯罪未遂“,達(dá)到不戰(zhàn)而屈人之兵的效果。而在安全部門工作的我們,數(shù)據(jù)安全的觀念早已深入骨髓,每個(gè)文字,每張圖片,都要留心是否
前端瓶子君
0
面試官:為什么前端打包出來的靜態(tài)文件名字是一串 Hash 值 ?
前端打包出來的靜態(tài)文件名帶有一串 Hash 值,主要是為了實(shí)現(xiàn)以下幾個(gè)目的:緩存有效性:當(dāng)文件內(nèi)容發(fā)生變化時(shí),Hash 值也隨之改變,這意味著瀏覽器能夠識(shí)別文件的更新。如果文件內(nèi)容沒有變化,Hash 值保持不變,瀏覽器可以從緩存中加載文件,節(jié)省網(wǎng)絡(luò)帶寬和提高加載速度。避免緩存問題:在開發(fā)和部署過程中
前端瓶子君
0
Rspack、Vite爭先支持的模塊聯(lián)盟(MF)究竟是啥?
前言image.png什么是模塊聯(lián)盟(Module Federation)?讓 JavaScript 應(yīng)用間共享代碼更加簡單,團(tuán)隊(duì)協(xié)作更加高效。類似于服務(wù)端的微服務(wù),Module Federation是一種支持前端應(yīng)用分治的架構(gòu)模式,它允許你在多個(gè)應(yīng)用或微前端應(yīng)用之間共享功能級代碼,這種方案的好處是
前端瓶子君
0
你不知道的 async、await 魔鬼細(xì)節(jié)
0、前言關(guān)于promise、async/await的使用相信很多小伙伴都比較熟悉了,但是提到事件循環(huán)機(jī)制輸出結(jié)果類似的題目,你敢說都會(huì)?試一試???1:async function async1 () { await
前端瓶子君
0
axios中的那些天才代碼!看完我實(shí)力大漲!
axios的兩種調(diào)用方式經(jīng)常調(diào)接口的同學(xué)一定非常熟悉aixos下面的兩種使用方式:axios(config)// 配置式請求axios({ method: 'post', url: '/user/12345',});axios
前端瓶子君
1
前端構(gòu)建系統(tǒng)淺析
開發(fā)者編寫JavaScript代碼,而瀏覽器運(yùn)行JavaScript代碼。從根本上說,前端開發(fā)不需要構(gòu)建步驟。那么,為什么現(xiàn)代前端需要構(gòu)建步驟呢?隨著前端代碼庫越來越龐大,以及開發(fā)者體驗(yàn)越來越重要,直接將JavaScript源碼傳輸給客戶端會(huì)帶來兩個(gè)主要問題:不支持的語言特性:由于JavaScrip
前端瓶子君
0
面試官:如何防止接口重復(fù)請求?我給出了三個(gè)方案!
前言雖然大部分的接口處理我們都是加了loading的,但又不能確保真的是每個(gè)接口都加了的,可是如果要一個(gè)接口一個(gè)接口的排查,那這維護(hù)了四五年的系統(tǒng),成百上千的接口肯定要耗費(fèi)非常多的精力,根本就是不現(xiàn)實(shí)的,所以就只能去做全局處理。下面就來總結(jié)一下這次的防重復(fù)請求的實(shí)現(xiàn)方案:方案一這個(gè)方案是最容易想到也
前端瓶子君
0
面試官:post為什么會(huì)發(fā)送兩次請求?
之前有人跟我們說,出去面試的時(shí)候,有時(shí)候會(huì)遇到一些讓人頭疼的問題,比如有一次去字節(jié)面試,面試官就問了一個(gè)讓他很奇怪的問題:“為啥POST請求有時(shí)候會(huì)發(fā)送兩次呢?”這個(gè)問題聽起來挺玄乎的,但其實(shí)用大白話來說,原因還挺簡單的。咱們這就來聊聊這個(gè)事兒。首先,得明白啥是POST請求。POST請求就是咱們在網(wǎng)
前端瓶子君
1
圖片碎片化渲染特效實(shí)現(xiàn)
寫在開頭最近,小編從玩了兩年多的游戲中退游了??,本來以為會(huì)一直就這么玩下去,和隊(duì)友們相處很融洽,收獲了很多開心快樂的時(shí)光??。可惜,游戲的一波更新......準(zhǔn)備要開始收割韭菜了,只能無奈選擇棄坑了。小編屬于貧民玩家,靠著硬肝與白嫖也將游戲號(hào)整得還不錯(cuò),這兩天把號(hào)給賣了??。玩了兩年多,竟然還能賺一點(diǎn)小
前端瓶子君
0
賊有意思的前端開源項(xiàng)目
今天來分享 5 個(gè)賊有意思的前端開源項(xiàng)目!Inpaint-webInpaint-web 是一款基于 WebGPU 技術(shù)和 wasm 技術(shù)的免費(fèi)開源圖像修復(fù)和圖像縮放工具,純?yōu)g覽器端實(shí)現(xiàn)。該項(xiàng)目使用的技術(shù)棧包括:React、Vite、TypeScript、Tailwind CSS 等。Github:h
前端瓶子君
1
前端項(xiàng)目路徑別名終極解決方案
關(guān)于路徑別名一個(gè)前端項(xiàng)目通常會(huì)演變成復(fù)雜的嵌套目錄結(jié)構(gòu)。因此,使用相對路徑導(dǎo)入可能會(huì)變得更長且更混亂,這可能會(huì)對代碼的外觀產(chǎn)生負(fù)面影響,并讓辨識(shí)代碼的來源變得更加困難,更加重要的是代碼文件位置變動(dòng)相對路徑就得改變。使用路徑別名即絕對路徑導(dǎo)入,不僅解決了理解導(dǎo)入路徑的問題,而且還簡化了重構(gòu)期間代碼移動(dòng)
前端瓶子君
0
吐槽一下 Vue3 的語法設(shè)計(jì)
很長一段時(shí)間以來,老有人私信跟我說,Vue 很先進(jìn),代表了未來,你不要沉迷在 React 這個(gè)年老色衰的技術(shù)棧里自娛自樂啦,睜開眼睛去看看世界吧,別的技術(shù)棧都發(fā)展早就比 React 更先進(jìn)啦!!然后這些人估計(jì)都不會(huì)相信,我真的有非常認(rèn)真的去把 Vue 從頭到尾學(xué)了個(gè)遍,甚至 Vue2、Vue3 的原
前端瓶子君
2
一位10 年前端 Leader 的成長歷程
本文作者:mapbar_front原文鏈接:https://juejin.cn/post/73271072546037596432014年,我從大學(xué)畢業(yè),到現(xiàn)在已經(jīng)馬上接近10年整了,內(nèi)心深處,對于基層管理(前端leader)這個(gè)崗位,有了深刻的理解。而現(xiàn)如今,整個(gè)IT行業(yè)經(jīng)歷了巨大的繁榮之后,也進(jìn)
前端瓶子君
0
三年前端還不會(huì)配置Nginx?刷完這篇就夠了
“一口氣看完,比自學(xué)強(qiáng)十倍!”什么是NginxNginx是一個(gè)開源的高性能HTTP和反向代理服務(wù)器。它可以用于處理靜態(tài)資源、負(fù)載均衡、反向代理和緩存等任務(wù)。Nginx被廣泛用于構(gòu)建高可用性、高性能的Web應(yīng)用程序和網(wǎng)站。它具有低內(nèi)存消耗、高并發(fā)能力和良好的穩(wěn)定性,因此在互聯(lián)網(wǎng)領(lǐng)域非常受歡迎。為什么使
前端瓶子君
1
阿里面試:寫一個(gè)倒計(jì)時(shí)功能刷掉了80% 的人
Excerpt本文將探討如何實(shí)現(xiàn)高性能、穩(wěn)定且準(zhǔn)確的倒計(jì)時(shí)器。我們將深入分析定時(shí)器API的選擇、事件循環(huán)的影響、以及時(shí)間同步技術(shù),提供最佳實(shí)踐和代碼示例,確保倒計(jì)時(shí)的精確性和效率。純標(biāo)題黨!?。?,但確實(shí)是阿里的大佬自己群里說的在面試時(shí)候必問的一個(gè)題目,其實(shí)這個(gè)問題不僅是在面試中,也在我們的業(yè)務(wù)里也會(huì)
前端瓶子君
0
我的創(chuàng)業(yè)故事:從 0 到每月 45000 美金
原文鏈接:https://news.tonydinh.com/p/my-solopreneur-story-zero-to-45kmo[1]譯者注:一名越南開發(fā)者兩年前辭去工作,成為一名獨(dú)立開發(fā)者。通過兩年的努力,目前月收入達(dá)到 45000 美元。今天是我辭職創(chuàng)業(yè)兩周年紀(jì)...
前端瓶子君
0
Chrome開發(fā)者建議你這樣調(diào)試web應(yīng)用
?本文來自 Chrome 團(tuán)隊(duì)的 Jecelyn Yeen (阮貝琪)在FEDAY分享,主題為:探討網(wǎng)頁調(diào)試的現(xiàn)況、Chrome DevTools 的最新進(jìn)展以及一些實(shí)用的 DevTools 小工具?,F(xiàn)代Web開發(fā)中,為了滿足用戶的需求和期望,提高開發(fā)效率和...
前端瓶子君
0
為什么現(xiàn)在前端面試都不考八股文了?
作者:前端雙越老師 鏈接:https://juejin.cn/post/7336859385782583308 年前就有和幾個(gè)同學(xué)在和我聊天的時(shí)候,說:現(xiàn)在面試都不考基礎(chǔ)知識(shí)和八股文了,上來就聊項(xiàng)目。 其實(shí)我也很早就意識(shí)到這個(gè)問題了,現(xiàn)在和前幾...
前端瓶子君
0
