当前位置:网站首页>Differences between H5 architecture and native architecture
Differences between H5 architecture and native architecture
2022-07-07 07:17:00 【Mango is not a procedural ape】
1. App Of 3 Development methods
On the surface , mobile phone App It's the same thing , It's the app on the phone , Click on the icon to run , But their underlying technology is different . According to the development technology ,App It can be divided into three categories . Native applications ( abbreviation nativeApp),Web application ( abbreviation WebApp), Hybrid applications ( abbreviation hybridApp) These three categories App The technical models of , Each has its own advantages and disadvantages .
2. Native architecture
Native application development , Is in Android、iOS And so on the mobile platform uses the official development language 、 Develop class libraries 、 Development tools to carry out App Development . So the native architecture App It should be the best in application performance and interaction experience , But the portability of native applications is poor , Especially a native App,Android and iOS They all need to develop their own , Same logic 、 There are two sets of interface . Such as WeChat app, both Android Version of , Also have iOS Version of .
Native architecture features :
- Each mobile operating system requires an independent development project .
- Each platform requires independent development languages and tools , such as Android The application on the system is to use Java、eclipse、Android studio To develop ,iOS The application of the system is to use Objective-C and Xcode To develop .
- Closer to the bottom , So his operation is more fluent , It is also easy to access the underlying functions , Like a camera .
- High development cost ( Independent development should be carried out for different mobile phone operating systems ), Long development cycle , Update iteration is slow , You need to wait for the official approval when putting on the shelf
3. H5 framework
H5 Development is the use of value Web technology (HTML5、JavaScript、CSS) On going App Development , There are still some development frameworks available , such as phoneGap、bootstrap、jQuery etc. .H5 The advantage of development is that it can cross platform , The code can be written at the same time Android、iOS、Windows Run on . because Web The limitations of technology itself ,H5 Mobile applications cannot directly access device hardware and offline storage , So there are big limitations in experience and performance .
H5 Architectural features :
- Convenient test , Just enter the URL to test , Browser based , It can be used across platforms .
- If you want to add new functions, you can add them directly in the background , There is no need to notify users to upgrade .
- Low order , The development cost is very low , And accordingly, he does not need to install the package .
- Very dependent on the Internet , Once the network is disconnected, the food will be stopped, and the function is single , Mainly used to show , Unable to call the underlying function , Like a camera .
4.H5 The difference between architecture and native
- Native pages run fast , It's smooth .H5 The performance of the page is relatively low , In particular, some animation effects have bright cartoon .
- H5 A lot of interaction on the page is not as good as native , Like the shell layer 、 Page slide when input etc. .H5 The effect is relatively low, Not as good-looking as the original , There is no native default animation and other effects .
- Native APP The modified page needs to be republished , Waiting for review ( Now? iOS The audit speed of has been increased to 1 Day to 2 God ).H5 Page modification You can go online at any time , Don't wait for approval .
- H5 Cross platform ,iOS and Android Can share a set of code ; Native needs to develop their own relative native ,H5 Low development cost .
- Native APP Can make good use of the underlying functions of the device , Such as camera 、 Direction sensor 、 Gravity sensor, etc .H5 There are limits , such as Android Inside H5 More work needs to be done on the camera and direction sensor .
- H5 Over reliance on the network , You can't get stuck when the network is bad , And just opened to see a blank page . default H5 Every time the page opens, it will re request the page ( You can do caching , But there is little to do ).
- H5 More traffic than native ,H5 In addition to loading HTML Also load js、CSS These resource files , Compared with the native network, the loading speed is slow .
边栏推荐
- How to do sports training in venues?
- Maze games based on JS
- About binary cannot express decimals accurately
- 点亮显示屏的几个重要步骤
- Advanced level of C language (high level) pointer
- Sqlmap tutorial (IV) practical skills three: bypass the firewall
- Docker compose start redis cluster
- 详解机器翻译任务中的BLEU
- At the age of 20, I got the ByteDance offer on four sides, and I still can't believe it
- Basic process of network transmission using tcp/ip four layer model
猜你喜欢
mips uclibc 交叉编译ffmpeg,支持 G711A 编解码
Jesd204b clock network
Jetpack compose is much more than a UI framework~
SQLMAP使用教程(四)实战技巧三之绕过防火墙
Circulating tumor cells - here comes abnova's solution
Lm11 reconstruction of K-line and construction of timing trading strategy
MIPS uclibc cross compile ffmpeg, support g711a encoding and decoding
关于二进制无法精确表示小数
AVL树的实现
组件的嵌套和拆分
随机推荐
Fast quantitative, abbkine protein quantitative kit BCA method is coming!
readonly 只读
JS small exercise
Cloud backup project
Prime partner of Huawei machine test questions
栈题目:有效括号的嵌套深度
ViewModelProvider. Of obsolete solution
Big coffee gathering | nextarch foundation cloud development meetup is coming
Libcurl returns curlcode description
Kuboard无法发送邮件和钉钉告警问题解决
【mysqld】Can't create/write to file
Abnova membrane protein lipoprotein technology and category display
Nesting and splitting of components
Several important steps to light up the display
SQLMAP使用教程(四)实战技巧三之绕过防火墙
Multithreading and high concurrency (9) -- other synchronization components of AQS (semaphore, reentrantreadwritelock, exchanger)
How can gyms improve their competitiveness?
L'étape avancée du pointeur de langage C (haut de gamme) pour l'enroulement des cocons
[Luogu p1971] rabbit and egg game (bipartite game)
$refs:组件中获取元素对象或者子组件实例: