前端技术细分+小程序开发+APP开发

一、前端技术细分

前端技术方向细分：

大的方向分为PC前端、移动前端和Node/全栈工程师三类吧。

要求的技能除了通常的 HTML、CSS 、JavaScript 以及 HTTP 协议等知识外，

• PC前端：偏向于要求 jQuery，Angular/React/Vue 等技术，并通常要求会Java或PHP
• 移动前端：偏向于要求 HTML5、CSS3、Native App、Hybrid App 等技术
• Node工程师：偏向于要求 Node.js 异步编程、V8性能优化、Koa/Express框架、工程化等技术

另外，也有一些偏向数据方向或图形方向的，而且PC前端也可分为偏向CSS和偏向JS。

前端分为以下8个细分领域：

• 低代码方向：熟悉组件拖拉拽、流程管理；熟悉可视化框架如echarts.js、d3.js;熟悉express、koa等node框架。什么是低代码（Low-Code）？ - 土狗的回答 - 知乎 什么是低代码（Low-Code）？ - 知乎
• 前端可视化方向：通过使用echarts.js、antv、d3.js、canvas、svg、three.js、webGL等前端图标库,熟悉3D图形理论基础：包括三维渲染原理、着色器、GPU渲染管线等理论知识完成数据大屏、知识图谱、三维地图的可视化展示。主要集中于数字大屏，智慧城市、地图绘制业务。
• 编辑器方向：解决编辑器多并发协同、多端状态管理、UI仿真渲染，熟悉DOM原生操作。该方向招聘较少。
• 小程序方向：熟悉小程序开发，包括微信、支付宝、百度等各种小程序。掌握小程序开发框架如taro、uniapp等。
• 音视频方向：了解音视频、流媒体基本知识，参与web或小程序音视频SDK开发、音视频播放器开发。属于偏底层且跨端的技术，对图片、视频、音频、压缩播放转码、渲染知识有要求。随着直播，短视频的兴起，音视频方向也比较火，但是不算一个纯前端岗，更偏向C++或者算法岗。
• web全栈方向：既懂前端也会一门后端语言比如node、java等，能够搭建服务，能写SQL数据库并进行数据调优，理解内存模型、网络通信、I/O流等理论知识。通常中小企业或者外企会设置全栈岗位，对于不单纯止步于前端或者后端的同学可能会是一个很好的选择。
• 跨端方向：主要在一套代码多端运行有丰富经验的。比如使用RN、flutter、weex等进行web、iOS、安卓、iot设备的跨端开发。对安卓、ios开发有一定基础，并且对RN, fultter等框架感兴趣的可以尝试。
• 工程化方向：是前端分支中占比最大的一个方向。要求对从0-1搭建前端项目、SEO、前端性能优化、项目运维部署有一定实战的能力。也是初级前端走向高级-资深-前端架构的普遍途径。

二、小程序开发

微信小程序是一种轻量级的应用程序，通过微信公众号平台提供服务，可以实现快速开发和发布。在微信小程序开发中，开发者可以选择不同的开发方式，包括原生开发、框架开发和第三方工具开发等。本文将详细介绍这些开发方式。

一、原生开发

微信小程序的原生开发采用的是WXML、WXSS和JavaScript等技术。开发者需要先下载微信开发者工具，在其中创建项目，选择原生开发模式。微信开发者工具提供了丰富的代码编辑器、调试工具和运行环境等，可以帮助开发者进行快速开发和调试。

1. WXML

WXML是一种类似于HTML的标记语言，用来描述页面的结构。WXML中可使用的标签和属性都是微信小程序支持的，开发者可以根据需求使用不同的标签和属性来实现页面布局和功能。

2. WXSS

WXSS与CSS类似，用来描述页面的样式。在WXSS中，开发者可以定义样式规则，包括字体、颜色、布局、动画等。微信小程序支持的样式规则与CSS大致相同，开发者可以根据需求使用不同的样式规则来实现页面的外观效果。

3. JavaScript

JavaScript是微信小程序的主要编程语言，用来实现页面的功能逻辑。在JavaScript中，开发者可以定义函数、变量、对象等，以及调用微信小程序提供的API来实现与微信小程序平台的交互。

二、框架开发

除了原生开发，微信小程序还提供了一些框架来简化开发过程，包括Wepy、Mpvue和Taro等。这些框架都基于微信小程序原生开发技术，提供了更加便捷的开发方式。

1. Wepy

Wepy是一种基于Vue框架的微信小程序框架，开发者可以使用Vue语法来实现页面的渲染和逻辑控制。Wepy支持自定义组件、自定义事件和数据绑定等功能，大大简化了微信小程序的开发流程。

2. Mpvue

Mpvue是一种基于Vue框架的小程序开发框架，于2017年推出。该框架采用了Vue的组件化开发思想，将小程序中的页面、组件和服务等封装成Vue组件。Mpvue还提供了自定义事件、组件通讯和数据绑定等功能，可以帮助开发者更快速地创建小程序应用。

3. Taro

Taro是一种跨平台的小程序开发框架，支持微信小程序、支付宝小程序、百度小程序和字节跳动小程序等多个平台。Taro采用了React的组件化开发思想，提供了类似于React的API和组件库，开发者可以使用React语法来实现小程序应用。

三、第三方工具开发

除了以上两种方式，微信小程序的开发还可以采用第三方工具来简化开发流程，常用的工具包括Uni-app和WePY等。

1. Uni-app

Uni-app是一种跨平台应用开发框架，支持微信小程序、支付宝小程序、百度小程序、H5等多个平台。Uni-app使用Vue语法来实现页面的渲染和逻辑控制，提供了自定义组件、数据绑定和路由等功能，可以帮助开发者更快速地创建小程序应用。

2. WePY

WePY是一种类Vue框架的微信小程序开发框架，支持自定义组件、数据绑定和路由等功能。WePY与Vue类似，采用了组件化开发思想，可以帮助开发者更便捷地创建小程序应用。

以上就是微信小程序开发的几种方式，每种方式都有其优缺点和使用场景，开发者可以根据自己的需求和技术水平来选择适合自己的开发方式。如果你想开发小程序或者技术方面的问题，可以找广州东恒信息科技有限公司来帮助你实现需求。

微信小程序开发：原生、第三方、框架，哪种更适合你？本文详解！！ - 知乎（转自该博客）

uni-app官网

uniapp用HbuilderX快速开发，脚手架快速搭建和开发

之前一直都是使用vscode开发前端项目，现在有一些小程序或者h5项目采用uniapp开发，在体验了一段时间hbuiler之后，还是觉得vscode香

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

uniapp用什么软件开发合适

推荐所有uniapp的跨端开发都使用HBuilderX进行开发，这里推荐不是因为webstorm、vscode怎么样不好，而是因为HBuilderX对uniapp的语法及vue相关的提示更为的方便，且更轻量。

三、APP开发

本文针对小白用户对App做一个简单的介绍，介绍了App都有哪些类型，不同的类型app开发需要哪些技术，用户可以根据自己的需求选择不同的App开发，若不懂技术，没有资金怎么开发app。

App主要有三种形式，分别是WebApp，Native App（原生App）和Hybrid App（混合App）。

WebApp：简单来说，Web App就是针对iOS/Android优化后的web站点，用户不需要下载安装即可访问。一般的web站点测重使用网页技术在移动端做展示，包括文字，视频，图片等，而Web App更侧重“功能”，是基于网页技术开发实现特定功能的应用，必须依赖手机浏览器运行。Web App开发成本低，维护更新简单，支持云修复，用户不用下载更新，但是App的用户体验不足，页面跳转迟钝甚至卡壳，页面交互动态效果不灵活，而且可能上不了AppStore，如果企业的核心功能不多，App需求侧重于信息查询，浏览等基础功能，可以选择Web App。

不同类型的App开发需要哪些技术？

Web App：

iOS/Android的内置浏览器是基于webkit内核的，所以在开发webApp时，多数使用html或html5、CSS3、JavaScript技术做UI布局，使其在网站页面上实现传统的C／S架构软件功能，服务端技术用java、php、ASP。现在也有很多一键生成，比如应用之星平台。

Native App：

开发Native App需要根据运行的手机系统采用不同的开发语言，开发Android App需要的开发语言是java，还需要熟悉Android环境和机制。Android开发涉及到的技术点非常庞杂。

主要知识点如下：

开发环境，Android Studio、eclipse.如何搭建Android开发环境可以去百度。

数据结构，App的某些功能涉及到做算法，所以要有一定的数学基础

Android SDK，会API接口开发，包括自行开发API的能力和调用第三发API的经验。

熟悉tcp、IP，socket等网络协议

如果涉及到服务器，你还需要了解webservice相关知识和相应的开发语言，常用有PHP、JSP、ASP.Net.

除了这些功能基础，App开发还涉及到UI设计、框架、性能优化、调试适配等。

开发iOS系统App需要Objective-C主流编程语言，开发者一般用苹果公司的iOS SDK搭建开发环境，iOS SDK是开发iOS应用程序中不可少的软件开发包，提供了从创建程序，到编译、调试、运行、测试等多种开发过程中需要等工具。学习iOS开发可以去看苹果官方文档，这是最权威的ios教程。

Hybrid App：

混合开发中主流的是以web为主体型的开发，即以网页语言编写，穿插Native功能的hybrid App开发类型，网页语言主要有html5、CSS3、JavaScript。Web主体型的App用户体验好坏，取决于底层中间件的交互与跨平台的能力。国内外有很多优秀的开发工具，如国外的AppmAkr、Appmobi，国内的APICloud，APICloud的底层引擎用Deep Engine，使用流行的Html5前端技术开发现代高性能的移动应用，全翻译式的运行模式提供完全原生的体验和性能，将JavaScript编译为 Native API，Deep Engine适合各种类型的APP开发，现有的模块如果无法满足你的需求,APICloud支持开发者进行模块自定义扩展，在后续开发中直接调用，节省了开发环节中大量重复的工作。APP进入测试阶段，QA只要把大部分精力放在功能测试和优化用户体验即可。兼容测试和性能测试的工作量被大幅缩减，即使你的APP还未发布，但是基于 Deep Egine开发的APP已经在过亿不同的终端上运行

对企业来说，可以根据自己的需求选择不同的开发类型和开发工具，目前来看，Hybrid App已经成为移动开发趋势，一方面Hybrid App开发时不采用或者大部分不采用原生语言，却能拥有原生应用的特性，一方面随着web技术的发展，Hybrid App技术已经成熟，很多大型App淘宝、微信、携程都属于这种开发模式，Hybrid App给企业移动应用的开发、维护、更新都带来了极高的便捷性，从成本投入用户体验考虑，Hybrid App都是首选。

最后，不管是个人和企业，开发一个app都很不容易，其中涉及到时间、精力、人力和资金投入，一个简单App的开发费用就需要610万，稍微复杂些的需要1015万。如果你没有App开发的预算，或者要求的App功能很简单，想先做一个App试试水，那么建议大家先试用在线app开发平台，这类平台在开发app领域都很成熟，也很专业，比如APICloud-微信小程序开发：原生、第三方、框架，哪种更适合你？本文详解！！ - 知乎，可以满足中小企业的基本功能，采用可视化操作方式，也可以制作出来专业的app。如果能实现你的需求，你何必花那个冤枉钱了。