Small Program tutorial (article 1), small program tutorial Article 1
Directory
Overview of the first Applet
Article 2 how to register and access applets and build a Development Environment
Article 3 architecture and Implementation Mechanism of applets, channel service and session management
Article 4 basic framework of Applet development and its restrictions and Optimization
Article 5 example, test and release of a mini-Program Development Project
...
The implementation of the mini-program five-star evaluation function and the mini-program five-star evaluation function
Mini-app five-star rating Function
Let's take a look:
The effect to be achieved: the number of stars to be displayed when you click,
Next, you can directly view the source code:
Css:
.l-evalbox{ height: 100rpx; padding: 0 3%; margin-top: 10
Detailed description of mini-program template and instance code, mini-program template
Detailed description of the mini-program template
For example, when I was working on a small program of China Enterprise Business School, the structure of the course search result page and the course list page were exactly the same, so it was very suitable to use templates to b
The code of the mini-app jiugongge instance and the mini-app jiugong
Mini-app
Implementation:
Small programs are long and mobile interfaces. In order to make it easier to use them, we often hope to use the interface as a navigation tool. How can we achieve this?
Based on a simple thought, the nine squares are three rows and three columns. If we use rows as a uni
Google new form of mini Total station link (mini SiteLinks) Features:
1, with sitelinks different, mini SiteLinks not necessarily ranked first to get, even the second page may also appear Mini sitelinks. For example, Zac's blog in the keyword ranked third, still shows the m
Android self-learning mini-question and mini-knowledge point listening events implement listeners multiple times through the interface, android listenersIf setOnClickListener (this); implements the same interface when you click the button to implement the listener, you can use the switch () method to perform simple matching without generating so many anonymous internal classes!Specific steps:1. initialize t
This article focuses on the analysis of the main functions of this applet, as well as the corresponding data interfaces and the small program component API technology. Let's get closer to small programs, transfer knowledge, and share the gains. The small program components used: view... e chauffeur Lite is a professional small program that provides "fast arrival, good service, and full protection. Using mobile Internet technology to improve the traditional chauffeur service industry, while great
Mini-programs implement the national airport index list and mini-app Index
This article shares with you the code for implementing the MUI index list by using applets for your reference. The specific content is as follows:
Effect chart
Implementation Principle
'Select airport now 'and the navigation bar on the right use fixed positioning;
The scroll-view component is used for scrolling the display wind
Detailed description and examples of the carousel diagram of the mini-program swiper component, and the mini-program swiper
Small Program swiper component carousel Diagram
Try according to the development documentation, and always get something. before Android development, it was not easy to create a carousel image. We used viewpage and set up dots. After a while, there were a bunch of bugs. today, I was de
Detailed description of the mini-program audio component instance, the mini-program audio
Audio Playback has been encapsulated well! You only need to set attributes! (Using method and data together)
Main attributes:
Wxml
Js
Page ({data: {// text: "this is a Page" action: {method: ''}, audioPlay: function () {this. setData ({action: {method: 'play'})}, audioPause: function () {this. setData ({action: {
Mini-Programs (7) detailed introduction to Data Binding and mini-Programs
Some of the data binding items are okay for the first few. Some of the following data may not be understood, and some data displayed on the interface cannot be displayed due to conditions. If you don't understand it, you can remember it first, and then you will understand it when you actually use it later. I think so. Record it here
Mini Program (14) button component details, mini program button
The button is one of the most common components.
Main attributes:
Wxml
Js
Page ({data: {// text: "This is a Page"},/*** button click event listener */clickButton: function (e) {// print all information about the clicked object console. log (e) ;}, onLoad: function (options) {// parameters brought about by PAGE initialization options for page
Detailed explanation of the applet Development Guide and the applet Guide
Write code
Create a applet instance
Click "edit" in the left-side navigation bar of the developer tool. We can see that this project has been initialized and contains some simple code files. The key and necessity are app. js, app. json, and app. wxss. The. js suffix is a script file, the. json suffix is a configuration file, and the. wxss suffix is a style sheet file. The applet will read these files and generate the apple
following code. The setTimeout method can be used to execute a function at a specified time interval. The application format is setTimeout (function (), time). function is the method to be executed, and time is the time interval. Here, 1000 represents 1000 milliseconds, that is, the countDown method is executed once every one second.
setTimeout(function(){ count--; countDown(that, count); }, 1000);
In the countDown method, the count field is used to set the countDown time, for example, 60 se
Tencent Network Mini version can not open how to do
A, if the computer is installed 360, we can click to open 360 and then find "computer professor"
B, then enter after we find "360 computer Rescue"-"self-help program Rescue"-"Tencent network mini version is not open" click the "Find Scheme" search button. Then find the repair scheme Click Fix to try it out.
2. Cleaning up rubbish
Also use 36
1, accurate examination of the right remedy
A, open 360 security guards Click on the top of the "Computer Rescue" option, no friends Please upgrade 360 security guards.
B, in the "360 Computer Rescue" interface Click on the left "self-help program Rescue" option, in the input box input "Tencent Network Mini version can not open" after clicking "Find a Solution", find the corresponding problem, click "immediately repair" can be.
2. Cleaning
Professional development of mini-programs, customized development of mini-game project source code construction, mini-program source code
Professional mini-programs and customized development of mini-game project source code construction. This is our 10-year technical devel
Mini-program WXSS, mini-program wxss
Series of articles:
Mini-program tutorial-WXSSReferences to mini-program tutorialsEvents of mini-program tutorialsSmall Program tutorial TemplateList rendering of Applet tutorialsConditional rendering of
ios8.2 made it clear that the IPad Mini Retina/ipad mini can be upgraded so upgrades are completely fine.
IPad Mini upgrade ios8.2 card?
The ipad mini Retina/ipad Mini is not as new as the ipad Air but upgrades ios8.2 certainly won't have any problems, so you can be assure
Implementation of the applet payment function (front-end) and the applet payment function
Implementation of the mini-program payment function (front-end)
Only the code on the applet is provided:
Var app = getApp (); Page ({data :{}, onLoad: function (options) {// The parameter var that = this brought about by PAGE initialization options for page Jump // log on to get code wx. login ({success: function (res) {console. log (res. code) // obtain openid t
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.