tag 小程序

標籤
貢獻84
281
06:46 PM · Oct 26 ,2025

@小程序 / 博客 RSS 訂閱

李偉豪 - UniApp/小程序開發新姿勢:告別繁瑣的接口管理,像調用本地函數一樣請求 HTTP 接口

前言 在小程序開發中,我們通常面臨兩種後端選擇: 雲開發 (TCB):使用 wx.cloud.callFunction,體驗很好,像調本地函數一樣。 傳統 HTTP 後端 (Node.js/Java/Go/PHP...):使用 wx.request。 絕大多數企業級項目,依然在使用傳統 HTTP 後端。 於是,我們不得不面對那熟悉的“封裝地獄”: 封裝 request.js,處理

小程序 , API , rpc , 接口 , 前端

收藏 評論

微擎應用市場 - 越客證書查詢系統:高度自定義的全場景證書管理解決方案

一、概述總結 越客證書查詢系統是一款支持高度自定義的證書管理與查詢工具,通過微擎系統交付,適配微信公眾號與 PC 多端使用。系統以 “智能防偽、靈活自定義、多端適配” 為核心優勢,提供證書字段配置、數據導入導出、掃碼驗證、個性化頁面設計等一站式功能,幫助用户快速搭建專屬品牌證書查詢平台。 二、功能介紹 靈活自定義配置 支持自由添加證書字段,如專業、等級、機構、導師、培訓時長等,可

觀點 , 小程序 , 教程 , 知識

收藏 評論

imingyu - 小程序調試新方案——使用WeConsole監控console/network/api/component/storage

一、背景與簡介 在傳統的 PC Web 前端開發中,瀏覽器為開發者提供了體驗良好、功能豐富且強大的開發調試工具,比如常見的 Chrome devtools 等,這些調試工具極大的方便了開發者,它們普遍提供查看頁面結構、監聽網絡請求、管理本地數據存儲、debugger 代碼、使用 Console 快速顯示數據等功能。 但是在近幾年興起的微信小程序的前端開發中,卻少有類似的體驗和功能對標的開發調試工

console , devtools , 小程序 , 調試工具

收藏 評論

pxzsl - 微信小程序的坑之wx.miniProgram.postMessage

工作中有個需求是小程序的網頁在關閉的時候,需要回傳給小程序一個參數 查閲小程序官方文檔,有這樣一個接口 wx.miniProgram.postMessage ,可以用來從網頁向小程序發送消息,然後通過 bindmessage 事件來監聽消息,如下是官方文檔描述 以下是代碼: // 網頁代碼 !DOCTYPE html html head meta charset="utf

小程序 , postmessage , Javascript

收藏 評論

大鬍子民工潘半仙 - 微信小程序 webview 與 h5 通過 postMessage 實現實時通訊的實現

原文:https://pantao.parcmg.com/pre... 在做 React Native 應用時,如果需要在 App 裏面內嵌 H5 頁面,那麼 H5 與 App 之間可以通過 Webview 的 PostMessage 功能實現實時的通訊,但是在小程序裏面,雖然也提供了一個 webview 組件,但是,在進行 postMessage 通訊時,官方文檔裏面給出了一條很變態的説明:

小程序 , webview , postmessage , h5頁面 , html5

收藏 評論

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

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

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

收藏 評論

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

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 在上一節,我們瞭解了許多表單組件的用法。在這一節,我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件,用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼:/

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

收藏 評論

海闊天空_mac - 基於小程序請求接口 wx.request 封裝的類 axios 請求

Introduction wx.request 的配置、axios 的調用方式 源碼戳我 feature 支持 wx.request 所有配置項 支持 axios 調用方式 支持 自定義 baseUrl 支持 自定義響應狀態碼對應 resolve 或 reject 狀態 支持 對響應(resolve/reject)分別做統一的額外處理 支持 轉換請求數據和響應數據 支持 請

小程序 , 前端工程師 , 前端優化 , 前端 , Javascript

收藏 評論

知曉雲 - 開發一個 App Clip 並不難!我們立馬上開發教程

作者|何世友、彭權華 在 2020 年 6 月 23 日的 WWDC 大會中,蘋果發佈了 App Clips 。 App Clip(官方翻譯:輕 App;民間翻譯:「蘋果」小程序),是主 app 輕量級的版本,旨在在特定場景為用户提供快速便捷的體驗。 如果你在上班路上經過一家咖啡店想購買一杯咖啡,但發現排隊下單付款的人很多,此刻你只需要使用 iPhone 自帶的掃碼工具掃描咖啡商店的 App Cl

移動web開發 , 小程序 , app , 蘋果開發 , 前端

收藏 評論

阿里雲開發者 - 程序員寫好技術文章的幾點小技巧

簡介:其我本身並不喜歡寫字,之前寫的幾篇文章,涉及的話題自帶流量,所以閲讀量多了一些,談不上有多擅長。不過我還是分享一下我自己寫文章時用到的一些小技巧吧,希望對大家有幫助。 作者 | 門柳 來源 | 阿里技術公眾號 去年成為了內網技術分享平台的年度作者,受邀寫一篇關於“如何寫好文章”的文章。我本身並不喜歡寫字,去年寫的幾篇文章,涉及的話題自帶流量,所以閲讀量多了一些,談不上有多擅長。

weex , 小程序 , 人工智能 , 開發者 , 程序員

收藏 評論

阿里雲開發者 - 快成物流科技 x mPaaS | 小程序容器加持下的技術架構“提質增效”

簡介:大前端團隊如何選型技術?如何快速上手?如何高效協同?讓我們看看快成科技如何解決這一問題。 導言 從 2017 年開始,GMTC“移動技術大會”就更名為“大前端技術大會”。發展至今,混合開發、原生開發、前端開發等概念正在深度融合,組成“大前端”團隊。 大前端團隊如何選型技術?如何快速上手?如何高效協同?讓我們看看快成科技如何解決這一問題。 緣起兩地三團隊 快成科技是網絡貨運領

weex , 小程序 , 緩存 , SQL , ide

收藏 評論

一縷青絲斷情愁 - Vue移動端車牌選擇器實現摘要

最近在做一個小程序,內部有車輛管理系統,需要用户錄入車牌信息,在網上沒找到特別符合自己需求的Vue組件,於是自己梳理了一下相關的要點,並製作了一個基於VueJS的可在小程序內運行的車牌選擇器 效果圖 原型圖 相關功能點梳理 點擊選擇車牌,展示車牌選擇軟鍵盤 車牌第一位為省份簡稱 只能選擇省份簡稱 選擇完省份後,軟鍵盤的數據需要切換到數字跟字母

weex , vue.js , 小程序 , uniapp

收藏 評論

Barrior - 小程序或移動端『滾動穿透』與『滾動溢出』解決方案

滾動穿透 問題描述 在移動端 WEB 開發的時候(小程序也雷同),如上錄屏所示,如果頁面超過一屏高度出現滾動條時,在 fixed 定位的彈窗遮罩層上進行滑動,它下面的內容也會跟着一起滾動,看起來好像事件穿透到下面的DOM元素上一樣,我們姑且稱之為滾動穿透。 問題原因 能夠猜想是文檔(document)的滾動事件被觸發了,如果能禁用滾動事件就好辦了。 案例偽代碼 div class="btn"點擊

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

收藏 評論

用户bPcSPjP - 微信小程序實現歷史搜索功能(h5同理)

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

收藏 評論

阿里巴巴終端技術 - 小程序下一破局點?釘釘小程序卡片,應用與平台的深度集成

作者:唐諾 20秒瞭解小程序卡片 視頻請點擊此處,進行查看 案例:幸福大巴一鍵搶座 大家如果之前使用過幸福大巴搶座功能,可能還記得被連接vpn以及各種來回跳轉H5所支配的恐懼。 搶座流程對比: 以前H5頁面的搶座流程 現在卡片應用的搶座流程 1.小蜜搜索“幸福大巴” 1.小蜜搜索“幸福大巴搶座” 2.點擊跳轉鏈接

移動端 , 移動web開發 , 小程序

收藏 評論

火爆的茶壺 - 小程序會帶動Hybrid App崛起嗎?

Hybrid App 開發模式 Hhybrid App顧名思義就是原生 App 與 Web App 的結合。它的殼是原生 App,但是裏面放的是網頁。 可以理解成,混合 App 裏面隱藏了一個瀏覽器,用户看到的實際上是這個隱藏瀏覽器渲染出來的網頁。 混合 App 的原生外殼稱為"容器",內部隱藏的瀏覽器,通常使用系統提供的網頁渲染控件(即 WebView 控件),也可以自己內置一個瀏覽器內核。結構

小程序 , app , hybrid-app , 前端

收藏 評論

火爆的茶壺 - 保姆級教程:寫出自己的移動應用和小程序(篇六)

上期文章我們學習瞭如何寫出小程序的樣式內容。今天我們來看一下如何在小程序中使用 js ,即在小程序中使用腳本內容處理內容或樣式的改變。 小程序中的 JS 是如何跟 WXML 以及 WXSS 關聯起來的:組織方式關聯 以這個 view 頁面為例,在小程序代碼的組織方式中, WXML, WXSS 以及 JS 的文件名必須是命名一致的,否則將會產生錯誤。如下: 為了方便講解,我們直接使用了微信開發者工具

移動web開發 , 小程序 , view , 前端 , Javascript

收藏 評論

陳小西 - 詳解主流的Hybrid App 技術框架與研發方案

移動操作系統在經歷了諸神混戰之後,BlackBerry OS、Symbian OS、Windows Phone等早期的移動操作系統逐漸因失去競爭力而退出。目前,市場上主要只剩下安卓和iOS兩大陣營,使得iOS和安卓工程師成為搶手資源。然而,由於兩者系統的差異,開發同一個應用需投入兩倍的工作量,不僅增加了人力成本,而且由於不同團隊的開發,細節實現和應用一致性也面臨問題。 因此,迫切需要一種能夠一次開

小程序 , hybrid-app , 前端

收藏 評論

Coder - 我第一個快200 Star 的項目,Taro H5 SSR 插件現在咋樣了

引言 我寫下這篇文章的初衷是,我認識到,編寫代碼的同時,我們也需要去分享我們的工作和成果,讓更多的人瞭解我們所做的事。這篇文章旨在記錄我的第一個近200 Star 的項目 tarojs-plugin-ssr,能讓更多的人去知道這個項目,瞭解到這個項目還被持續維護中。 我將在文章中講講這個項目的起源,回顧我與 Taro 項目的故事。同時,根據我有限的經驗,來回答一些朋友們關於如何參與開源項目的疑問。

小程序 , next.js , taro , ssr , 前端

收藏 評論

花十君 - 什麼檔次,這個軟件居然敢和墨墨不背扇貝百詞斬等一眾大佬比肩

一、設計思想 1、大變成小 如果現在有10000個單詞需要你去背誦,可能絕大多數同學的第一感覺應該是崩潰的,太多了受不了,但是如果把10000個單詞分成100份,每一份就只有100個單詞,如果分成200份,每一份就只有50個單詞,如果分成500份,每一份甚至只有20個單詞,背20個單詞很有成就感,背完一組可能還會還會再來一組,所以分組學習單詞很有必要。 2、必須有用 背單詞的本質就是你下次看到這個

小程序 , 學習 , 英語 , 產品設計 , 產品

收藏 評論

漫姐賊6 - 微信小程序自定義組件

一、小程序自定義組件 一個自定義組件由 json wxml wxss js 4個文件組成 1.自定義組件聲明 { "component": true //在json文件中進行自定義組件聲明 } 2.註冊組件 在自定義組件的 js 文件中,需要使用 Component() 來註冊組件,並提供組件的屬性定義、內部數據和自定義方法 Component({ properties: {

微信小程序 , 組件通信 , 小程序 , 組件化

收藏 評論

浪跡天涯小king - 一套代碼打包多個微信小程序,一套代碼打包多個抖音小程序,有需要請到uniapp插件裏面下載享用

走過路過不要錯過,只説一遍,真的很好用,不好用你可以在評論裏面噴我、踩我 uniapp插件地址(https://ext.dcloud.net.cn/plugin?id=15196) 一套代碼打包多個微信小程序 一套代碼打包多個抖音小程序 簡介 此項目是用來免除手動替換小程序appid的煩惱。有些公司會在開發環境是一個appid,測試,準生產,生產又是另一個appid,避免我們每次手動填寫,打包構建

vue.js , 小程序 , 前端工程化 , uniapp , 前端

收藏 評論

陳小西 - 對於企業軟件系統而言,唯一重要的架構設計是什麼

相對於系統軟件而言,企業軟件往往是面向應用場景、業務邏輯。雖然很多工程師、架構師會面帶嚴峻表情的告訴你,軟件項目所要保障的高可用性、魯棒性、可擴展性、高併發性、低延遲性、安全性、可測試性、靈活性,是如何如何的重要,彷彿一套只有幾個部門三五十人用的軟件系統,其架構也得是多麼科學、嚴謹、隆重的經歷一系列的設計、論證、測試,姿勢拉好、儀式感滿滿。 但現實中,多少企業的軟件系統是由代碼屎山堆成,多少IT運

pwa , 小程序 , 前端 , html5

收藏 評論

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

收藏 評論