Web app development memo on mobile terminals and webapp development memo

Web app development memo on mobile terminals and webapp development memo

Recently, I want to create a mobile html5 page and make some knowledge reserves. Important points should be recorded for future reference.

1. devicePixelRatio: Ratio of the physical pixel of the device to the independent pixel of the device. Px in css can be seen as an independent pixel of the device. With devicePixelRatio, you can know how many physical pixels a css pixel on the device represents, devicePixelRatio + rem can be considered for adaptation between different devices;

2. The Image object is used for Image lazy loading. The main logic code is as follows:

var len = queue.length;var counter = 0;for(var i = 0; i < len; i++){var img = new Image();img.src = Zepto(queue[i]).data("url");img.onload = function(){counter++;if(counter >= len){Logic.onLoadComplete();}}}

Create an Image object through new Image (), listen to its onload event, and process the loaded object after loading.

3. Zepto. js, designed for mobile web development, is smaller and lighter. APIs are similar to jquery. Address: http://www.html-5.cn/Manual/Zepto

4. SVG vs canvas, two html5 browser plotting technologies.

The images drawn by SVG are dom elements. Therefore, event processing is supported. The canvas needs to be re-painted each time it is updated. Moreover, svg supports animation and filter.

For the implementation of animation, canvas is constantly re-painted canvas, and svg is supported by native.

In what situations should I develop a mobile Web App?

Mobile Web is the only platform for developers to publish mobile applications. It effectively connects various mobile interactions with desktop tasks. The mobile Web platform has the following advantages: easy to learn, low development cost, standardization, easy to use, and easy to publish. I sum up these advantages to the principle of "ubiquitous": often something that is simple to develop and has a broad market can be successful. "High Quality" is also one of the key factors for success, and mobile Web has not yet done well over the years. Mobile Web still has some difficulties in many aspects. Solving the diversity of devices is a major challenge to Improve the Quality of mobile Web. However, the difficulties faced by mobile Web are far less complex than those faced by Native Apps. In addition, these challenges will be effectively solved over the past few years. As we all know, I am a supporter of mobile Web; however, I am also the first person to acknowledge the importance of Native apps. Developing Native apps can make full use of the features of devices, which is often impossible for Web browsers. Therefore, Native apps are the best choice for a product. The following sections will discuss some main functions of Native apps. When should I develop a Native App1. the App charge? There is no place to stipulate that developers are not allowed to charge a usage fee for a mobile Web App. But for some reason, people often think that they cannot or shouldn't charge a Web App. Due to historical reasons, the payment service on mobile devices suffered two major obstacles: 2. payment methods are quite troublesome to enter a credit card number on mobile devices, and there is no security guarantee on many old-fashioned devices. A typical method is that if you need to pay for your application, you can reach an agreement with the carrier to allow the operator to charge for your service on its behalf. This also means that you need to cooperate with multiple carriers. This is usually the preferred method, because many mobile phone users may not have a credit card at all, such as teenagers. Another method is to save your credit card information on a secure website. You can log on to the website to purchase the application service. This process is not ideal, because it means users cannot buy services directly from their mobile devices. 3. A commission is required to be forcibly divided into mobile operators. Apps Are released through carriers or mobile devices. They provide a charging mechanism for applications. These operators and mobile devices will extract part of the revenue and then hand over the rest to application developers, which also means that developers must abide by their market rules. It is usually very difficult to adapt to the operator's market rules and requires a large amount of human resources. In comparison, the market rules for mobile devices are much simpler, but there are also many difficulties. Applications and Services that impede the interests of operators and mobile device developers will be blocked. In the past, websites that do not rely on operators and mobile device developers could not escape the fate of being shut down if their incomes were too conspicuous. However, such things have rarely happened recently. If you want to charge for your Native App, you must accept this reality-you must abide by the market rules of others and give up some benefits. If you want to develop a mobile game (mobile games are the largest in the mobile market), you need to develop a Native App. Games occupy a large amount of resources and require many device APIs or platform APIs. Although several games fully developed using Web technologies have a certain market share, it is still insignificant compared with the Native App market. Game users have high requirements on the visual and operational effects of applications. Although mobile Web provides some simulation experience, it is far from satisfying users' needs. When developing mobile games, you need to carefully consider which platforms your applications need to support. Fortunately, there are many tools that can help you push your game to multiple platforms, but it still takes a lot of manpower and material resources to complete the work. 4. Use the positioning function. The next function is the positioning function. You can use GPS or signal detection to determine your current location information. In the past, only the APIs of the Native App can be used to view the user's location information. However, most mainstream mobile browsers have embedded the W3C Geolocation API. Such as iPhone or Android... the remaining full text>

How to Develop web apps

Recently, the official website of Guangzhou app development company qihui network saw the news that Microsoft launched a native Outlook Web App application for Office 365 enterprise users on the IOS platform, promote better enterprise Exchange services to IOS.

This application is for mobile phones and tablets respectively. It is an online email service launched by Microsoft for enterprise users, which is different from the Outlook.com used by general consumers. This release of the local OWA for iOS app provides functions that were originally supported by the Web version, retaining the Modern UI experience of the Web version.

In addition, compared with the Web version, the local application also has the following advantages: New Mail push reminders, contact synchronization, offline use, voice commands, and remote data deletion by administrators.

In fact, Webapp development is simply a web site optimized for Iphone and Android. The technology used is nothing more than HTML or HTML5, CSS3, JavaScript, and server-side technology such as JAVA, PHP, and ASP.

According to reports, the Web Application Center is the mobile Web App app store. The UC browser introduces the App developer to develop this version, and users can directly retrieve and use it on the browser. At present, the number of monthly active users in the UC Web Application Center has exceeded 47 million, and the number of accumulated Web applications has exceeded 0.18 billion, including more than 1500 Web apps in 20 categories, over 90% of app developers in China will promote their Web apps through the UC Web Application Center.

Obviously, Web App development has been valued by major enterprises. From the perspective of app development companies, what charm does it have?

In fact, the Web app development effect can be as complex as the workbook and document editor, and as simple as the case manager to be implemented. Whatever it is, it must do something.

Today, web has become a mixture of websites and applications. So how can we distinguish between web apps and websites? There are three elements:

1. One provides a good user experience, allowing users to easily complete tasks and take advantage of the local performance of devices.

2. A web application provides a rich visual experience without distracting people. It focuses on aesthetics and uses the same design pattern as local applications, without losing ease of use.

3. A web application pays great attention to user interaction, participation, and task completion, instead of allowing them to simply browse the web page. Applications are self-contained, that is, you do not need to navigate to other sites or applications to complete the task.

A web app development application encourages users to interact, participate in, and complete tasks, instead of browsing negatively, such as purchasing movie tickets, writing documents, or sharing photos and videos with friends. Unlike websites, it gives users a sense of ownership that they can interact with content or other people.

What are the advantages of Web App development over Native apps?

1. Low app development costs. You can use web development technology to easily develop web apps.

2. Simple app upgrade. You do not need to notify the user of the upgrade. You can update the file on the server.

3. Like the general web, maintenance is relatively simple. It is actually a site

Many app development companies are looking at the future development of web based on its flexibility. They have all the advantages of completing tasks on the web and can complete these tasks offline. Offline applications are now supported. HTML5 provides performance such as application cache and client storage (such as local storage and index database, in this way, your application can work without network connection.

Tag: webapp development, mobile web app development, html5 web app development... the remaining full text>