收藏 / 列表

繼小鵬 - 二、nextjs API路由如何做好JWT登錄鑑權、身份鑑權,joi字段校驗,全局處理異常等(c-shopping電商開源)

介紹 在這篇文章中,我們將學習如何在C-Shopping電商開源項目中,基於Next.js 14,處理所有API路由中添加身份驗證和錯誤處理中間件的思路與實現。 這篇文章中的代碼片段取自我最近開源項目C-Shopping,完整的項目和文檔可在https://github.com/huanghanzhilian/c-shopping地址查看。 Next.js中的API路由 在Next.js14中,/

identity , joi , next.js , 開源 , Jwt

歐雷 - 聊聊前端 UI 組件:核心概念

本文是一個文章系列的第一篇,主要説明幾個基本概念以及所要探討的目標主體,目的是統一認知上的「上下文」以儘量避免因信息不對稱而造成理解障礙。 這一系列文章是關於前端 UI 組件的,我想通過這個系列靜下心來好好聊聊與之相關的內容。 每個名詞都是概念,就像一個「數據包」,根據其被「壓縮」的信息量,要真正地理解一個詞語可能需要大量的知識儲備。 基本概念 我們要聊的是「前端 UI 組件」,這個詞可以進一步拆

組件設計 , 軟件設計 , 交互設計 , 組件化 , 前端設計

Caleb Olojo - How To Protect Your API Key In Production With Next.js API Route

Front-end developers have to interact with private or public APIs whose method of authorization requires a secret key/API key that enables developers to use these APIs. The key(s) are important, hen

node.js , API , Tools , next.js

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

Atila Fassina - Open-Source Meets Design Tooling With Penpot

This article has been kindly supported by our dear friends at Penpot whose mission is to provide an open-source and open-standards platform to bring collaboration between designers and developers

workflow , Tools , plugins , ui

騎白馬的枇杷 - 小程序+APP+H5全覆蓋:PHP+Uniapp圈子系統同城圈子社交論壇系統小程序APP開發搭建平台解決多端運營難題

一、技術選型分析 Uniapp 的跨端優勢 Uniapp 是基於 Vue.js 的跨端框架,支持一套代碼編譯到微信小程序、APP(iOS/Android)、H5 等多個平台,顯著降低開發成本和維護難度。 核心優勢: 代碼複用:90% 以上的業務邏輯和 UI 代碼可複用,減少重複開發。 平台適配:通過條件編譯(如 #ifdef MP-WEIXIN)處理平台差異,確保功能一致性。 生

小程序 , app

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,

react , 小程序 , webpack , 前端 , Javascript

知曉雲 - 第九章:小程序表單與醫療急救卡(上)

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 醫療急救卡小程序是什麼? 該小程序主要為一個表單的填寫與提交。示例表單的內容包括姓名、性別、血型、醫療情況、服藥情況、是否為器官捐獻者和緊急聯繫人電話號碼。提交成功後表單顯示用户已填寫的信息,如果用户想更新,直接更改表單內容再次提交即可。 我們所用到的組件和 API 所需組件 表單:form,將組件內用户輸入的 input/ swit

移動web開發 , 微信小程序 , 小程序 , 前端

duokeli - 如何引爆校園圈子小程序影響力?圈子、帖子、話題、商城主營板塊孵化下級運營功能分站!

前言:在依賴社交與圈層文化的校園市場,集合社交、內容、本地服務與輕商業的綜合性平台,擁有天然的滲透潛力。小程序正是瞄準這一機遇而生——以圈子、話題、帖子、商城四大支柱為核心,打造一個集社交互動、信息分享與輕量消費於一體的校園生態環境,並孕育出特有的“分站孵化”模式,為影響力爆發式增長鋪平道路。 一.核心: 圈子: 學生可自由創建或加入基於院系、社團、興趣(如攝影、電競、考研

二次開發 , 開源軟件 , uniapp , php框架 , 校園網