tag 前端

標籤
貢獻1,071
2775
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 smileZAZ 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

i_62f4ad94a52ca 頭像

用户bPc1FjG - Java8(JDK1.8)新特性

一、Java8(JDK1.8)新特性 1、Lamdba表達式 2、函數式接口 3、方法引用和構造引用 4、Stream API 5、接口中的默認方法和靜態方法 6、新時間日期API 7、OPtional 8、其他特性 二、java8（JDK1.8）新特性簡介 1、速度快； 2、代碼少、簡介（新增特性:lamdba表達式）； 3、強大的Stream API； 4、使用並行流和串行流； 5、最大

jdk18 , java8 , jdk8 , typescript , 前端

收藏 評論

hello888 頭像

洛陽醉長安行 - TypeScript + Map實現一個公共數據管理模塊DataMap

在大型中後台項目開發中，尤其是在使用React進行開發時，我們會遇到很多下拉框數據、多選框數據、或者編碼中多處使用到的業務型公共映射表。為了便於維護，可以把這些數據都集中放到一個模塊中，而不是分散的寫在各個地方。 實現思路 我們定義一個IMapExtra接口擴展一下Map實例，建立兩個類MapExtra和DataMap，MapExtra是為了在使用數據時更方便獲取Map類型數據。最後把map（數據

map , typescript , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 如何實現拖拽行數據排序，並對拖拽後進行提示框二次確認是否允許拖拽

vxe-table 如何實現拖拽行數據排序，並對拖拽後進行提示框二次確認是否允許拖拽，通過 row-drag-config.dragStartMethod 可以自定義處理拖拽開始時的拖動 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-ext

前端

收藏 評論

yolindeng 頭像

YoLinDeng - 微信小程序內嵌H5頁面，完成微信支付閉環

前言 本文介紹如何在小程序中內嵌H5，並完成微信支付的整個流程閉環。我們知道微信H5支付是通過生成特定的支付鏈接，並跳轉到這個鏈接去完成支付操作的。但在微信小程序中對於內嵌的頁面域名具有白名單限制，如果支付鏈接是第三方的無法做加白處理。 這個時候我們就得換個思路了，該怎麼解決呢？咱們往下看。 實現過程 小程序入口 在微信小程序中新建一個頁面，使用web-view組件作為內嵌H5的入口，由於後續支付

微信小程序 , 支付 , 前端

收藏 評論

mofaboshi 頭像

魔法博士 - 前端算法題的修煉等級

縱觀大廠的前端算法題，有難有易，下面就難度等級劃分為幾個類型供大家參考。 1. 熟練掌握語言的基本語法以及常用函數的基本用法（1星難度） 展開一個數組，數組最多二維：[[1,2],[3,4]] = [1,2,3,4] 解答：主要考察spread運算符以及數組的concat用法。 function flatten(arr) { return [].concat(...arr); } 2. 使

遞歸 , 算法 , currying , 前端

收藏 評論

yayu 頭像

冴羽 - 10 個 Nano Banana Pro 專業級生圖技巧

前言 如果你已經學會： 免費使用 Nano Banana Pro： 6 個白嫖 Nano Banana Pro 的網站 使用提示詞庫復刻驚豔圖片：一次找齊！1000 個 Nano Banana Pro 提示詞 學會如何自己寫提示詞：Nano Banana Pro 很強，但你要學會寫提示詞才能隨心所欲 本篇我們再分享 10 個技巧，幫助你將生成的圖片直接達到生產級別。 本篇主要內容整理自

gemini-pro , aigc , 人工智能 , nano-banana-pro , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - forEach和map的異同

forEach和map都是用於迭代集合或數組的方法，但是forEach和map的主要區別在於它們的返回值和使用方式。 不同點： forEach方法是沒有返回值的，它只是對集合或數組進行迭代和操作。 map方法會返回一個新的數組，該數組包含通過對原始數組中的每個元素應用一個函數處理後得到的結果。 相同點： 兩者都可以用於遍歷集合或數組中的每個元素進行操作。 兩者都可以通過傳遞一個回調函

循環 , foreach , map , 前端 , Javascript

收藏 評論

mataotao 頭像

風徹 - Session

Session Cookie 和 Session 區別與聯繫 由於HTTP協議是無狀態的協議，所以服務端需要記錄用户的狀態時，就需要用某種機制來識具體的用户，這個機制就是Session。 典型的場景比如購物車，當你點擊下單按鈕時，由於HTTP協議無狀態，所以並不知道是哪個用户操作的，所以服務端要為特定的用户創建了特定的Session，用用於標識這個用户，並且跟蹤用户，這樣才知道購物車

localstorage , cache-control , 前端 , Javascript , session

收藏 評論

u_12190 頭像

藍月亮 - Spark SQL 字符串函數彙總

文章目錄 前言 驗證SQL代碼 函數分解詳解 1. SEQUENCE函數 2. FILTER函數 3. SIZE函數 實際應用示例 場景1: 單個字符差異 場景2: 多個字符差異 實際應用

spark , 數據 , 後端開發 , SQL , 前端 , Python

收藏 評論

shishangdelianpen_cc7e4y 頭像

時尚的臉盆_cC7e4Y - 家庭眾多場景

11月摩根士丹利新發布的一份研究報告中預測，蘋果這家行業巨頭正在逐步推進他們的人形機器人計劃，想要打造下一個超級增長引擎；結合此前8月份彭博社等財經媒體的相關報道，機器人市場可能真的要在不久的將來迎來蘋果這頭“巨鯨”了。 蘋果為什麼要在此時開始加速下注機器人賽道？ 行業的熱度自然是最顯要的背景，而對蘋果自身來説，驅動它進軍機器人領域的自身動力也在這個時間點上異常的大---- 長達15年的庫克掌舵時

前端

收藏 評論

u_16099226 頭像

雲端夢想實現家 - Web前端大作業—個人網頁(html+css+javascript)我的家鄉新密 (15頁)含課程設計_html網頁設計的技術博客

JavaScript 條件語句與循環語句詳解 條件語句 JavaScript 中的條件語句用於根據不同的條件執行不同的代碼塊。常見的條件語句包括 if...else、switch 等。 if...else 語句 if...else 是最基本的條件控制結構，語法如下： if (condition) {

開發語言 , JAVA , 條件語句 , 前端開發 , 前端 , Javascript

收藏 評論

nanke_6944ddd8297d4 頭像

南柯 - 什麼是SSL證書

SSL證書（安全套接層證書）是一種數字證書，用於在客户端（如瀏覽器）和服務器之間建立加密連接，確保數據傳輸的安全性和完整性。SSL現已被更安全的TLS（傳輸層安全）協議取代，但“SSL證書”這一名稱仍被廣泛使用。 SSL證書的核心功能 1. 身份驗證 驗證網站所有者的真實身份，有效防止釣魚網站和中間人攻擊，並向訪客直觀展示網站的可信度。 2. 數據加密 加密瀏覽器與服務器之間的

後端 , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - ThinkPHP6後台 + UniApp前端：打造合規線下社交/交友（婚戀）小程序的技術實現

一、核心目標與合規前提 核心目標 基於微信小程序生態，打造「線下場景匹配 + 安全社交」的合規產品（如同城活動約伴、興趣小組線下聚會、附近靠譜社交） 技術棧落地：TP6 後端提供穩定接口與合規管控，UniApp 前端實現小程序端快速開發與體驗優化 核心功能：用户實名認證、線下場景發佈 / 報名、附近匹配、安全聊天、活動履約保障 合規核心要求（微信小程序 + 社交

php , 後端 , 前端

收藏 評論

shixinzhang2016 頭像

拭心 - 八年老程序員的一二月總結：回家過年、閲讀挑戰、線下新體驗

大家好，我是拭心，一名工作八年的程序員。 每兩個月我會做一次總結，為的是留一些回憶、評估自己的行為、沉澱有價值的信息。 回顧一二月，原來發生了這麼多事，趁着週末記錄一下吧。 有意義的事 1.回家過年 今年回內蒙古陪父母們過了個長年，非常開心。 過年期間主要有這些值得記住的事： 老婆給雙方媽媽買了金鐲子，媽媽很高興，對老婆讚不絕口😄 給家人花錢讓我很有成就感，或許這就是賺錢的意義 除夕當

程序員 , 總結 , 前端

收藏 評論

u_12219 頭像

誤會一場 - React 中 react-i18next 切換語言（ 項目國際化 ）_reacti18

在 React 項目中配置react-i18next實現中英文切換，步驟如下： 一、安裝依賴 首先確保已安裝核心庫： npm install react-i18next i18next i18next-http-backend # 核心庫 + 加載語言文件的插件 二、配置 i18n 1. 創建語言文件

i18next , 加載 , 後端開發 , React.js , 前端 , Json , Python

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Next.js面試題：API深度解析

Next.js面試題：API深度解析 Next.js 通過 App Router 的引入徹底改變了 Web 開發範式。在這個新時代，深入理解 Next.js 的 API 函數不再只是錦上添花，而是技術面試中的關鍵區分點。這些函數構成了構建高性能、可擴展、現代化 Web 應用的基石。 本文將系統地解析 Next.js 的各類函數，不僅闡述它們的基本功能，更深入探討實際應用場景、細微差別以及面試中可能

next.js , 前端

收藏 評論

tina6661 頭像

tina666 - JS call,apply, bind區別

這兩天看到他們三個的區別，很早前有寫call 和apply的區別，具體內容參考鏈接https://blog.csdn.net/u010340... bind是個什麼鬼，感覺沒用過，但是有印象在react裏面改變this作用域，但是他們三個有什麼區別啊？查了查網站，歸納出以下區別： 通過call()調用函數時必須在括號中詳細地列出每個參數 myfun.call(window,12,13); a

call , apply , bind , 前端 , Javascript

收藏 評論

evilboy 頭像

瘋狂的技術宅 - 這 7 道關於 this 的面試題，你能答對幾個？

在 JavaScript 中，this 是函數調用上下文。正是由於 this 的行為很複雜，所以在 JavaScript 面試中，總是會問到有關 this 的問題。 做好的準備面試的方法是練習，所以本文針對 this 關鍵字整理了 7 個有趣的面試。 注意：下面的 JavaScript 代碼段以非嚴格模式運行。 1：變量與屬性 以下代碼輸出什麼： const object = { messag

面試 , this的用法 , 前端 , Javascript

收藏 評論

turing_interview 頭像

圖靈訪談 - CSS 魔法：學海無涯，而吾生有涯

非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/article/216538 圖靈訪談非常有幸能邀請到“魔法哥”，進行一期專訪。我們都知道您是國內知名的 CSS 專家，是什麼樣的 “CSS情結” 使得您願意將 “CSS魔法” 作為自己的別名？ 大家好，很榮幸接受圖靈的專訪。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。 這個問

css預處理器 , 圖靈訪談 , Css , 前端 , Javascript

收藏 評論

reeli 頭像

橘子小睿 - 搭建前後端之橋

隨着前後端分離，開發的門檻降低了，我們不再要求團隊中的每個開發都是全棧工程師，這樣更容易找到項目的合適人選。團隊也劃分成了前端和後端兩個團隊。前端負責消費 API 並展示頁面，後端負責提供 API。這兩個團隊可以並行開發互不影響，大大提升了效率。雖然前後端分離解決了很多問題，但同時也帶來了新的困擾。 前後端分離帶來的困擾 溝通成本 前後端成為兩個獨立團隊之後，協作的問題便隨之而來。通過什麼來協作呢

前端工具 , swagger , typescript , 前端

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化： 使用 React.memo() 提高 React 組件性能

想閲讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等着你！ 這是 Web 性能優化的第四篇，之前的可以在下面點擊查看： Web 性能優化： 使用 Webpack 分離數據的正確方法 Web 性能優化： 圖片優化讓網站大小減少 62% Web 性能優化： 緩存 React 事件來提高性能 React.js 核心團隊一直在努力使 React 變得更快，就像燃燒的速度一樣。為了讓開

react , web性能優化 , 程序員 , 前端

收藏 評論

taoxiaoyao 頭像

桃小妖 - 基於vue的三級聯動地址選擇組件（適用於移動端）

vux-XAddress 地址組件封裝 components/address/pcaSelect.vue template div class="pca-select-wrapper" x-address title="選擇地區" popup-title="選擇地區" style="display:none;" v-model="chooseAddr" :list="a

vue.js , address , vux , 前端

收藏 評論

moerwanshangchishime 頭像

模兒晚上吃什麼 - uni-app 使用 ucharts 圖表做國際化業務時，APP上遇到圖例錯位問題。

使用ucharts開發時遇到圖例錯位的情況，小程序正常，app上有問題。 排查之後，鎖定罪魁禍首是u-charts.js裏面的這段代碼。APP計算文字寬度時，匹配不到諸如泰語等文字，字符默認與漢字同寬度。 function measureText(text, fontSize, context) { var width = 0; text = String(text);

unix , charts , 前端

收藏 評論

hellotech 頭像

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中，已有的多媒體基礎能力存在一些問題/瓶頸： 貓屋直播 - 三方直播sdk，在MTK芯片的機型上存在兼容問題（hevc硬解報錯），導致直播流無法播放，用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等，使用系統多媒體Api，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

收藏 評論