首页 > 系统相关 >【大前端】使用html/css/javascript开发移动端(安卓,IOS)与桌面端(Win,mac,Linux)应用程序

【大前端】使用html/css/javascript开发移动端(安卓,IOS)与桌面端(Win,mac,Linux)应用程序

时间:2023-02-08 20:34:56浏览次数:48  
标签:Win 前端 javascript iOS 应用程序 开发 Linux Android 客户端


1、什么是大前端?

传统上,Web应用可分为前端(在浏览器中执行的部分)和后端(在服务器中执行的部分)。
前端工程师的职责是以Web技术(HTML、CSS、JavaScript、DOM、Ajax等)实现基于浏览器的用户界面。以相衔接的工作来说,是将视觉设计师、交互设计师的工作成果转化为可运行代码,完成的代码则要交付给后端工程师,进一步完成代码集成、测试、发布和部署。这样一种体系可能存在不少问题。“大前端”则是将传统上归于后端的服务器脚本和模板划归到前端。

由于node的出现,前端工程师不需要依赖于后端程序而直接运行,从而前后端分离起来。所以当开发一个新产品的时候服务只需要写一次,但是面向用户的产品可能有很多,例如网站、Android客户端、iOS客户端和微信小程序等。由于各个平台使用的技术栈都不一样,代码无法复用,非常浪费人力、物力。那么有没有什么技术能够解决这一痛点呢?大前端应运而生,其实大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就抹平了,开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。

大前端是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代,利用web不仅能开发出网站,更可以开发手机端web应用和移动端应用程序。

换个说法再说一遍:在 CS 时代,客户端只有 PC,在 Web 石器化时代前后端处于混沌状态,前端只是艺术家创造个人艺术作品的形式,渐渐的出现了天生前后端分离的移动端,直到 Web 端也出现前后端分离,客户端呈现出多样化态势,这时候后端开发人员可能针对不同的端开发大量具有冗余业务的接口,后端开发人员面对的往往是 Android,IOS,H5 三方的开发人员,大前端的概念正是为了解决这种状况,所有的客户端无论你是 Android,IOS,还是 WEB 端,对于后端人员来说只有“大前端”,后端开人员无需针对特定的某一端进行开发,而仅仅是面向大前端进行开发。

2、移动应用程序开发

ReactNative(知名)
一个基于 javascript 的框架,用于创建本地移动 Android 和 iOS 平台应用程序。它基于 Facebook 的 JavaScript 库 React,为移动平台创建用户界面。网络开发人员可以使用 React Native JavaScript 编写 Android 和 iOS 应用程序,这些程序的操作和外观都与本地应用程序相似。
官网链接:https://reactnative.dev/

NativeScript
一个基于Apache 2.0许可的Github开源项目。它的思路就是使用移动平台的 JavaScript 引擎来进行跨平台开发。
官网链接:https://nativescript.org/

Flutter(用过)
一个由谷歌开发的开源移动应用软件开发工具包,用于为Android、iOS、Windows、Mac、Linux、Google Fuchsia开发应用。
官网链接:https://flutter.dev/

Ionic
一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS) 的原生App应用。
官网链接:https://ionicframework.com/

3、桌面应用程序开发

Electron
GitHub开发的一个开源框架。它通过使用Node.js和Chromium的渲染引擎完成跨平台的桌面GUI应用程序的开发。
Electron现已被多个开源Web应用程序用于前端与后端的开发,著名项目包括GitHub的Atom和微软的Visual Studio Code。


标签:Win,前端,javascript,iOS,应用程序,开发,Linux,Android,客户端
From: https://blog.51cto.com/gwj1314/6044788

相关文章

  • linux查看进程信息
    top实时查看进程信息,展示进程id,使用内存,占用cpu等信息,可以查看内容占用最多、cpu使用最多的进程,然后再根据进程id查看进程的详细信息。实时更新ps瞬时查看进程情况,ps-e......
  • WinForm(十六)绑定
    在WinForm中,有很多添加和修改数据的场景,一般的做法是当点击“添加”按钮时,收集各控件的值,然后赋值给实体类的各个属性,然后再完成保存工作。在修改时,首先把实体的原值,一......
  • WinForm(十六)绑定
    在WinForm中,有很多添加和修改数据的场景,一般的做法是当点击“添加”按钮时,收集各控件的值,然后赋值给实体类的各个属性,然后再完成保存工作。在修改时,首先把实体的原值,一......
  • 【Linux】搭建Yapi接口管理工具
    在年前员工访谈时发现,前后端协作开发会出现一定的内耗现象,在当前前后端分离的情况下前端往往会因为后端接口存在问题影响对接速度,在接口设计不明确的情况下还需要反复确认和......
  • Linux安装Mysql 5.7
    1. 查看CentOS自带MySQL5.1组件并卸载;rpm -qa | grep -i mysqlrpm e -nodeps mysql-libs-5.1.61-4.el6.x86_64 2. 安装依赖(MySQL5.5并不需要这个依赖,但是5.7......
  • 逗号(,)运算符在Javascript中
    逗号运算符逗号运算符是二元运算符,它能够先执行运算符左侧的操作数,然后再执行右侧的操作数,最后返回右侧操作数的值。逗号表达式:一般形式:表达式1,表达式2,......
  • win10系统,软件不可用,无法调用摄像头
    现象描述:客户电脑是win10,定制带版权的电脑,安装的有卡巴斯基安全软件(最开始并不知道有这么个玩意),使用客户端软件,软件可以正常打开,但是软件无法打开摄像头画面(*:软件在其......
  • linux 基础(6)简单认识 bash
    shell和bash是什么?shell是一种应用程序,在这个程序里输入文字指令,系统就会做出响应的操作。这个“壳程序”是我们使用系统各种功能的接口,学会了shell就是学会操作li......
  • Linux 登录统计小工具——ac
    Linux登录统计小工具——ac安装redhat/centos/rocky#yumprovidesacpsacct-6.6.1-13.el7.x86_64:UtilitiesformonitoringprocessactivitiesRepo:o......
  • Linux几种网络模式介绍
    简单介绍Linux几种网络模式​ 虚拟化层次:​ 打开vmware虚拟机,我们可以在选项栏的“编辑”下的“虚拟网络编辑器"中看到VMnet0(桥接模式)、VMnet1(仅主机模式)、V......