Summary of solutions to questions in WeChat mini program development

This article mainly summarizes various questions and answers about the development of WeChat mini programs. The article organizes and answers all the problems that may be encountered in the development of WeChat mini programs, which will provide some reference for everyone. Value, friends in need come and take a look below.

Preface

Recently summarized an answer to a WeChat mini program. As a mini program person, I have a deep understanding of the changes here. The mini program has just When I released the news, I made a point that only if the components or APIs provided by the mini program are rich, stable, and compatible can the concept of rapid development of mini programs be realized. Nowadays, there are still many components whose compatibility is not ideal, and some are not. In the optimization, because the platform development based on small programs is very limited, we can only sit and wait. . . If you want to use a third-party library to implement it, the mini program clearly stipulates that the third-party library is not supported. In the end, the mini program review process will be 100% failed.

1.scroll-view has a bug on iOS

When using this component to develop a page, due to the built-in scrolling effect, the Y-axis sliding in the pull-down triggers iOS When using the native rubber band effect, scroll-view has a bug that it cannot slide. This bug does not exist when there is no rubber band effect under the Android system. If the latest version 0.11.122100 still exists, it will be processed in the next version.

2. In WeChat version 6.3.31, the input focus is invalid

This will be solved in the mini program update log record

2016-12-22 Update log

1.F Fix the problem of clearing content when the component loses focus on the developer tools

3. Use navigation jump on iOS When transferring pages, a white screen bug may occasionally appear

The official is aware of it and will fix it in later versions

4. The size of the tabBar icon is inconsistent on various platforms

Officially known, it will be fixed in later versions

5. There is a modified bug in the return navigation bar on iOS

tabBar The problem is officially known. The next version will add a switchTab interface to allow developers to directly control the switching of tabBar

6. The map overlay cannot add click events and cannot obtain which overlay the user clicked

Officially known, it will be fixed in later versions

7. Can the mini program support webview in disguise

Not supported

8. After Android WeChat is updated to 6.3.32, it does not support jumping from a normal page to a page with a tab bar.

The new version will have a special API to jump to the tabbar. Page, the previous processing method will have logical problems

9. How to implement circular carousel with swiper

The current version supports the circular attribute

10. When clicking multiple inputs quickly, a problem will occur.

This problem is officially fixed, waiting for the release version

11. When debugging, WXML often appears blank The situation

has been fixed, and the next version of the development tools will be updated

12. When scroll-view overlaps, there will be an event penetration problem

The official follow-up will fix it

13. Under Android, the border of 1rpx may not be displayed.

There is a small problem in some Android mobile phones. The problem of incomplete display of numerical rpx, the new version of WeChat will fix this problem

14. Can you open ordinary web links from mini programs

Not supported now

15.Scroll-view contains textarea, its content cannot be changed

Officially does not currently support

16.WXSS file writing CSS 3 animation, click compile and an error will be reported directly. The compilation does not pass

Currently the applet supports very few css3 properties, and the official will support more css3 properties in the future

17. In the canvas-related API of the WeChat applet, we found that there is a lack of relevant API interfaces for converting canvas into images.

WeChat 6.3.30 has supported wx.canvasToTemFilePath, which can be used to convert canvas into Temporary image file path

18. The currently provided canvas drawing interface is not compatible with the web native API

Yes

19. Mini program development, how to move Tab to the top

WeChat 6.3.30 has supported setting the position parameter in tabBar

20. Is there any way to get pictures in the API of the mini program? The original width and height interface

WeChat 6.3.30 has supported it. The bindload event of the image component can return the original width and height of the image

21. The applet can reference external Is it a chart library, such as ECharts

is not officially supported yet

22. When developing small programs, can I use custom font icons

Custom fonts are supported, but online fonts need to be used, and the server storing the fonts needs to allow cross-domain

23. The official ES6 to ES5 conversion will report an error on Android

The ES6 to ES5 function provided by the development tools only converts the syntax. New ES6 APIs such as Promise require developers to introduce Polyfill or other class libraries to solve the problem

24.wx.getImageInfo has a bug that cannot get information on Android

WeChat version 6.3.31 Android client has this bug, and the new version will fix it

25. The size of the mini program is 1 MB. Will this control be enlarged when it is officially released?

The current answer is that it will not be enlarged

26. What should I do if the unionid cannot be obtained through the getUserInfo interface?

You need to go to the WeChat Open Platform website (https://open.weixin.qq.com) to bind the mini program and your other public accounts or app, will return unionid

27. Does the WeChat applet support interaction with hardware? For example, data communication can be performed with the hardware through Bluetooth or Wi-Fi

The official may launch this function in the future

28. What is the format of the completed recording

The recording on the mobile phone is currently in SILK format. SILK is a voice and audio codec developed internally by Skype and is used as the default codec for Skype-to-Skype calls. SILK's high scalability in terms of audio bandwidth, network bit rate and complexity makes it a codec that can choose from multiple modes and applications

29. Does the mini program open user mobile phone communication? The read/write permission of the record

is currently not supported

30. iPad seems to be unable to preview the mini program

The mini program is currently temporarily iPad is not supported

31. Does the mini program support forwarding text, pictures, and links to friends and Moments

Official answer: Sharing capabilities will be provided soon , please pay attention to the official document

32. Whether checkbox can only bind events through checkbox-group

checkbox will not trigger the change event, checkbox-group will trigger

33. Scroll the page, scroll to the bottom, and load new content cannot be implemented

WeChat 6.3.30 has supported the page configuration onReachBottom event

34. Canvas information cannot be saved when using canvas component

Official answer: Not supported yet, we will support it soon

35. The header of uploadfile cannot be included Cookie parameters

WeChat 6.3.31 version of the iOS client has this bug, and the new version will be fixed soon

36. Mustache syntax (double braces) in WXML to bind If the corresponding target data is a piece of HTML text, can it be bound? How should it be bound?

Officially not currently supported

37. Can I use some tool libraries in the code? For example, you can install a third-party tool library through npm install

Officially currently not supported

38. It seems that the image width and height cannot be obtained through JS. Is there a solution?

Currently, only the width and height of the set image can be displayed

39. Does the WeChat applet have a way to make calls and send emails?

Currently, phone calls are supported, but emails are not supported for the time being

40. If the payment is made to a sub-merchant, is the calling interface the same as the previous web development usage?

Currently, payment to sub-merchant is not supported

41. In addition to its own API interface, does the WeChat mini application support the loading of other external APIs or JS plug-ins?

Currently not supported

42. Whether to support video live broadcast or audio live broadcast, such as HLS

Official answer: We are technically working on it It is being continuously improved and support will be provided soon

43. Monitor the mobile phone keyboard. If the "Finish" button is triggered, perform the corresponding action. No relevant API has been found so far. Is there any support

Input box (input/textarea) The event listening attribute of bindconfirm will be provided later, which is used to monitor the click of the "Complete" button

44. The development tool does not support Linux environment and Windows 2003/XP system

is not currently supported

45. I develop the WeChat applet and server program at the same time on one machine. How to use the WeChat applet during development? How to access my local server

Currently the server must use a domain name and does not support local debugging

46. How to send feedback directly to the reviewer

Official answer: We will submit the review page in the subsequent WeChat public platform applet, add a test account (account + password form), and fill in the review description, etc. Regarding review issues, you can send an email to: AppReview@tencent.com, and we will arrange for someone to review the feedback

47. Can’t individual developers register?

Now supported Only enterprises, governments, media, and other organizations, individual developers do not support registration

48. When using Promise in writing code with mini program tools, an error is reported: TypeError: Promise is not a constructor, yes What went wrong

Official answer: In order to ensure the unification of the three ends, the 0.11.112300 version of the tool removes Promise, and developers need to introduce the compatibility library by themselves

So I introduced it myself A promise.min library that is lightweight and solves

49. The input component has a bindInput event, but the textarea component does not

on December 22, 2016 Added component event bindinput</p> <p><strong>50. Will the last data cache still be there after switching WeChat ID</strong></p> <p>Official answer: It will not be cleared , but after other users log in, they cannot access the data left by the previous user</p> <p><strong>51. After defining tabBar, jumps such as wx.navigateTo will be invalid</strong></p> <p>I did not use the official tabBar during development, but wrote a tabBar myself, so I did not encounter such a scenario. If I use the official tabBar, just use wx.switchTab to jump</p> <p><strong> 52.Background-image sets the relative path and cannot display the image</strong></p> <p>You can use the network address image, or base64 or use the image tag to solve the problem</p> <p><span style="color: #ff0000"><strong>Summary</strong> </span></p><p>The above is the detailed content of Summary of solutions to questions in WeChat mini program development. For more information, please follow other related articles on the PHP Chinese website!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=method" target="_blank">Method</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=applets" target="_blank">Applets</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=programdevelopment" target="_blank">Program development</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/faq/378597.html" title="Detailed explanation of data processing implemented by WeChat applet"> <span>Previous article：Detailed explanation of data processing implemented by WeChat applet</span> </a> <a href="http://www.php.cn/faq/378599.html" title="An introduction to how to set up the bottom navigation bar for WeChat mini programs"> <span>Next article：An introduction to how to set up the bottom navigation bar for WeChat mini programs</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Articles by Author</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/377601.html">Video material on building your own PHP framework from scratch</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/377137.html">Example analysis of how PHPMailer uses QQ mailbox to complete the email sending function</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/376186.html">Introduction to how to receive emails in IMAP in php</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/375194.html">Example of how to quickly implement array deduplication in PHP</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/369412.html">Summary of the use of all attributes of the <a> tag in html</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/379971.html">Summary of basic knowledge of PHP (necessary for beginners to get started)</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/381607.html">Introduction to the use of typeof in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/382066.html">Introduction to the use of confirm() method in JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/357705.html">A detailed introduction to the HTML5 Placeholder attribute</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/faq/380149.html">How to implement single-select, multiple-select and reverse-select in forms in ReactJS</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Issues</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176396.html" target="_blank" title="The page suddenly cannot pull css or bootstrap" class="wdcdcTitle">The page suddenly cannot pull css or bootstrap</a> <a href="http://www.php.cn/wenda/176396.html" class="wdcdcCons">So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176395.html" target="_blank" title="How to trigger render (with filter and pagination) on sort method in React?" class="wdcdcTitle">How to trigger render (with filter and pagination) on sort method in React?</a> <a href="http://www.php.cn/wenda/176395.html" class="wdcdcCons">Here is my Sort.js style component: <SortWrapper><SortText>SortBy</SortText...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 21:28:37</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2257</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176389.html" target="_blank" title="Dynamically modify inline CSS styles in Javafx" class="wdcdcTitle">Dynamically modify inline CSS styles in Javafx</a> <a href="http://www.php.cn/wenda/176389.html" class="wdcdcCons">I'm trying to change the background image of a pane when the application is maximized. My ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 20:57:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>487</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176387.html" target="_blank" title="Is there a way to force the text in the flexbox to be vertically centered, no matter what other CSS code we have?" class="wdcdcTitle">Is there a way to force the text in the flexbox to be vertically centered, no matter what other CSS code we have?</a> <a href="http://www.php.cn/wenda/176387.html" class="wdcdcCons">I have the following CSS code that is part of a larger CSS code used in a website I'm deve...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 20:41:51</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>518</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/wenda/176374.html" target="_blank" title="What are the best practices for displaying version information in web applications?" class="wdcdcTitle">What are the best practices for displaying version information in web applications?</a> <a href="http://www.php.cn/wenda/176374.html" class="wdcdcCons">I'm developing a web application. What are the best practices for displaying version infor...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 2024-04-06 19:13:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>476</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Related Topics</div> <a href="http://www.php.cn/faq/zt" target="_blank">More> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/xiaocxljhq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214214094069.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Mini program path acquisition" /> </a> <a target="_blank" href="http://www.php.cn/faq/xiaocxljhq" class="title-a-spanl" title="Mini program path acquisition"><span>Mini program path acquisition</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/qklzmzq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213232387251.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to make money with blockchain" /> </a> <a target="_blank" href="http://www.php.cn/faq/qklzmzq" class="title-a-spanl" title="How to make money with blockchain"><span>How to make money with blockchain</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/choosehsdsyff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213462012914.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to use the choose function" /> </a> <a target="_blank" href="http://www.php.cn/faq/choosehsdsyff" class="title-a-spanl" title="How to use the choose function"><span>How to use the choose function</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/intervalssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214250586551.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What does interval mean?" /> </a> <a target="_blank" href="http://www.php.cn/faq/intervalssmys" class="title-a-spanl" title="What does interval mean?"><span>What does interval mean?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/cyyconstyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214054630853.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="c language const usage" /> </a> <a target="_blank" href="http://www.php.cn/faq/cyyconstyf" class="title-a-spanl" title="c language const usage"><span>c language const usage</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/esdziso"><img src="https://img.php.cn/upload/subject/202407/22/2024072213400046704.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="esd to iso" /> </a> <a target="_blank" href="http://www.php.cn/faq/esdziso" class="title-a-spanl" title="esd to iso"><span>esd to iso</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/biosssmysa"><img src="https://img.php.cn/upload/subject/202407/22/2024072214220596020.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What does bios mean?" /> </a> <a target="_blank" href="http://www.php.cn/faq/biosssmysa" class="title-a-spanl" title="What does bios mean?"><span>What does bios mean?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/faq/scripterrorzm"><img src="https://img.php.cn/upload/subject/202407/22/2024072213575066349.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to solve scripterror" /> </a> <a target="_blank" href="http://www.php.cn/faq/scripterrorzm" class="title-a-spanl" title="How to solve scripterror"><span>How to solve scripterror</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Popular Recommendations</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Why can't I open the WeChat applet?" href="http://www.php.cn/faq/467969.html">Why can't I open the WeChat applet?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is the difference between a subscription account and a public account?" href="http://www.php.cn/faq/465222.html">What is the difference between a subscription account and a public account?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What language is used to write WeChat mini programs?" href="http://www.php.cn/faq/418037.html">What language is used to write WeChat mini programs?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is the mini program development process?" href="http://www.php.cn/faq/417201.html">What is the mini program development process?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to generate QR code with mini program" href="http://www.php.cn/faq/467888.html">How to generate QR code with mini program</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Popular Tutorials</div> <a target="_blank" href="http://www.php.cn/course.html">More> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Related Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Popular Recommendations<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Latest courses<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="http://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div>1415831 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="http://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div>4255008 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div>2465999 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div>502882 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP zero-based introductory tutorial" href="http://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div>843250 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="http://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div >1415831 times of learning</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div >2465999 times of learning</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div >502882 times of learning</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="http://www.php.cn/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div >215196 times of learning</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="http://www.php.cn/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div >874570 times of learning</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="http://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div >6217 times of learning</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="http://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div >4847 times of learning</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="http://www.php.cn/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div >4076 times of learning</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="http://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div >605 times of learning</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="http://www.php.cn/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div >20731 times of learning</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Latest Downloads</div> <a href="http://www.php.cn/xiazai">More> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web Effects <div></div></div> <div class="swiper-slide" data-id="twof">Website Source Code<div></div></div> <div class="swiper-slide" data-id="threef">Website Materials<div></div></div> <div class="swiper-slide" data-id="fourf">Front End Template<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery enterprise message form contact code" href="http://www.php.cn/xiazai/js/8071">[form button] jQuery enterprise message form contact code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 music box playback effects" href="http://www.php.cn/xiazai/js/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 cool particle animation navigation menu special effects" href="http://www.php.cn/xiazai/js/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery visual form drag and drop editing code" href="http://www.php.cn/xiazai/js/8068">[form button] jQuery visual form drag and drop editing code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitation Kugou music player code" href="http://www.php.cn/xiazai/js/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Classic html5 pushing box game" href="http://www.php.cn/xiazai/js/8066">[html5 special effects] Classic html5 pushing box game</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery scrolling to add or reduce image effects" href="http://www.php.cn/xiazai/js/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 personal album cover hover zoom effect" href="http://www.php.cn/xiazai/js/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8328" title="Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8327" title="Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8326" title="Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8325" title="Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8324" title="Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8323" title="Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8322" title="IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8321" title="Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3078" target="_blank" title="Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3077" target="_blank" title="Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3076" target="_blank" title="Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3075" target="_blank" title="Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3074" target="_blank" title="Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3073" target="_blank" title="Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3072" target="_blank" title="Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/sucai/3071" target="_blank" title="Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8328" target="_blank" title="Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8327" target="_blank" title="Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8326" target="_blank" title="Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8325" target="_blank" title="Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8324" target="_blank" title="Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8323" target="_blank" title="Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8322" target="_blank" title="IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/xiazai/code/8321" target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/about/xieyi.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a> <a href="http://www.php.cn/about/yinsi.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a> <a href="http://www.php.cn/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1">php.cn：Public welfare online PHP training，Help PHP learners grow quickly！</dd> </dl> </div> </div> </div> </div> <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?1730540000"></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> </body> </html>