微信小程式開發中關於疑問的解決辦法總結-小程式開發-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/ai-hentai-generator" title="AI Hentai Generator" 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/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>免費產生 AI 無盡。</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/1796780570.html" title="R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796773439.html" title="倉庫：如何復興隊友" class="phpgenera_Details_mainR4_bottom_title">倉庫：如何復興隊友</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796774171.html" title="Hello Kitty Island冒險：如何獲得巨型種子" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island冒險：如何獲得巨型種子</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796775427.html" title="擊敗分裂小說需要多長時間？" class="phpgenera_Details_mainR4_bottom_title">擊敗分裂小說需要多長時間？</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/1796775336.html" title="R.E.P.O.保存文件位置：在哪里以及如何保護它？" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.保存文件位置：在哪里以及如何保護它？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</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>7315</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>9</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>1625</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>1348</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>46</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>1261</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>1208</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開發微信小程式</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嗎</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">實作微信小程式中的卡片翻轉特效</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的快速轉換</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">支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/608139.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/202309/13/2023091316263518882.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="小程式備案怎麼操作" /> </a> <a href="https://www.php.cn/zh-tw/faq/608139.html" title="小程式備案怎麼操作" class="phphistorical_Version2_mids_title">小程式備案怎麼操作</a> <span class="Articlelist_txts_time">Sep 13, 2023 pm 04:36 PM</span> <p class="Articlelist_txts_p">小程式備案怎麼操作</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/556932.html" title="Java語言中的微信小程式開發介紹" 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/168632164697009.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java語言中的微信小程式開發介紹" /> </a> <a href="https://www.php.cn/zh-tw/faq/556932.html" title="Java語言中的微信小程式開發介紹" class="phphistorical_Version2_mids_title">Java語言中的微信小程式開發介紹</a> <span class="Articlelist_txts_time">Jun 09, 2023 pm 10:40 PM</span> <p class="Articlelist_txts_p">Java語言中的微信小程式開發介紹</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">用Python編寫簡單的聊天程式教程</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?1743495733"></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> </body> </html>