@前端

動態 列表
@tuzixiansen_63d4d65909d62

vue3基於vant封裝loading組件

觸底加載的方式 長列表需要觸底加載,觸底顯示loading,加載後loading小時 若長列表為空,則顯示空狀態 加載到底,沒有更多分頁,則顯示“沒有更多了” 這裏我基於vant封裝了一個組件,可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@jdcdevloper

cookie 時效無限延長方案

作者:京東科技 劉清潔 1、痛點(*) 自動化測試有2種形式,接口自動化和UI自動化。而UI自動化經常會被登錄節點堵塞,例如驗證碼、圖形、滑塊等,儘管有些方式可以識別圖形和定位滑塊位置,但成功率都不高,無法真正意義上實現自動化執行;而http接口的自動化測試前置如果依賴cookie,也無法實現自動化執行。 a、怎麼樣才能繞過登錄,實現從前端到後端的自動化執行 b、面對複雜的登錄驗證無法直接自動獲取

jdcdevloper 頭像

@jdcdevloper

昵稱 京東雲開發者

@fenanjiu

使用原生 cookieStore 方法,讓 Cookie 操作更簡單

前言 對於前端來講,我們在操作cookie時往往都是基於document.cookie,但它有一個缺點就是操作複雜,它並沒有像localStorage那樣提供一些get或set等方法供我們使用。對與cookie的操作一切都是基於字符串來進行的。為了讓cookie的操作更簡便, Chrome87率先引入了cookieStore方法。 document.cookie document.cookie可以

fenanjiu 頭像

@fenanjiu

昵稱 南玖

@yils_lin

第三方Cookie失效時的新解決方案

本文首發於我的博客 YILS's Blog,首發地址:第三方Cookie失效時的新解決方案 (yils.blog) 第三方 Cookie 一直是網絡的重要組成部分,這已持續了 25 年。 然而隨着瀏覽器對隱私保護的加強,為了防止跨站跟蹤,第三方 Cookie 的使用變得越來越受限。即使你已經正確設置了 SameSite=None; Secure;,仍然可能會遇到 Set-Cookie 失效的問題。

yils_lin 頭像

@yils_lin

昵稱 YILS_LIN

@lizh

聊一聊Cookie的一些問題

Cookie 是站點為了保存訪客的一些信息,用來區分用户或者傳遞信息。在 Session 出現之前,基本上所有的網站都採用 Cookie 來區分用户身份。 Web 應用程序是使用 HTTP 協議傳輸數據的。HTTP 協議是無狀態的協議。一旦數據交換完畢,客户端與服務器端的連接就會關閉(HTTP 1.0 及以前),再次交換數據需要建立新的連接。Cookie 是一種是在客户端保持 HTTP 狀態的方案

lizh 頭像

@lizh

昵稱 lizh

@jianrendechaomian_czry72

當一個Cocos博主被問有沒有Unity教程...

點擊上方font color=blue億元程序員/font+關注和font color=orange★/font星標 引言 哈嘍大家好,自從恢復更新以來,我的文章受到系統的強力推薦: 我新收穫了許多新粉絲們的關注: 與此同時,收到的私信也非常多: 其中甚至還有一部分Unity的獨立開發者,感謝給我提供了非常好的情緒價值: 還有另外一個新粉絲的私信引起了我的注意,後台收到的: 看到這句話

jianrendechaomian_czry72 頭像

@jianrendechaomian_czry72

昵稱 億元程序員

@feng_fanfan

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

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

feng_fanfan 頭像

@feng_fanfan

昵稱 Feng_Fanfan

@fannaodeshafa

7個讓全棧開發效率起飛的 Bun 工作流

有沒有誰敲下 npm install 後,電腦風扇開始狂轉,好像隨時就要起飛了。 隨着 Bun 的出現,這種情況就好轉了,Bun 把運行時、包管理器、打包工具、測試工具全塞進了一個二進制文件裏,主打多快好省。 但光用上 Bun 還不夠,得用得巧。今天就分享7個Bun工作流,提升你的全棧開發效率,減少掉髮。 在開始之前,咱們先解決入門問題。要在電腦上裝 Bun 或者 Node.js,就得得跟 nv

fannaodeshafa 頭像

@fannaodeshafa

昵稱 煩惱的沙發

@fannaodeshafa

構建現代應用的9個Python GUI庫

你是不是也覺得Python好是好,就是做個帶界面的桌面應用太費勁了,是時候打破這個刻板印象了。如今的Python在GUI開發領域早就不是吳下阿蒙了。今天介紹的Python GUI庫都可以打造炫酷的應用。 在此之前,我們先搞定一切的基礎 —— 開發環境。項目一多,Python版本就成了個頭疼事。老項目可能還跑在Python 2.7上,新項目又想用最新的3.12特性,來回切換環境能把人折騰死。 那就不

fannaodeshafa 頭像

@fannaodeshafa

昵稱 煩惱的沙發

@tuzixiansen_63d4d65909d62

vue3封裝一個頁面級的滾動條觸底加載函數

主要參數: ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數,比如getList,該函數是一個async的Promise函數 ● threshold

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

vue3封裝一個容器級的滾頂條觸底加載函數

代碼可直接複製使用,主要用於頁面容器內的滾動觸底加載 主要參數: ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@linzai_6904290569daa

用JavaScript製作動態表白頁面

前言 最近在抖音上刷到這種文字表白特效,覺得挺有意思的,就想着自己也能用代碼實現一個,雖然實現得比較基礎,但效果還挺像那麼回事!分享出來給大家參考,也期待大佬們給出更好的實現方案~ 實現效果: 在屏幕內隨機出現div盒子,位置隨機,內容隨機選,要求動態的一個個淺出 css部分 div { width: 200px; height: 100px; text-align: c

@zhuifengdekaomianbao

仿真測試平台被列為長三角機器人產業重點

2024年7月,《長三角機器人產業高質量發展行動計劃》正式發佈,明確提出到2027年培育形成萬億級產業集羣,其中仿真測試平台被列為關鍵技術攻關重點。 一、技術需求:從"硬件依賴"到"虛擬驗證" 隨着長三角地區機器人產業規模突破6500億元,傳統依賴物理樣機的研發模式已難以滿足快速迭代需求。以上海為例,工業機器人密度已達每萬人460台,但新產品研發週期仍長達12-18個月,其中物理測試環節佔

zhuifengdekaomianbao 頭像

@zhuifengdekaomianbao

昵稱 張老師講數字孿生

@cryptorzz

實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口,支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key,所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

cryptorzz 頭像

@cryptorzz

昵稱 CryptoRzz

@cixiangdelang

住宅IP和共享IP的區別

住宅IP是指由互聯網服務提供商(ISP)分配給家庭用户的真實IP地址,通常用於個人或家庭網絡設備。這種IP地址具有較高的可信度,常用於需要模擬真實用户行為的場景,如市場調研、廣告驗證等。 共享IP是指多個用户或設備共同使用的IP地址,通常由代理服務器或VPN服務提供商分配。這種IP地址成本較低,但容易被目標網站識別並限制,適用於一般性的匿名瀏覽或數據採集。 主要區別 來源不同 住宅IP

cixiangdelang 頭像

@cixiangdelang

昵稱 慈祥的檳榔

@zhuifengdekaomianbao

東部沿海智慧城市建設迎來AI視頻分析突破

2024年以來上海率先建成超千萬級感知終端的城市數字孿生平台,每日處理視頻數據量超過PB級別,標誌着AI視頻分析技術正式成為智慧城市建設的核心基礎設施。 一、政策引領與技術基礎 在國家"十四五"規劃推動下,新型智慧城市建設快速推進。2023年,住建部與工信部聯合發佈指導意見,明確要求到2025年建成一批特色鮮明的城市數字孿生平台。東部沿海地區憑藉其技術優勢,率先實現AI視頻分析技術的規模化應用。

zhuifengdekaomianbao 頭像

@zhuifengdekaomianbao

昵稱 張老師講數字孿生

@junxiudetuoba

放心託付!三角洲安全護航,採用純手打,杜絕一切風險

一、後端語言架構 核心語言:PHP 推薦框架:ThinkPHP6。這兩個框架均具備輕量級、高性能的API開發能力,支持ORM(對象關係映射)方法,可有效防止SQL注入,適合快速構建業務邏輯。 優勢: 快速開發:PHP語言簡潔易學,結合框架可大幅提升開發效率。 高併發處理:通過Nginx或Apache作為Web服務器,結合Redis緩存高頻數據,可輕鬆應對高併發

junxiudetuoba 頭像

@junxiudetuoba

昵稱 伊伊DK

@yqyx36

Typecho 博客統計腳本怎麼裝?同步 / 異步 + Head/Body 選擇指南

本文系轉載,轉載鏈接:Typecho 博客統計腳本怎麼裝?同步 / 異步 + Head/Body 選擇指南 前言 給 Typecho 博客裝統計腳本時,選 “同步還是異步”“放 Head 還是 Body”,不同的方式會直接影響頁面加載速度和數據準確性。今天就從原理到實操,再根據各大統計工具的官方安裝方案,來統一拆解一下在什麼時候用什麼方式會更好。 一、同步 vs 異步 給博客裝統計腳本,本質是 “

yqyx36 頭像

@yqyx36

昵稱 雲輕雨細

@beishangdejianjidan_cqxuxf

前端難還是後端難?作為8年後端開發的我,來發言

前端難還是後端難?作為八年後端開發,我想説點實話 前端容易嗎?不容易。 後端輕鬆嗎?也不輕鬆。 那到底哪個更難? 這事還真不是一句話能説清楚的…… 一、先説説我個人的背景 我是一個寫了 8 年 Java 後端的程序員,經歷過中後台系統、金融系統、ToC App 的服務端架構,也跟前端打了無數交道。從最早的 jQuery 到現在的 Vue、React、Vite,從最早的 JSP 頁

beishangdejianjidan_cqxuxf 頭像

@beishangdejianjidan_cqxuxf

昵稱 悲傷的煎雞蛋_cQXuXF

@fannaodeliushu

《冬季遊戲動態交互的底層邏輯優化全解析》

在冬季遊戲場景開發中,動態元素的自然交互與性能穩定的平衡,是決定玩家沉浸感的核心命題,其難度遠超靜態場景的質感打磨。曾主導一款雪域生存遊戲的動態渲染優化工作,項目初期,團隊為還原極致真實的雪境體驗,植入了全場景動態積雪堆積、實時雪崩觸發、雪粒與物體碰撞反彈、植被受壓積雪墜落等多重動態效果。然而,在實際測試中,這些效果的疊加暴露出嚴重的性能問題:中端設備在玩家穿越森林或攀爬地形時,幀率從目標的60幀

fannaodeliushu 頭像

@fannaodeliushu

昵稱 程序員阿偉

@fannaodeliushu

《URP管線主導的角色材質、陰影與顯存動態適配優化方案》

在中高端移動遊戲開發中,通用渲染管線(URP)的落地質量直接決定角色呈現的細膩度與運行流暢度,但其輕量化架構與複雜場景需求間的矛盾常成為技術瓶頸。曾主導一款奇幻題材手遊的角色渲染優化,項目初期採用URP標準配置搭建系統,卻在第三次內部測試中暴露出致命問題:夜間森林場景中,當角色處於12個實時點光源(含火把、魔法特效光源)與體積霧疊加環境時,35%的Android中高端設備(以驍龍888、天璣920

fannaodeliushu 頭像

@fannaodeliushu

昵稱 程序員阿偉

@kestrel_task

Node.js REST 升級 MCP 服務器,讓 AI 代理成為你的開發助手

隨着大型語言模型(LLM)和代理 AI 的快速發展,應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計,開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議(MCP) 作為一種開放標準,通過創建統一的、機器可讀的界面,讓 AI 代理能夠動態發現並與之交互,成功解決了這一痛點。 本文將提供一份全面指南,介紹如何使用官方 TypeScrip

kestrel_task 頭像

@kestrel_task

昵稱 微芒不朽

@kestrel_task

CSS Flex 佈局比 float 更值得學

在現代 Web 開發中,佈局是構建用户界面的核心環節。長期以來,CSS 的 float 屬性曾是實現多列布局的主要手段,但隨着 CSS 技術的發展,Flexbox(彈性盒子佈局)已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局,並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景:從 float 到 Flexbox float 最初設計用

kestrel_task 頭像

@kestrel_task

昵稱 微芒不朽