1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 前端开发网站用到的技术 前端开发有哪些 – 前端技术 – 前端

前端开发网站用到的技术 前端开发有哪些 – 前端技术 – 前端

时间:2020-09-13 12:12:08

相关推荐

前端开发网站用到的技术 前端开发有哪些 – 前端技术 – 前端

今天来探讨下开发手机APP都有那些技术手段

大致分为三种开发模式:原生、混合开发、跨平台开发

原生方式:

原生技术栈指的是,只能用于特定手机平台的开发技术。比如,安卓平台的 Java 技术栈,iOS 平台的 Object-C 技术栈或 Swift 技术栈。

混合开发:

混合开发,也就是把 Web 网页放到特定的容器中,然后再打包成各个平台的原生 App。所以,混合技术栈其实是 Web 技术栈 + 容器技术栈,典型代表是 PhoneGap、Cordova、Ionic 等框架

跨平台 App:

跨平台开发指的是使用一种技术,同时支持多个手机平台。它与混合技术栈的区别是,不使用 Web 技术,即它的页面不是 HTML5 页面,而是使用自己的语法写的 UI 层,然后编译成各平台的原生 App。

这个技术栈就是纯粹的容器技术栈,React Native、Xamarin、Flutter 都属于这一类。学习时,除了学习容器的 API Bridge,还要学习容器提供的 UI 层,即怎么写页面

总结:H5 开发主要用在混合技术栈。但是,跨平台技术栈的某些容器也会用到(比如 React Native),因为它们的 UI 层借鉴了 Web 模型。

另外,混合技术栈和跨平台技术栈的基础,都是原生技术栈,因为最终都要编译成原生App。所以,不管使用哪一种技术栈,多多少少要了解一些各平台的原生技术。

此外 WebView 控件

不管什么技术,最终在 App 里面显示网页,一定需要一个网页引擎,这样才能解析网页。通常情况下,App 内部会使用 WebView 控件作为网页引擎。这是系统自带的控件,专门用来显示网页。应用程序的界面,只要放上 WebView,就好像内嵌了浏览器窗口,可以显示网页。不同的 App 技术栈要显示网页,区别仅仅在于怎么处理 WebView 这个原生控件。

原生开发:需要开发者自己把 WebView 控件放到页面上。

混合开发:页面本身就是网页,默认在 WebView 中显示。

跨平台开发:提供一个 WebView 的语法,编译的时候将其换成原生的 WebView。

不同系统的 WebView 控件名称不一样,安卓系统就叫 WebView,iOS 系统有较老的 UIWebView,也有较新的 WKWebView,作用都是一样的,差异在于功能的强弱。

网站都是由前端和后端两部分构成,所谓前端就是呈现给用户的实际操作的页面,后端就是网站的逻辑、数据库或者功能模块部分等?

简单点来说就是你所看到的网页的样式就是前端开发人员的功劳,但是网页的功能,比如点赞评论等是怎样的一个机制就是后端开发人员的事情了,当然呈现的样式以及方式还是需要前端配合。

既然明白了网页的构成方向选择上就清晰了,因为对后端开发不太了解这里就谈一下前端。不过请放心配合一些现成的框架也是可以建站的。

一般谈到前端开发,必提到html css javascript三剑客。所谓html就是超文本标记语言,是用来构造网页的基本元素,css为层叠样式表是对html所写的网页元素进行样式美化,包括但不限于元素定位、网页布局、按钮样式等。javascript是用来实现网页中的动态效果或交互模式等。

学会了html css javascript后制作网页效率还是不够,这时候就需要用到前端框架进行快速开发。目前流行的前端框架比较多,如何选择还是需要根据实际项目确定。

至于前端开发的工具推荐vscode或者sublime text这两个,vscode算是新兴的编辑器了,颇受广大前端开发人员喜爱,软件的开发公司为大名鼎鼎的微软。最后就是网页展示的浏览器的,主流的就是谷歌和火狐浏览器,调试方面功能齐全。

个人的一些见解希望能有帮助。

PS:javascript一定要深入的学习,不光是在前端开发上,其他方面也有很大的用处。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。