How to choose between uni-app development H5 end and native H5 development

I just developed a native H5 e-commerce system some time ago. It took a lot of time and effort to write it starting from the controller, page, page style, jQuery, etc. Later, I developed mobile APPs and small programs using the popular uniapp hybrid development model. It took some time to start learning, but the more I wrote, the more I liked it, and the more I wrote, the easier it became. As the functions of APPs and mini programs increase, it is no longer possible to rewrite them on the native H5 version. Directly generate uniapp and adjust compatibility, which is very convenient. Let’s share some feelings about using uniapp to develop H5.

Now that APPs, WeChat mini-programs, Toutiao mini-programs, etc. have become popular, H5 malls are gradually declining. Except for official accounts and some people who cannot use APPs and have limited WeChat, etc., they have to choose H5. Usage scenarios It's really less. But sometimes it’s necessary, and it’s a bit useless. uniapp has some natural advantages in developing H5. When using uniapp, there is really no need to write a native H5 version.

The main advantages of Uni version development

• Multi-terminal function synchronization. A set of source code generates multiple terminals, such as iOS, Android, H5, WeChat applet, Toutiao applet and other client terminals, to achieve multi-terminal function synchronization. Of course, it is also necessary to test compatibility issues in different scenarios, such as the compatibility and support of payment, login, sharing and other interfaces on each end, as well as the compatibility issues of some link configurations and navigation bars.

• Two-way data binding, asynchronous update. Vue adopts the MVVM mode, two-way binding of data, reducing DOM operations, completely abandoning the traditional front-end development mode of using jquery to operate documents, and focusing more on data and business logic.

  
  

• Tags are simplified and layout is easier. Uni development uses the view tag to replace the traditional div, p, span and other tags in HTML, simplifying the complex. Flex layout is used to replace positioning and floating in CSS, which is more friendly to browser compatibility.

• Rich component selection. Uniapp has many native components, such as dialog boxes, region selection, date selection and other native components. You can just pass parameters to the component when calling, which is very convenient. You can also make your own components and apply them repeatedly on multiple pages. At the same time, the DCloud platform also has many excellent developers sharing various excellent components. The use of components makes development simple and convenient.

• Use the latest Vue.js library. Vue.js is a very lightweight, high-performance library with a very easy-to-use API that responds and runs very quickly.

  
  

Finally, let’s take a look at the project. Different development models have similar styles. The H5 developed by uniapp indeed takes much less time and energy.

uni version H5 mall: https://h5.shopwind.net

Native version H5 mall: http://m.test.shopwind. net

The above is the detailed content of How to choose between uni-app development H5 end and native H5 development. For more information, please follow other related articles on the PHP Chinese website!