小程序的第三方框架

1、腾讯wepy

2、美团mpvue 语法类似vue

3、京东taro 类似react

4、滴滴chameleon

5、uni-app 类似vue

6、原生框架MINA

不复杂的话还是推荐使用原生。

我认为的2020年前端开发者最应该掌握的一些比较火爆的技术与知识点。

1，前端框架和语言层面

9月份 Vue30 发布，声称对 TypeScript 有着更好的开发体验，通过从不同框架级别 TS 支持上，我们可以看出社区的整个风向从2019年的大家都去学习应用 TS，变成了大家如何把 TS 用的更好这个方向上来了。

所以我认为今年 TypeScript 的火热程度还是应该排名很靠前的，我今年也使用 TypeScript 重构了 Daruk 的服务框架推出了20版本，让 TS 开发者拥有更好的 TS 开发体验。

接下来就是两大重磅框架的更新历程对比，Vue3 前面说了一句。而 React 也在十月也发布了 React 17 的 release 版本。这两大主流框架的频繁更新，也说明了社区和作者都在一同演化。

在 Vue 3中除了更好的支持 TS 外，还更新了Composition API。而 React 17 主要是集中精力在升级体验上，虽然没有新的 Feature 但是提升了和解决了很多之前版本潜在的问题。

要说哪个最火还是要看个人实际的使用场景和喜好，但是2020年来看还没有别的框架可以与之一战。

         

            2，大前端相关技术栈

今年基于Chromium的微软edge浏览器也已经推出。google 在 web 端的发展产生了对开发者深刻的影响。Chrome 80+ 也已经发布多个版本，提供了一系列的新特性，比如Core Web Vitals标准，Desktop PWA等都值得我们去关注。

         

            我们说完了浏览器相关的那点技术之后，再聊聊大前端相关的一些技术实践，比如 Flutter。

很多前端在今年已经从 web 开发转型为 Flutter 开发，学习和使用 Dart 技术来构建 UI，这是很多大厂的前端工程师正在经历的事情（包括我的部门也在尝试这个事情），这个趋势应该在未来几年还会持续。

客户端 electron 在今年也有着长足的进展，一年内多次更新版本一路到了1015。随着疫情影响，国内在线教育的又一波兴起。很多桌面软件，网课软件都在采用这个技术来进行开发，市场上的岗位也开始变多，electron 技术可以说在今年也有火的趋势。

         

            然后我们再看看BFF 层，nestjs依然坚挺，越来越多的人开始跳过学习 express 和 koa 开始学习更丰富的 web 框架了，比如 egg 或者我的 daruk，开发者已经在慢慢形成共识，在 web framework 的路上开始越走越远，裸写 nodejs web 服务的时代已经开始慢慢褪去。

         

            不得不提的还有 serverless 在前端的普及，在2020年到达了一个新的高潮。阿里云，腾讯云，头条云等等国内的互联网厂商也都开始大玩 serverless 概念。从对内服务开始转向对外服务，普及的势头很猛，也有落地的趋势和场景。今年的 D2同样也有 serverless 的专场，可见受重视程度非比寻常。

3，工程化提效和个人素质提升

再离我们近一些的推动生产力的技术，比如据我所知在用 CI/CD 和 pipeline 管理上线流程的公司越来越多，这种去年还可以出去吹一吹的东西，今年也逐步变成了业界标配基础能力，如果不会的同学可要抓紧学习了。

         

            2019年前大家都疯狂吐槽面试刷 medium 题目没用，而2020年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变，大家在接触新技术的同时，也慢慢发现，前端整个职业环境的变化，越来越多的公司对人的整体综合素质要求变高了。

一、微信小程序的wxml

具有基本的编程经验的工程师，只有与wxml接触后，您才会发现该语言的编程概念类似于html网页的编程技术。经过一番研究和开发，您会知道微信小程序的要求技术含量不高，只是更换了一些标签，例如

已替换为等待状态。即使您不太擅长前端，转用微信小程序的发展也将是一个很好的方向。

二、微信小程序的wxss

wxss是微信的CSS。微信用自己的开发语言wxss代替了Web编程中使用的css；实际上，主要的实现思想与Web开发技术基本相同，并且它只是对某些标签的简单替换，其中大部分是原始的CSS，基本上是正确的。它们都是通过调用同一页面来实现的，但是可以说，微信小程序比Web开发更简单，更方便。例如，只要写入indexwxml和indexwxss，它就位于两个文件中。这两个文件同时位于同一目录中，就像直接在网页上写CSS一样，这既简单又快速。

三、微信小程序的js

如果要开发微信小程序，您必须精通微信小程序的js。只要您具有html+css+js的良好基础，就可以全力学习微信小程序js，然后在前端进行开发。上面没有问题，但是微信js需要努力学习。您可以购买参考书或了解微信小程序的API，它们可以快速帮助您参与开发队列。

四、微信小程序的json

掌握了以上几点之后，您需要掌握json。简而言之，json是微信小程序的主要和次要接口。工程师可以通过json控制上下菜单栏，主要和辅助页面的显示顺序。但是，使用频率不高。它仅适用于基本小程序的框架，但这也需要学习，因为除显示类型外，每个前端 *** 作都需要与后端匹配，因为如果要使其放大，则必须之所以简化，是因为修改代码后，在迷你程序中搜索到的版本就是启动后的版本，即我们提交微信评论后显示的版本。修改源代码后，需要将其提交给微信公众进行审核。平台小程序管理平台，用户只能在审核通过后才能看到您的修改，因此，为避免这种麻烦，您必须了解后端技术开发并与前端链接以与您进行交流。

实际上，小程序类似于H5表面，并提供了视图层描述语言。您需要掌握WXML和WXSS以及基于JavaScript的逻辑层框架。这里的wxml等同于html，而wxss等同于CSS。

前端技术栈包括：1vuejs 2reactjs 3nodejs 4微信公众号 5前端安全 6react-native 7工程化 8小程序 9自动化测试等。

基础技术

Html+Css：HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。

javascript：JavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

jQuery：jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。

nodejs：Nodejs 是一个基于 Chrome V8 引擎的 JavaScript 运行时。

npm/yarn/inpm：管理版本工具

gulpjs：Gulpjs 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。

前端框架

vue的一些相关技术栈

Vue：Vuejs（读音 /vjuː/，类似于 view 的读音）是一套构建用户界面(user interface)的渐进式框架。

elment-ui：Element，一套为开发者、设计师和产品经理准备的基于 Vue 20 的桌面端组件库。

vant-ui：移动端 Vue 组件库

uni-app：uni-app是一个使用 Vuejs 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

react的一些相关技术栈

React：用于构建用户界面的 JavaScript 库。

React Native：基于 React 的移动端跨平台 UI

Ant Design： React 封装了一套 Ant Design 的组件库。

Zarm React：移动端 React 组件库

Taro：Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。

第一，获取相关信息。

可以通过浏览招聘信息或者询问身边从事前端工作的朋友来对HTML5大前端以及前端开发的工作内容进行一个初步了解。一般来说，前端开发工程师的工作包括：使用HTML、CSS、JavaScript等专业技术和工具将UI设计稿实现为用户PC端、移动端网页等网站产品，同时处理相关端口的视觉和交互问题等。

第二，打好学习基础很重要。

Web前端入门学习的基础内容有HTML5和CSS3，其中包括PC端网站布局、Weapon页面布局两方面。JS交互设计是重点学习部分，这部分需要熟练掌握JavaScript基础语法、JavaScript进阶、JavaScript高级编程、Conquer经典案例等内容。再有前端框架也是重点知识点，现在比较主流的框架有Cue、React、Angular，熟练运用框架可以提升开发效率。

第三，理论结合实践。

紧跟潮流发展也很关键，现在微信小程序和小游戏越来越流行，掌握相关技术点可以在岗位竞争中更具优势。比如熟悉ReactNative技术对于小程序开发很有必要，它可以实现熟练开发出匹配项目需求的功能。

第四，找对适合自己的学习方式至关重要。

根据企业的要求，规划一条科学合理的学习路线图。请你看下面学习路线图，完全是针对企业定制化人才需求规划。避免小白踩坑。

第一阶段：前端页面重构

内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）

第二阶段：JavaScript高级程序设计

内容包含：（原生JavaScript交互功能开发项目、面向对象进阶与ES/ES应用项目、JavaScript工具库自主研发项目）

第三阶段：PC端全栈项目开发

内容包含：（jQuery经典交互特效开发、>

第四阶段：移动端项目开发

内容包含：（Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vuejs开发WebApp项目、应用Reactjs开发WebApp项目）

第五阶段：混合（Hybrid,ReactNative）开发

内容包含：（微信小程序开发、ReactNative、各类混合应用开发）

第六阶段：NodeJS全栈开发

内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）

第七阶段：大数据可视化

内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、Djs详解、三、其他JS库）

第五，学习web前端注意事项。

1不要以看书学习为主，学习编程不是数学语文那么容易，你看看例题就会了，更需要的是别人的讲解，你自己看书上那些专业的文字，只是凭你自己意识理解的那样来，但是一般情况下我们都理解不了，毕竟我们不是出书的人，最好的方式就是找视频进行学习，找好的视频进行学习，然后在配上别人的解答，再加上自我的主动学习。

2当你学习的时候，可能会出现学了就忘记不住的情况，我见过很多这样的情况，包括自己曾经学习的时候也是这样。打个比方：比方说我们在学习英语的时候，一天学习20个单词，但是过了一周之后，我肯定会忘记之前学过的单词。那么记住这些单词最好的办法就是应用于对话当中。我们学习web前端也是这样，同一个标签或者属性，或者是JavaScript的语法，只有你不断的见到它，并且应用它，让它都认识你了，这样你就扎实的掌握了，所以实际应用非常重要。

3学习方法决定了你学web前端的效率以及你可以走多远，学习编程非常依赖一个好的学习方法，有太多人因为学习方法不对最终导致放弃，所以让各位一定注意自己的学习方法，每个人的学习方法不一样，但是大多数人错误的学习方法都是相同的，所以这方面一定要找。

以上就是关于小程序的第三方框架全部的内容，包括:小程序的第三方框架、2020年前端最火的技术是什么、微信小程序是用什么技术实现的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！