tag 前端

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

@前端 / 博客 RSS 訂閱

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，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

收藏 評論

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】 （開篇）如何獲取和監聽 DOM 元素

前言 由於在工作中自定義 Hook 場景寫的較多，當實現某個通用場景功能時，可能沒想過有已實現好的 Hook 封裝或者壓根沒想去從 Hooks 庫裏面找，但是社區好的實現使用起來是可以提高開發效率和減少 bug 率的。 公司項目中有依賴庫 ahooks，但我用的次數不多，於是有了想詳細瞭解 ahooks 的打算，更主要是為了更加熟練抽離與實現一些場景 Hook，學習如何更好的自定義 Hook，便有

react , hooks , 前端 , Javascript

收藏 評論

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(7)——擴展工作台

vscode插件開發中文文檔教程(7)——擴展工作台 原文鏈接：Extending Workbench\ 作者：Microsoft\ 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展工作台 “工作台”指的是包含以下

vscode插件 , typescript , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny 體驗官實操活動 | 快速體驗 TinyVue 組件庫的智能化交互能力

實驗簡介 通過體驗基於標準 MCP 協議的Web 智能組件庫——TinyVue，開發者可以瞭解 AI 智能體控制 TinyVue 智能組件的各類行為。本次實驗主要是在 TinyVue 官網上，開發者能夠通過 AI 對話框，以語音或文字方式與網站組件進行互動，並且還能借助 VSCode Copilot、Cursor 等 IDE 工具，Dify、Coze 等智能體平台來操作這些組件。 實驗目標 按

vue.js , 組件庫 , 開源 , 前端

收藏 評論

baqidemakebei 頭像

霸氣的馬克杯 - Yarn 依賴解析機制深度解析：確定性安裝與版本衝突的工程哲學

引言：包管理工具的"聖盃問題" 在現代前端工程中，依賴管理已成為構建穩定性的核心挑戰。根據 2023 年 JavaScript 生態調查報告顯示，平均每個前端項目依賴 1,200+ 個第三方包，嵌套依賴層級超過 15 層。在這樣的複雜度下，如何實現確定性安裝（Deterministic Installation）和版本衝突智能解決，成為 Yarn 這類包管理工具的核心戰場。 本文將深入探討 Yar

yarn , postman , postcss , 前端 , Javascript

收藏 評論

zaoying 頭像

zaoying - useI18n——基於依賴注入實現國際化功能

前情提要 一個月前，我基於React hook 實現前端組件的依賴注入，前文：useIoC：僅一百多行代碼實現前端的依賴注入。 同時也嘗試基於依賴注入實現一套UI庫，目的是驗證前端依賴注入的可行性，然後意外解鎖 React children 的全新用法：useIoC答疑 對children屬性的深入挖掘。 UI庫已在Github開源：https://github.com/zaoying/uiki

react , 依賴注入 , i18n , 前端

收藏 評論

vistart 頭像

vistart - Vue3 初學者學習路徑

對於想要快速上手Vue3並滿足您提出的要求，我推薦以下學習路徑： 1. Vue3基礎知識學習 首先需要掌握Vue3的核心概念： 瞭解Vue3的Composition API（推薦）和Options API 熟悉Vue3的響應式系統（ref、reactive） 學習組件通信方式（props、emit、provide/inject） 掌握Vue3生命週期鈎子 學習資源推薦： Vue3官

github , vue3 , 學習方法 , 後端 , 前端

收藏 評論

jjyin 頭像

JJYin - mpvue開發小程序——項目初始化及實現授權登錄

mpvue mpvue是一個使用vue.js開發小程序的框架。其官網http://mpvue.com/ 的介紹是，mpvue框架基於Vue.js核心，mpvue修改了Vue.js的runtime和compiler實現，使其可以運行在小程序環境中，從而為小程序開發引入了整套Vue.js開發體驗。 使用mpvue框架開發小程序，能夠直接使用vue語法進行開發。 Vant Weapp Vant Weap

小程序 , mpvue , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - 【CSS進階】使用CSS gradient製作絢麗漸變紋理背景效果

前言 一直對漸變背景這塊比較感興趣，但是因為每天加班實在太忙了，任務也比較多。所以就只能下班的時間研究漸變背景這方面的知識，一來滿足了自己的好奇心，二來可以更加了解這方面的知識。跟更多不斷學習的小夥伴們一起進步，一起汲取新的知識。不斷成長，不斷精進自己的知識。有想一起討論技術，一起成長的夥伴們，也可以加微信一起交流。各微信羣裏面，有很多前端領域的大佬，在他們身上學到了很多，今後也努力向他們看齊。不

css3 , css技巧 , Css , css3動畫 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序登錄以及獲取手機號

登錄流程如下 登錄，wx.login拿到code，調用後端接口 後端通過appId、appsecret、code獲取session_key和openid 後端自定義登錄態，與openid、sessiong_key關聯，返回自定義登錄態給前端 前端拿到登錄態(token)，後續拿token請求接口即可。 登錄的同時要加手機號驗證，流程如下： 前端點擊一鍵登錄按鈕，按鈕綁定open-

react , vue.js , HTML , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - React-native實戰系列

React-native實戰系列 本文是關於 React-native 實戰的系列內容，包括表單組件的封裝（如 input、select、Toggling、DateTimePicker 等）和懶加載列表的實現。懶加載列表通過定義數據源、繪製組件圖，運用相關 API 實現功能，並處理了搜索排序等邏輯。最後提到若有問題可通過[沸點]聯繫作者。 關聯問題: 如何優化懶加載效果 表單樣式能自定義嗎 安卓日

react-hooks , 前端

收藏 評論