Home >Web Front-end >Front-end Q&A >What is the difference between mini programs and html5
Difference: 1. The mini program itself is an application, which depends on major traffic platforms to run, while html5 is a technology, which depends on browsers to run; 2. The development tools are different; 3 , Different development languages; 4. HTML5 development needs to consider compatibility, etc., and the development cost is higher than that of small programs; 5. Different system-level permissions that need to be obtained, etc.
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
The difference between small programs and html5
1. Different operating environments:
H5 is A technology that depends on the browser to run. When faced with complex business logic or rich page interactions, its experience is always unsatisfactory, and continuous project optimization is required to improve user experience.
The mini program itself is an application that runs on major super traffic platforms. For example, the running environment of the WeChat applet is very likely to be a built-in parser completely reconstructed by the WeChat development team based on the browser kernel. It is specially optimized for the applet and combined with its own defined development language standards and parser. The final rendering is The effect of native components improves the performance of mini programs.
2. Different development tools:
H5 development tools (vscode, webstorm, etc.) browser Device Mode preview mode.
The development of small programs is based on its own developer tools, which can realize a complete set of processes such as local file synchronization, development and debugging, compilation, preview, upload, and release.
3. Different development languages:
HTML5 directly uses standard HTML5 CSS3.
The mini program has developed a set of WXML tag language and WXSS style language.
4. Different component encapsulation:
The mini program independently separates many components of the native APP.
For functions that require simulation in HTML5, components can be called directly in the mini program.
5. Development costs are different:
When we face an HTML5 web development requirement, we need to consider development tools, front-end frameworks, module management tools, and task management Tools, UI libraries, interface calling tools, browser compatibility, etc. These tools are very customizable and improve the development efficiency of developers. They are relatively free and have more choices.
When we faced the development needs of a WeChat applet, the WeChat team provided developer tools and standardized development standards. The common HTML and CSS on the front end became WeChat’s customized WXML and WXSS. . There are clear usage introductions in the official documents, but some functions require payment to use, and the costs incurred in this regard will also account for a part. WeChat mini programs still have many functions that need to be improved. Without HTML5, the development time has been very long. Long and relatively complete.
As for the cost issue, there is currently no good conclusion, and it still needs to be compared based on the actual situation.
6. Differences in obtaining system-level permissions:
WeChat applet can obtain more system permissions than HTML5 web applications, such as network communication status and data cache capabilities, etc. These system-level permissions can be seamlessly connected with WeChat mini programs.
This happens to be an area where HTML5 web applications are often criticized. This is also the reason why most HTML5 application scenarios are positioned with simple business logic and single functions.
7. The process of updating the version is different:
When the mini program is updated and launched, it needs to be reviewed by WeChat official, and it can only succeed after passing the review.
But when HTML5 is updated, there is no such process that requires WeChat official review.
Currently these are just the personal opinions of the blogger at the beginning of his study. If there is anything wrong, I hope you will leave a comment and it will be modified in time.
Related recommendations: "html video tutorial", "小program development tutorial"
The above is the detailed content of What is the difference between mini programs and html5. For more information, please follow other related articles on the PHP Chinese website!