HTML5 finalization 1st anniversary you have to re recognize HTML5.
last year, W3C finalized the HTML5. I have published an article, "HTML 5 is finally finalized, why the native App world is going to be subverted". This article has been reproduced. It describes the origin and development of HTML5, analyzes the advantages and disadvantages of HTML5 and makes some predictions for the future development.
one year, let's see what happened in the HTML5 industry, those based on theoretical predictions, what were practiced, and what were the results?
at the beginning of 2015, Facebook announced the launch of the React Native open source framework. In early 2015, Tencent WeChat launched JS SDK. In the middle of 2015, Alibaba's Judy Zhu was selected as W3C Advisory Board, which is the highest position in the W3C organization. In 2015, the HTML5 China industrial alliance held an enlarged meeting and introduced more than a dozen member units in 2015, and the vice president of the Firefox had quit H5OS and got huge financing. Tencent QQ plays an important HTML5 mobile gaming platform. 360 mobile assistant and DCloud cooperate to launch streaming applications, opening HTML5 to replace the original prologue.
as a whole, 2015 is the year for the giants to enter the field of HTML5. Different companies are exploring how HTML5 is used in different ways.
Facebook regress and release React Native, not embracing HTML5
Zuckerberg's declaration of giving up HTML5 in 2013 is a dark scene in the history of HTML5. In 2015, Facebook came back at last. However, this regression is slightly embarrassing: React Native is not embracing HTML5, but preparing to kill HTML5. Although React Native is still JS, it is not compatible with HTML5. Through Facebook's custom syntax, React Native implements a more efficient rendering engine and improves performance.
React Native held a press conference from the beginning of the year, and then released the iOS version, until the Android version was launched in September, and the middle is also constantly testing the water.
Facebook is full of power to build ecological chains based on dynamic languages. As the largest social platform in the world, the Web version of Facebook is active in a wide range of three party applications, but this system on the mobile phone has not moved.
Facebook's own App is native developed, but three party applications, if also used native development, can not be part of the Facebook mobile ecology. The three party application based on HTML5 is not performing well on mobile phones, which severely compromises users' enthusiasm to use and purchase these three party applications on mobile phones. Facebook's huge source of profit is precisely the acquisition of income from three party applications.
although the dynamics of building an ecosystem based on dynamic language is full of power, why does Facebook want to start up?
Facebook gave up HTML5 because HTML5's rendering efficiency is not fluent on mobile phones. Facebook believes that the culprit is DOM and CSS3. The principle of React Native is No DOM, which uses a completely different rendering engine.
CSS3 was originally designed to be super complex, largely to replace Flash's cool interaction effect in the HTML4 era. On PC, there is no problem with hardware resources, although CSS3 can run smoothly even though it is complex. But mobile phones are different from PC, DOM and CSS redraw on low-end machines are not fluent.
but in any case, it is difficult to build a self - built standard. If it is only natural in the Facebook ecology, there is no other person, but if it is bigger, it will encounter a giant joint killing like a Flash. But React Native is actually forcing the browser engine developers to reflect on how the rendering engine should be optimized.
Tencent in WeChat and QQ in the two ecology, the use of different ideas to explore HTML5
Tencent is also a social giant, and Facebook have similar needs, around the huge users of Tencent, there are a large number of three party applications in the Nuggets. But Tencent has two sets of WeChat and QQ ecosystems. The two ecosystems do not have the same idea of HTML5. For WeChat, the public is its ecology. In order to enhance the capacity of the public, WeChat has launched JS SDK, which is essentially a lightweight application that strengthens the ability of JS and supplements a dozen classes of common API. The public number is mainly based on service content and application. The enhancement of JS SDK basically does not consider the needs of HTML5 games.
although WeChat has strengthened JS SDK, the performance and experience of the public is still not very good for users, and many problems, such as long time waiting for a page, and a mess of Back, are irritable. From this point of view, it still falls behind Facebook.
on the other hand, how to promote developers to use JS SDK is also a scratching head. The version of the WeChat, originally embedded in WeChat, can be used to display maps and voice inputs through the WeChat JS SDK, but the drop does not strengthen the experience of the WeChat embedded version. Another problem of WeChat is exposed here: when a App vendor is a giant or wants to be a giant, it must not rely on and strengthen the entrance to WeChat. It will want to push its own independent entrance.
thinking back to Zhang Xiaolong's idea of being a WeChat public, "small individuals have their own brand" and "eliminate intermediaries", it's all right.
is different from WeChat, QQ is another set of ideas, QQ users are low age, play games, and play the game through the HTML5 game is a more concerned thing in QQ space, so the Tencent launched a bar in the QQ space App to gather HTML5 games, give these games the flow, and then get the revenue. At present, it brings together all kinds of mainstream HTML5 games, including ordinary HTML5 games and games using Cocos2d-HTML5, Egret and other engines.
in 2015, there were many channels to explore HTML5 games, including browsers and some super App, and even dripping trip also opened the game center. But in the current situation, most channels have no bright eye. The success of playing in many channels reflects a current situation: HTML5 games are more suitable for light games based on social attributes.
the industry also has some developers trying to introduce HTML5 games into interactive marketing, customer service and multi screen interaction, which may bring new experiences to consumers and businesses in the future.
HTML5 should be applied to the application market. The 360 and other enterprises seek new breakthroughs
the application market treats HTML5 differently from social platforms. The application market does not exist to establish an open platform and cash demand through social users. The application market is a relatively free and simple distribution channel.
but the issuance of native applications is a very simple job, which can not be differentiated. So the application market is also looking for its own breakthrough point. 360 handset assistants launched a life assistant column in early 2015, summarizing the services of various O2O vendors, but not allowing users to download the native App of these O2O vendors, but directly open the HTML5 web pages. In the middle of the year 360 also announced a free flow of HTML5 services, the current 360 life assistants access to these O2O vendors HTML5 App can not spend traffic fees, the cost of the cost from 360.
O2O services integration and distribution of other giants are also very important, Baidu in announcing 20 billion to O2O, mobile Baidu and various products are very important to O2O manufacturer HTML5 service introduction; millet also introduced millet life, HUAWEI is also doing HUAWEI life, is also similar thinking way. So this year, O2O vendors have a busy job to integrate HTML5 pages into various channels. Upgrading from App distribution to service distribution is the driving force of the application market, but it takes time to develop user habits.
OS localization, from HTML5 to
in 2015, the HTML5 China industry alliance held an enlarged meeting. The alliance was established in 2013, but the industry was too cold at that time. With the change of basic environment, more and more companies begin to attach importance to HTML5, and join HTML5 China industry alliance to promote industrial development. At present, the members of the alliance have formed a HTML5 industry service capability from development, testing, distribution, training, outsourcing, financing and media promotion. This also enables Chinese HTML5 developers to have more confidence and more convenient services.
in 2015, the vice president of Firefox and the core figure of Firefox OS, Dr. Gong Li, announced his resignation and entrepreneurship as H5OS and a huge investment of $100 million in the purple light international. The huge amount of money is surprising, and does not say whether the first half of the frenzy of the stock market has triggered a bubble, but H5OS is pointing to the home-made OS market of the Chinese government. Since the Snowden incident, the Chinese government has repeatedly emphasized localization. In the field of government informatization, many IT companies try to find new opportunities.
about the localization of OS, some people start with Linux, and others start with HTML5. In view of the relationship between Google and the Chinese government, no one dared to touch Chrome OS, so many people were in touch with Firefox OS, and Dr. Gong Li's entrepreneurship was also reasonable.
in addition, HUAWEI also launched a domestic security cell phone, from chip to system are made in China.
but OS on mobile phones is harder than OS on PC. It's very difficult to make an operating system. It's more difficult to build an ecosystem after the operation system comes out. Most of the business on PC is based on Web, but most of the high quality App on the mobile phone are Native, and the lack of high quality applications is the embarrassment of all HTML5 OS at present. If you want to have a good enough experience on HTML5's OS, it's bound to involve expanding HTML5, but if each family defines its own extensions and lets developers develop for each home, this will not be a push. It is possible for all parties in the industry to join forces to unify the expansion standards.
streaming application, HTML5 industry another bright spot
the biggest bright spot in the HTML5 industry in 2015 is the flow application launched by 360 and DCloud, it can be said to make full use of the compensation and advantage of HTML5 defects.
search for "public comment takeout" in 360 mobile assistant, see button is not "download", but "seconds open".
flow application? Is this the concept of light applications for a change of concept?
, of course, not to click seconds to open a web page, still is to install a client App, still as powerful and fluent as native App. Only this client App is JS code, and streaming like streaming, edge use, the realization of 5 seconds to complete the client App download, installation, start. The two use of App is still launched on the desktop icon, and the application experience is no different from the traditional native App.
it must be noted that, for the user, the functional experience of using App is not different from that of the previous native way, but the acquisition of App is in seconds.
readers will certainly ask, how to implement?
this new concept includes a bit of new technology, and this article is not responsible for all the implementation of popular science. I would like to talk about how HTML5 can achieve native functions and experiences. The
stream application uses an enhanced JS engine (HTML5) that allows JS to call 400 thousand API of the operating system and improves the prior interaction of the HTML5 experience to a native experience.
different from React Native's anti HTML5 scheme, HTML5 adopted the plan to strengthen HTML5.
HTML5 is compatible with HTML5 and extends 400 thousand native API. For some of the DOM and CSS3 animated scenes, using native animations, such as window switching and drop-down dynamic interactive effects, instead of using CSS3 animation, the native view animation is invoked by JS.
compared to React Native, the scheme to strengthen HTML5 is more friendly to developers, and developers just need to make the existing HTML5 version a simple reinforcement, instead of rewriting a set of No DOM code.
HTML5 has been finalized a year after the finalization of the industry, and then I want to analyze the changes that the milestone product will bring to the industry.
HTML5 has appeared in recent years, and has been widely used in PC, but on mobile phones, it is always a spare tire. The emergence of
streaming applications has overturned the public's perception of HTML5. In the past, HTML5, most people will think that HTML5 has 5 problems:
HTML5 performance is not good, not as good as native; HTML5's API is not enough, many functions can not be realized; HTML5 can not run off-line, broken network can not be used, even if there is offline caching, three party software can not use after cleaning garbage; HTML5 can only be in Liuwei The browser is used, not directly on the desktop; through the HTML5 enhanced engine (such as PhoneGap/Cordova) to develop cross platform App, which is a small company to save money to do, large companies still need to use the native.
now, these five conventional beliefs are terminated.
well, it sounds like you really need to relearn HTML5.
based on an enhanced engine running HTML5, functionality, performance, off-line operation, desktop startup are all the same as native (at least the user does not feel the difference).
with the public comment on the application of the takeaway flow, its form switch pop-in animation, smooth drop-down refresh, are the original standard, and a stream application called "36Kr information", and can also start the App after the cell phone enters the flight mode, as can be used without the white screen or 404.
in order to eliminate all five misperceptions of HTML5, the operation video of the 36Kr streaming application was recorded, and the demonstration was still available after the flight mode and the mobile phone cleaning up the garbage. Let everyone see the reality: http://v.qq.com/boke/gplay/ c17d8789e7dd8a208cd6e6189ae90664_nst000001qufah3_k0171y6vfyu.html
when the five problems of HTML5 have been eliminated, the world has changed, but it has not changed, because in fact, there are many places stronger than the native place that can be discovered in HTML5.
the article I wrote last year HTML5 mentioned that HTML5 has 5 original advantages:
fast cross platform iterative open source ecological development is easier to promote natural open non islets, which can facilitate the interconnection of the five technical advantages of
how to apply it?
HTML5 The cross platform is not a conventional Android and iOS platform. For many application developers, there are at least 3 teams that are responsible for the development of Android, iOS and WeChat public numbers respectively.
can you set a code across multiple platforms and have the best experience on all platforms?
the answer is yes. Picky hot pot is a O2O venture company, they have only a set of HTML5 code, through the MUI framework and conditional compilation technology, compiled six versions of the platform, iOS IPA package, Android APK package, HTML5 browser version, WeChat public number version, Baidu direct number version, and streaming version.
is a tempting solution for startups who are short of money and few people.
some people may think that for the big companies that are not bad money, the cross platform advantage of HTML5 is not obvious. Then look down.
any big App manufacturer is pursuing rapid iteration, hot update and A/B testing. In these areas, using HTML5 is much more convenient than original.
this benefit is still not enough? Look at the fourth advantages of HTML5: it is easier to promote.
user access application is usually downloaded through application store or scan code.
the app store downloads the native App, downloading to App actually starts, and breaks 50%, that is, the 100 download only 50 App activation activation.
and two-dimensional code scan, the loss is as high as 90%! Few people download more than a dozen M native packages without WIFI. These irrationality of
seems to have been ignored in the past, but these irrationality will eventually be solved.
no matter 50% or 90%, it can be avoided through streaming application.
in addition to reducing losses, there is another generalization feature of streaming applications, that is, it can make full use of social network promotion.
users share a streaming application, just like sharing a message, you can enter a circle of friends, or share messages with micro-blog. The stream application can be obtained by other people clicking.
in the native application system, this is unthinkable. How did we share App before? I said, Hi, this App is good, I recommend it to you. You say, OK, when I have WIFI, I will go to the next store. This scene is enough to think about wood louse, finally can better the future.
and then look at the fifth advantages of HTML5: natural open and non isolated island, which can facilitate interconnection.
what scenarios does this change?
there are 3 interesting application modes: an ad, a scavenging, and a shared through, which opens a new way for App to drive the application through content.
share a through train: if your friend shares a delicious restaurant in a circle of friends, you click on the instant application and automatically enter the restaurant, and continue to take out, or a voucher, this is a convenient experience! This seemingly future thing has come true. In the 360 mobile assistant, search for "public comment takeout" and share a restaurant inside is the effect. Scavenging direct train: bus stop or elevator ads often have special price shopping, if a scavenging purchase at this time, users scan only a few hundred K flow seconds after the flow application, and directly into the special shopping interface to buy. Advertisement direct train: we often see the banner map in the application market, showing a famous film ticket price of 10 yuan a, click the advertising map to download a movie ticket purchase ticket App. Most users will lose it here. And the advertising through train can click on the advertisement map and open the flow directly to the ticket interface of the movie.
content pull release, this window opens, I believe that many creative operators can play tricks to attract users.
just now said HTML5 has 5 advantages for developers. But for end users, HTML5 is a strange technical noun that developers have developed across the platform, and the cost has fallen, but the end user has no intuitive feelings. How do they feel the benefits of HTML5?
streaming applications bring 5 benefits to ordinary mobile users:
save time: a stream application is second, side use; traffic: the volume of the flow application is generally a few hundred K, 10 times smaller than the native App, and the volume of the update packet is a few K, without a threshold light. Easy access to new services will not see so many updated headmarks headache; save space: mobile phones have space, rather than taking pictures. To replace iphone6 6S is the only reason is you before iphone6 is 16g (there is no stamp you?); energy saving, no card: if the Android mobile phone with 100 traditional native applications, the basic mobile phone is a waste, will become a lot of power is too laggy. And the flow application, installed 1000 will not make the cell phone change card fee; scene series:
after a business trip, you can go to the airline App on duty, then go to the taxi App to order the airport taxi, and then go to the weather App to see the local weather... You do not need to repeatedly switch back to the main screen to start different App, and enter the query conditions that have been recorded in the previous App.
streaming applications is a milestone in the HTML5 industry, because since then we can reexamine the HTML5 vs Native contention: the 5 shortcomings of
HTML5 have been solved; HTML5 has 5 advantages over developers; HTML5 has 5 advantages over users.
we do not dispute whether the original will disappear, but in 2015, the HTML5 industry did make breakthroughs.
we are no longer simply saying, "the truth" of "the hardware, the network is improving, the HTML5 is the trend".
some products really solve the defects of HTML5, and make use of the advantages of HTML5 to make developers and users feel the value of HTML5 to them.
many companies, many products and ideas, who will win the final is still unknown. But looking closer to the future is gratifying, and even more delighted is that Chinese companies have led many innovations in this change. The rise of
HTML5 may make some native development engineers uneasy, and welcome everyone to discuss rationally, but not unthought or verifying. I am also a programmer and have multiple programming languages. I always feel that a developer needs to constantly adapt to the changes in language wars.