前端瓶子君
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
<th id="5sdj3"></th> <tfoot id="5sdj3"><menuitem id="5sdj3"></menuitem></tfoot>