tag 前端

標籤
貢獻1,058
1428
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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 , 前端

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

溪抱魚 - React-native實戰系列

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

react-hooks , 前端

收藏 評論

前端搬磚師 - 前端緩存大全

前端緩存一直是前端一熱門話題,也是面試高頻考點。主要涉及前端性能優化相關知識點。先來看看大綱: 之前也有寫過一遍關於http緩存的文章一文讀懂http緩存(超詳細),裏面寫的比較詳細。有興趣可以去看看,今天呢,主要是對前端緩存做一個較為全面的總結,希望對大家有所幫助吧! 前端緩存大致分為兩類: 1、http緩存 2、本地緩存 一、http緩存 http緩存也稱為應用緩存,主要是緩存get請

cache-control , 緩存 , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

從容的漢堡包 - 怎麼快速申請內網IP證書?如何選擇內網IP證書?需要導入根證書嗎?

如何快速申請與選擇內網IP SSL證書及根證書管理策略 在當今數字化時代,網絡安全已成為企業和個人不可忽視的重要議題。隨着互聯網的普及和信息技術的發展,越來越多的服務和應用被部署在內網上,以保障數據的安全性和隱私性。然而,即便是在內網環境中,確保通信的安全加密同樣至關重要。這時,內網IP SSL證書就顯得尤為重要了。本文將詳細介紹如何快速申請內網IP SSL證書、如何選擇適合自己需求的內網IP S

觀點 , 教程 , 數據庫 , memcached , 前端

收藏 評論

wupengyu - react核心

react核心思想 簡單來説,就是virtual dom react diff。 我們都知道在前端開發中,js運行很快,dom操作很慢,而react充分利用了這個前提。在react中render的執行結果是樹形結構的javascript對象,當數據(state || props)發生變化時,會生成一個新的樹形結構的javascript對象,這兩個javascript對象我們可以稱之為vir

react , ecmascript-6 , virtual-dom , diff , 前端

收藏 評論

歸子莫 - 【JavaScript基礎】Js的定時器(你想看的原理也在喲)

【JavaScript基礎】Js的定時器(你想看的原理也在喲) 博客説明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 説明 本章是經歷第二次翻新,時過一年,再看自己的文章,覺得需要做點什麼,它得豐富一點!篇幅半頁或者一頁,自己都感覺有點對不住自己。為了對得住自己,加了原理解析和案例。知其然與所以然。 Js的定時器,是前端的基本工具,

settimeout , setinterval , 前端 , Javascript

收藏 評論

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)之手寫題(二)

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期: "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前端面試總結(含

面試 , 筆試 , 前端 , Javascript

收藏 評論

前端路引 - 還在痛苦前端的拖拽排序嗎?SortableJS 輕鬆搞定

產品扔過來一個需求:這個列表需要實現拖拽排序,心裏面慌不慌? 如果要手搓一個這個功能,那代碼可就很感人了。 大概有這麼些邏輯:鼠標按下 - 開始拖動 - 拖動中實時改變位置 - 拖動結束判斷是否允許釋放 - 不允許縮放怎麼做 - 允許縮放又怎麼做。 要實現這一大堆邏輯,那畫面很美~~ 別慌,面向 github 編程,已經有人造了輪子,咱們用起來即可。 SortableJS 項目主頁:https:

前端

收藏 評論

數據探索家 - 前端- Vite+Electron快速構建一個VUE3桌面應用 - 個人文章

1. Electron 背景介紹 Electron 是一個開源框架,由 GitHub 開發(最初為 Atom 編輯器 項目構建),允許開發者使用 Web 技術(HTML、CSS、JavaScript) 構建 跨平台桌面應用程序。 1.1 起源與發展 2013年:最初名為 Atom Shell,是 GitHub 為其代碼編輯器

虛擬化 , 雲計算 , API , electron , 前端 , Javascript , Web

收藏 評論

羊先生 - 理解CSS盒模型與BFC

什麼是盒模型 一個CSS盒模型由content、border、padding、margin組成,盒模型又分為標準模型和IE模型。標準模型和IE模型區別就是就是計算盒子的寬度和高度的不同 標準模型 標準模型的寬度和高度指的是content 實際例子 style type="text/css" .box{ width: 200px; height: 200px; bor

盒模型 , bfc , 前端

收藏 評論

騰訊位置服務 - 基於騰訊地圖定位組件實現周邊公用廁所遠近排序分佈圖

前言 地圖應用非常廣泛,目前地圖服務,都提供地圖操作、標註、地點搜索、出行規劃、地址解析、街景等接口,功能非常豐富。在實際開發過程中,各有優劣。本次基於需求,使用騰訊位置服務作為一個公用廁所位置標註的H5頁面開發。 本次使用版本: JavaScript API 2.0版本。 項目需求 1、項目需求 基於騰訊位置服務,實現微信掃描二維碼後,在微信瀏覽器內,展示某縣城的公用廁所分佈圖,按照用户當前定位

地圖開發 , 地圖api , 騰訊地圖 , 地圖 , 前端

收藏 評論

小皇帝James - 前端代碼規範彙總

前言 本文部分內容基於 Vue,大部分情況下都是前端通用的。 本文旨在規範lint不能解決的前端代碼,不與已有的 eslint、 stylelint、prettier 規則重複。 規範 HTML規範 語義化標籤 標題 h1 ~ h5 列表 ul + li 文字塊 p 佈局 header nav section article aside

規範化 , jsdoc , Css , HTML , 前端

收藏 評論

valleykid - 手把手教你定製一套適合團隊的微前端體系

編者按:大家在使用目前市面上的微前端解決方案時,可能會有些顧慮。比如遇到框架自身的問題和坑點,影響了業務進度怎麼辦?現在有這麼一款框架 Satum,可以像 express/koa 框架一樣提供中間件機制,其只負責核心的功能(規則計算和微應用加載/卸載)。可以基於該框架定製一套適合團隊自身業務的微前端體系,另外該框架還有更多特性,如面向多實例集成、適配多終端等。 寫在前面 隨着前端工程複雜度逐漸增加

前端架構 , 微前端 , 前端

收藏 評論

德來 - 預加載系列二:讓File Prefetching絲絲潤滑無痛無癢

所謂 File Prefetching 就是在一個頁面加載成功後,默默去預加載後續可能會被訪問到的頁面的資源。 前端資源預加載其實沒啥新鮮的,我們倒騰這個事情的過程卻是很有有意思也很有啓發性。 第一個版本,簡單粗暴有點痛 1、建一個獨立的頁面,裏面索引了各種需要預加載的css、js,代碼類似下面這樣。 html head link rel="stylesheet" hre

prefetch , web性能優化 , 緩存 , 前端

收藏 評論

孟繁勝遊 - 前端包管理Bower入門教程

Bower瞭解 bower是twitter的一個開源項目,使用nodejs開發,用於web包管理。如果越來越多得開源項目都託管在github上,bower只需要將github上項目加上一個配置文件既可以使用bower方式使用安裝包。作為包管理,bower能提供添加新web包,更新web包,刪除web包,發佈web包功能,管理包依賴。web包通常認為由html+css+javascript構成。 環

node.js , bower , 前端 , Git , html5

收藏 評論

林恆 - 12個JS核心,搞懂這些直接起飛!

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 你是不是也遇到過這樣的場景?面試官拋出一個閉包問題,你支支吾吾答不上來;團隊代碼review時,看到同事用的Promise鏈一臉懵逼;明明功能實現了,性能卻總是差那麼一點... 別慌!今天我整理了12個JavaScript核心概念,這些都是2024年各大廠面試的高頻考點,也是日常開發中真正實用的硬核知識。搞懂它

前端

收藏 評論

智能開發先鋒 - 33、JAVA

文章目錄 多 Web 端子系統共享會話:原理與實踐 同主域名共享方案:Cookie + Session 集中存儲 原理 實現方案 1. Cookie 設置要點 2. 集中式 Session 管理 3. 單點登出機制 跨主

redis , 人工智能 , 深度學習 , .net , 跨域 , 前端

收藏 評論

CodeSteppe - JavaScript、CSS實現鼠標跟隨繁花效果

https://www.bilibili.com/vide... JavaScript and CSS animation showing flowers following the mouse pointer. 這個效果的靈感來自某些網站,當鼠標移動時,鼠標箭頭周圍出現氣泡、紅心或水波的擴散圖案,這種效果對網頁的訪問者有很強的視覺吸引力 我們用原生的 HTML,JavaScript 和 CSS

animation , Css , HTML , 前端 , Javascript

收藏 評論

伊伊DK - 從源碼到上線:多端適配圈子系統(微信 H5 / 小程序)同步落地方案

在社羣經濟爆發的當下,圈子系統作為 “用户聚合、內容沉澱、互動轉化” 的核心載體,需同時覆蓋微信 H5(傳播便捷)與小程序(體驗輕量化)兩大場景。 **一、前期準備:明確需求與技術棧選型​ 圈子系統核心需求拆解​** 多端適配的圈子系統需滿足 “功能一致、數據同步、體驗適配” 三大核心目標,具體需求可分為四類: 2. 技術棧選型:兼顧多端適配與開發效率​

php , 前端

收藏 評論

千年單身的蘋果 - 零成本開發神器:2026年最值得推薦的免費AI編程助手

1.摘要與核心結論 摘要: 在2026年,AI 編程工具已從單一的代碼生成演進為全棧智能體 (Coding Agent) 協作模式。本文基於“降本增效”與“規範化開發”兩大核心維度,對市場主流的免費及免費增值型 AI 編程助手進行了深度評測。針對開發者最關注的準確率、智能體能力及免費額度策略,我們引用了 IDC 及 GitHub 最新數據進行嚴謹論證。 行業背景: 據 GitHub Octover

教程 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

nojsja - 前端123:瀏覽器緩存的工作方式

瀏覽器緩存的工作流程 通過網絡獲取內容既速度緩慢又開銷巨大。較大的響應需要在客户端與服務器之間進行多次往返通信,這會延遲瀏覽器獲得和處理內容的時間,還會增加訪問者的流量費用。因此,緩存並重複利用之前獲取的資源的能力成為性能優化的一個關鍵方面。 這裏先看張大家最熟悉的Devtools網絡圖: 圖中青色、綠色和橙色圈出的部分分別是來自內存(memory緩存)、磁盤(disk緩存)和Http請求

網絡請求 , HTTP , http緩存 , javascript正則 , 前端

收藏 評論

歸子莫 - 【JavaScript實用技巧(一)】循環遍歷與跳出循環遍歷

【JavaScript實用技巧(一)】循環遍歷與跳出循環遍歷 博客説明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 説明 一想到想到循環,順其自然就想到了for,while就在這裏先不講(因為本身它就有循環退出的條件),但其實Js的循環不止這個for,這裏來詳細講講Js的幾種類for循環。 一想到想到循環的跳出,立馬就會想到三個關鍵

數組 , 循環 , 遍歷 , 前端 , Javascript

收藏 評論