Mini-program tutorial-configure a mini-program
The following is a systematic arrangement of small program configuration materials, hoping to help developers.
We use the app. json file to perform global configuration for the applet, and determine the path and window performance of the page file, set the Network timeout time, and set multiple tabs.
The following is a simple configuration app. json that con
Modularization of mini-program tutorials and mini-program modularization
Series of articles:
Modularization of mini-program tutorials
Registration page for applet tutorials
Registration Procedures for mini-program tutorials
File Scope
Variables and functions declared in JavaScript files are only valid in this file. Var
Examples of small programs, super-loaded instances, and small program instances
Preface
Before you start developing the application number, take a look at the official "mini-programs" tutorial! (The following content is from the official "applet" Development Guide)
This document will take you step by step to create a small program, and you can experience the actual effect of the small program on your phone. The homepage of this applet displays the wel
Example of ticket query by applet, and example of Applet
Simple Example of a applet-train ticket query application, learning to master the applet framework and implementation of development steps. Small programs are lightweight and easy-to-use. They are easy to learn and use.
1. Related Links
Get the address of this project code
Github: https://github.com/VincentWYJ/WXAppTrain.git;
Blog file: http://files.cnblogs.com/files/tgyf/WXAppTrain.rar;
Learning materials for applet Development
Developer
The implementation idea of the mini-program "Christmas hat" is explained in detail, and the mini-program Christmas
In the past two days, the circle of friends has been refreshed by the "Christmas hat" screen. This mini-program has been rumored by the official authorities, and another phenomenon-level thing. From the product point of view is undoubtedly very succe
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
MINA file structure, mina
File structure
The Framework Program contains an app describing the overall program and multiple pages describing the respective page.
A Framework Program consists of three objects, which must be placed in the project root directory, as follows:
File
Required
Function
App. js
Yes
Applet Logic
App. json
Yes
Mini-app public settings
App. wxss
No
Mini-Program (15th) checkbox component details, mini-program checkbox
The default checkbox style is a little ugly !!! The checkbox component is put into the checkbox-group as a multi-choice box, and set the listening event in the checkbox-group (only including the checkbox.
Checkbox-group listening method:
Multiple checkbox attributes:
Wxml
Js
Page ({/*** initialization data */data: {items: [{name: 'jav
Detailed explanation of mini-program video components and instance code, mini-program video
There is no difference between the video playback component and the image loading component.
Important attributes:
Wxml
Js
Page ({data: {// text: "This is a Page" hiddenVideo: true},/*** listens to the video loading error status */listenerVideo: function (e) {console. log (e. detail. errMsg) ;},/*** listen to the
The mini-program implements the verification code to get the countdown effect, and the mini-Program Verification Code
The example in this article shares with you the code for implementing the countdown effect of the verification code of the applet for your reference. The specific content is as follows:
Wxml
Js
Var interval = null // countdown function Page ({data: {date: 'Please select date', fun_id
Countdown to sending text messages and countdown to mini apps
After clicking
Code
Train of Thought: Set the style and content after the BUTTON as a variable, and click setData to change it.
Summary
The above section describes the SMS countdown function of the mini-app. I hope it will help you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very muc
How does the ipad mini force the shutdown? I believe that the ipad mini forced shutdown There are a lot of old fruit powder is known, but for the new fruit powder is really not know how to shut down, because of the crash we press any key no response oh, I would like to introduce you, Hope to be helpful to everyone.
First, in the Ipadmini in the same time we pressed the home button and the dormant button 8-
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
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.