微信小程式開發中關於疑問的解決辦法總結-小程式開發-PHP中文網

首頁

微信小程式

小程式開發

微信小程式開發中關於疑問的解決辦法總結

黄舟

Sep 13, 2017 am 11:04 AM

辦法小程式程式開發

這篇文章主要給大家總結了關於微信小程式開發中的各種疑問解答，文中將在微信小程式開發中可能遇到的問題都進行了整理和解答，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。

前言

最近總結一篇微信小程式解答，作為小程式填坑人深有體會這裡的變化，小程式剛發布消息的時候我就說了一個觀點，只要小程式提供的組件或API豐富，穩定，兼容性好，才能實現小程序快速開發的理念，先如今還有很多組件的兼容不理想，有一些還在的最佳化中，因基於小程式這個平台開發限制很大，只能坐等中。。。如果想用第三方函式庫來實現，小程式明文規定不支援第三方函式庫的做法，這樣做最終小程式審核環節百分百的不通過。

1.scroll-view 在iOS 上存在bug

在使用這個元件開發頁面的時候，因為自帶捲動效果，Y 軸滑動在下拉觸發iOS原生的橡皮筋效果時，scroll-view 出現不能滑動的bug，在Android 系統下無橡皮筋效果則沒有這個bug。現在最新版本0.11.122100如果還存在那就是下個版本會處理的。

2.微信6.3.31 版本中input 的focus 無效

在小程式更新日誌記錄中以解決

2016-12-22更新日誌

1.F 修復元件在開發者工具上失去焦點時清空內容的問題

3.在iOS 使用導航跳轉頁面的時候，偶爾會出現白屏的bug

官方已知道，會在後製版本修復

4.tabBar 圖示在各個平台上的大小不一致

官方已經知道，會在後期版本修復

5.iOS 上返回導航列存在被修改的bug

##tabBar 的問題官方已經知曉，下個版本會增加switchTab 的介面讓開發者直接控制tabBar 的切換

6.地圖覆蓋物無法新增點擊事件，無法取得使用者點擊了那個覆蓋物

官方已知道，會在後期版本修復

7.小程式是否可以變相支援webview

不支援

8.Android 微信更新至6.3.32 後，不支援從普通頁跳到有tab 欄的頁面

新版本會有專門的API 來跳到tabbar 的頁面，先前的處理方式會有邏輯問題

9.swiper 如何實作迴圈輪播##現在版本已circular 屬性支援

10.快速點擊多個input 時，會出現問題

此問題官方以修復，等待發布版本

11.調試時，WXML 經常出現空白的情況

已經修復，下個版本的開發工具將會更新

#12.scroll-view 重疊時，會出現事件穿透的問題

官方後續會修復

13.Android 下，1rpx 的border 可能會出現不顯示的問題

在部分Android 的手機中存在小數值的rpx 顯示不全的問題，新版本的微信將修復這個問題

#14.能否從小程式開啟普通的網頁連結

現在不支援

15.scroll-view 裡面有textarea，它的內容無法變動

官方目前不支援

16.WXSS 檔案裡寫CSS 3 動畫，點擊編譯直接就報錯了，編譯不透過

目前小程式支援很少的css3 屬性，官方後期陸續支援更多css3屬性

17.在微信小程式的canvas 相關API 中，我們發現缺少將canvas 轉換成圖片的相關API 介面

微信6.3.30 已支援wx.canvasToTemFilePath，可以用於將canvas 轉成圖片臨時檔案路徑

18.目前提供的canvas 繪圖接口，不能跟網頁原生API 相容

是的

19.小程式開發，Tab如何移動到頂部

微信6.3.30 已支援在tabBar 設定position 參數

20.在小程式的API 中是否有取得圖片原始寬高的介面

微信6.3.30 已支持，image 元件的bindload 事件可以傳回圖片的原始寬高

21.小程式能引用外部的圖表庫嗎，例如ECharts

官方暫不支援

#22.小程式開發時，能否使用自訂的字體圖示

自訂字體是支援的，但是需要使用線上字體，並且存放字體的伺服器需要允許跨域

23.官方的ES6 轉ES5 在Android 上會報錯

開發工具提供的ES6 轉ES5 的功能，只會轉換語法，新的ES6 的API 例如Promise 等需要開發者自行引入Polyfill 或別的類別庫來解決

# 24.wx.getImageInfo 在Android 上有拿不到資訊的bug

#微信6.3.31 版本Android 用戶端有這個bug，新版本會修正

25.小程式的大小1 MB 這個控制正式發布的時候會放大嗎

#目前給出的答案是不會放大

# 26.getUserInfo 介面取得不到unionid，該怎麼辦

需要到微信開放平台網站（https://open.weixin.qq.com）綁定小程式和你的其他公眾號或app，才會回傳unionid

27.微信小程式支援和硬體的互動嗎？例如和硬體透過藍牙或Wi-Fi 的方式進行資料通訊

官方未來有可能推出此功能

28.錄音完成是什麼格式

手機上錄音目前是SILK 格式，SILK 是Skype 內部開發的語音訊編解碼器，作為Skype 到Skype 呼叫的預設編解碼器。 SILK 在音訊頻寬、網路碼率和複雜度等方面的高度可擴展性使其成為可選擇多種模式和應用的編解碼器

29.小程式是否開放使用者手機通訊錄的讀取/寫入權限

目前不支援

30.iPad 好像無法預覽小程式

小程式目前暫不支援iPad

31.請問小程式裡支援把文字、圖片、連結轉發給好友、朋友圈嗎

官方答案：分享能力會很快提供，請留意官方文件

32.checkbox 是否只能透過checkbox-group 綁定事件

checkbox 不會觸發change 事件, checkbox-group 才會觸發

33.捲動頁面，捲動到底部，載入新的內容不能實作

微信6.3.30 已支援頁面設定onReachBottom 事件

#34. canvas 元件時，不可以儲存畫布資訊

官方答案：暫不支持，我們會很快支持

35.uploadfile 的header 裡面帶不了cookie 參數

微信6.3.31 版本的iOS 用戶端有這個bug，新版本即將修復

36.WXML 中Mustache 語法（雙大括號）來綁定數據，如果對應的目標數據是一段HTML 文本，能不能綁定？該怎麼綁定？

官方目前暫不支援

37.程式碼裡面可以用一些工具庫嗎？例如可以透過npm install 這種方式來安裝第三方的工具庫

官方目前暫不支援

38.好像無法透過JS 取得圖片寬和高，有解決方案嗎

目前只能顯示設定圖片寬高

39.微信小程式有撥打電話和發送Email 的方法嗎

目前之支援撥打電話，暫不支援Email

40.如果是支付給子商家，呼叫介面跟之前web 開發的用法是一樣的嗎

目前暫不支援支付給子商家

41. 微信小應用程式除了自帶的API 接口，是否支援其他的外部API 或JS 外掛程式的載入？

目前暫不支援

42.是否支援視訊直播或音訊直播，如HLS

官方答案：我們正在技術上正不斷完善，很快將提供支援

43.監聽手機keyboard，如「完成」按鈕觸發時，執行對應動作，目前未查到相關API，請問是否有支援

輸入框（input/textarea）後續會提供bindconfirm 的事件監聽屬性，用於監聽「完成」按鈕的點擊

44.開發工具不支援Linux 環境以及Windows 2003/XP 系統嗎

目前不支援

45.我在一台機器上同時開發微信小程式和伺服器程序，請問微信小程式在開發時怎麼訪問我本機的伺服器呢

目前伺服器必須使用域名，不支援本地調試

46.怎麼直接給審查人員發回饋

官方答案：我們會在後續的微信公眾平台小程式提交審核頁面，增加測試帳號（帳號+密碼形式），以及審核描述等的填寫。關於審核的問題，可以發送郵件至：AppReview@tencent.com，我們會安排專人查看回饋

47.個人開發者不能註冊麼

現在支持的只有企業、政府、媒體、其他組織，個人開發者還不支援註冊

48.在小程式工具編寫程式碼中使用Promise，報錯：TypeError: Promise is not a constructor，是哪裡出了問題

官方答案：為了保證三端的統一，0.11.112300 版本的工具移除Promise ，開發者需要自行引入兼容庫

所以我自己引入了一個promise.min函式庫，輕量級的並解決了

49.input元件有bindInput事件，而textarea元件沒有

在2016年12月22日新增元件事件bindinput</p> <p><strong>50.切換微訊號後上次的資料快取還會有嗎</strong></p> <p>#官方答案：不會清除，但別的使用者登入以後，是存取不到上一個使用者遺留的資料的</p> <p><strong>51.定義tabBar之後，wx.navigateTo等跳轉會失效</strong></p> <p>我在開發中沒有用官方的tabBar，而是自己寫了一個tabBar,所以沒有遇到這樣的場景，如果用官方的tabBar就用wx.switchTab跳轉</p> <p>## 52.background-image設定相對路徑無法顯示圖片<strong></strong></p>可以使用網路位址圖片，或是base64或使用image標籤解決問題<p></p> <p><span style="color: #ff0000">總結<strong></strong></span></p>####### ######<p>以上是微信小程式開發中關於疑問的解決辦法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">本網站聲明</div> <div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅動的應用程序，用於創建逼真的裸體照片</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796789525.html" title="Windows 11 KB5054979中的新功能以及如何解決更新問題" class="phpgenera_Details_mainR4_bottom_title">Windows 11 KB5054979中的新功能以及如何解決更新問題</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793874.html" title="如何修復KB5055523無法在Windows 11中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055523無法在Windows 11中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796787760.html" title="Inzoi：如何申請學校和大學" class="phpgenera_Details_mainR4_bottom_title">Inzoi：如何申請學校和大學</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793871.html" title="如何修復KB5055518無法在Windows 10中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055518無法在Windows 10中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796786383.html" title="Roblox：Dead Rails - 如何召喚和擊敗Nikola Tesla" class="phpgenera_Details_mainR4_bottom_title">Roblox：Dead Rails - 如何召喚和擊敗Nikola Tesla</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網頁開發工具</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/gmailyxdlrkzn" title="gmail信箱登陸入口在哪裡" class="phpgenera_Details_mainR4_bottom_title">gmail信箱登陸入口在哪裡</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7821</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/java-tutorial" title="Java教學" class="phpgenera_Details_mainR4_bottom_title">Java教學</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1647</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1402</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1300</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1238</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/561448.html" title="使用Python開發微信小程式" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168699808785682.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用Python開發微信小程式" /> </a> <a href="https://www.php.cn/zh-tw/faq/561448.html" title="使用Python開發微信小程式" class="phphistorical_Version2_mids_title">使用Python開發微信小程式</a> <span class="Articlelist_txts_time">Jun 17, 2023 pm 06:34 PM</span> <p class="Articlelist_txts_p">隨著行動互聯網技術和智慧型手機的普及，微信成為了人們生活中不可或缺的一個應用。而微信小程式則讓人們可以在不需要下載安裝應用程式的情況下，直接使用小程式來解決一些簡單的需求。本文將介紹如何使用Python來開發微信小程式。一、準備工作在使用Python開發微信小程式之前，需要先安裝相關的Python函式庫。這裡推薦使用wxpy和itchat這兩個函式庫。 wxpy是一個微信機器</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/499581.html" title="小程式能用react嗎" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202212/29/2022122911012413779.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="小程式能用react嗎" /> </a> <a href="https://www.php.cn/zh-tw/faq/499581.html" title="小程式能用react嗎" class="phphistorical_Version2_mids_title">小程式能用react嗎</a> <span class="Articlelist_txts_time">Dec 29, 2022 am 11:06 AM</span> <p class="Articlelist_txts_p">小程式能用react，其使用方法：1、基於「react-reconciler」實作一個渲染器，產生一個DSL；2、建立一個小程式元件，去解析和渲染DSL；3、安裝npm，並執行開發者工具中的建構npm；4、在自己的頁面中引入包，再利用api即可完成開發。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/629516.html" title="實作微信小程式中的卡片翻轉特效" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170053532674944.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="實作微信小程式中的卡片翻轉特效" /> </a> <a href="https://www.php.cn/zh-tw/faq/629516.html" title="實作微信小程式中的卡片翻轉特效" class="phphistorical_Version2_mids_title">實作微信小程式中的卡片翻轉特效</a> <span class="Articlelist_txts_time">Nov 21, 2023 am 10:55 AM</span> <p class="Articlelist_txts_p">實作微信小程式中的卡片翻轉特效在微信小程式中，實現卡片翻轉特效是一種常見的動畫效果，可以提升使用者體驗和介面互動的吸引力。以下將具體介紹如何在微信小程式中實現卡片翻轉的特效，並提供相關程式碼範例。首先，需要在小程式的頁面佈局檔案中定義兩個卡片元素，一個用於顯示正面內容，一個用於顯示背面內容，具體範例程式碼如下：&l</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/623955.html" title="支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/169875871676361.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫" /> </a> <a href="https://www.php.cn/zh-tw/faq/623955.html" title="支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫" class="phphistorical_Version2_mids_title">支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫</a> <span class="Articlelist_txts_time">Oct 31, 2023 pm 09:25 PM</span> <p class="Articlelist_txts_p">本站10月31日消息，今年5月27日，螞蟻集團宣布啟動“漢字拾光計劃”，最近又迎來新進展：支付寶上線“漢字拾光-生僻字”小程序，用於向社會徵集生僻字，補充生僻字庫，同時提供不同的生僻字輸入體驗，以幫助完善支付寶內的生僻字輸入方法。目前，用戶搜尋「漢字拾光」、「生僻字」等關鍵字就可以進入「生僻字」小程式。在小程式裡，使用者可以提交尚未被系統辨識輸入的生僻字圖片，支付寶工程師確認後，將會對字庫進行補錄入。本站注意到，使用者也可以在小程式體驗最新的拆字輸入法，這項輸入法針對讀音不明確的生僻字設計。用戶拆</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/620863.html" title="uniapp如何實現小程式和H5的快速轉換" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169778234413172.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="uniapp如何實現小程式和H5的快速轉換" /> </a> <a href="https://www.php.cn/zh-tw/faq/620863.html" title="uniapp如何實現小程式和H5的快速轉換" class="phphistorical_Version2_mids_title">uniapp如何實現小程式和H5的快速轉換</a> <span class="Articlelist_txts_time">Oct 20, 2023 pm 02:12 PM</span> <p class="Articlelist_txts_p">uniapp如何實現小程式和H5的快速轉換，需要具體程式碼範例近年來，隨著行動網路的發展和智慧型手機的普及，小程式和H5成為了不可或缺的應用形式。而uniapp作為一個跨平台的開發框架，可以在一套程式碼的基礎上，快速實現小程式和H5的轉換，大大提高了開發效率。本文將介紹uniapp如何實現小程式和H5的快速轉換，並給出具體的程式碼範例。一、uniapp簡介unia</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/533570.html" title="用Python編寫簡單的聊天程式教程" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168354222945345.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="用Python編寫簡單的聊天程式教程" /> </a> <a href="https://www.php.cn/zh-tw/faq/533570.html" title="用Python編寫簡單的聊天程式教程" class="phphistorical_Version2_mids_title">用Python編寫簡單的聊天程式教程</a> <span class="Articlelist_txts_time">May 08, 2023 pm 06:37 PM</span> <p class="Articlelist_txts_p">實現思路x01服務端的建立首先,在服務端,使用socket進行訊息的接受,每接受一個socket的請求,就開啟一個新的線程來管理訊息的分發與接受,同時,又存在一個handler來管理所有的線程,從而實現對聊天室的各種功能的處理x02客戶端的建立客戶端的建立就要比服務端簡單多了,客戶端的作用只是對消息的發送以及接受,以及按照特定的規則去輸入特定的字符從而實現不同的功能的使用,因此,在客戶端這裡,只需要去使用兩個線程,一個是專門用於接受消息,一個是專門用於發送消息的至於為什麼不用一個呢,那是因為,只</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/497376.html" title="教你如何在小程式中用公眾號範本訊息（附詳細想法）" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/020/6364d2ea96c85309.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="教你如何在小程式中用公眾號範本訊息（附詳細想法）" /> </a> <a href="https://www.php.cn/zh-tw/faq/497376.html" title="教你如何在小程式中用公眾號範本訊息（附詳細想法）" class="phphistorical_Version2_mids_title">教你如何在小程式中用公眾號範本訊息（附詳細想法）</a> <span class="Articlelist_txts_time">Nov 04, 2022 pm 04:53 PM</span> <p class="Articlelist_txts_p">這篇文章給大家帶來了關於微信小程式的相關問題，其中主要介紹瞭如何在小程式中用公眾號範本訊息，下面一起來看一下，希望對大家有幫助。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/779211.html" title="微信小程式怎麼弄會員" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202405/07/2024050710205016817.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="微信小程式怎麼弄會員" /> </a> <a href="https://www.php.cn/zh-tw/faq/779211.html" title="微信小程式怎麼弄會員" class="phphistorical_Version2_mids_title">微信小程式怎麼弄會員</a> <span class="Articlelist_txts_time">May 07, 2024 am 10:24 AM</span> <p class="Articlelist_txts_p">1.開啟微信小程序，進入對應的小程式頁面。 2.在小程式頁面中尋找會員相關入口，通常會員入口在底部導覽列或個人中心等位置。 3.點選會員入口，進入會員申請頁。 4、在會員申請頁面，填寫相關信息，如手機號碼、姓名等，完成資料填寫後，提交申請。 5.小程式方會對會員申請審核，審核通過後，用戶即可成為微信小程式會員。 6.作為會員，用戶將享有更多的會員權益，如積分、優惠券、會員專屬活動等</p> </div> </div> <a href="https://www.php.cn/zh-tw/weixin-marketing.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓，幫助PHP學習者快速成長！</p> </div> <div class="footermid"> <a href="https://www.php.cn/zh-tw/about/us.html">關於我們</a> <a href="https://www.php.cn/zh-tw/about/disclaimer.html">免責聲明</a> <a href="https://www.php.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1745924447"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>