说明

最近在项目上有个移动端（uni-app）的需求，就是要在移动端APP上的vue页面中通过web-view组件来调用html页面，并且要实现在html页面中可以点击一个元素来调用vue页面中uni的API（扫码接口），同时也可以在vue页面中也可以调用html页面中的js函数并进行传参。

Vue和React都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分，只有适用之别，选择符合自身业务场景、团队基础的技术才是我们最主要的目的。

博主1年前用的是Vue框架，近半年转技术栈到React框架，对于Vue和React都有一些基本的了解。接下来将与大家一起走近Vue和React，共同探讨它们的差异。（比如你正在用vue，对react感兴趣也可以看下两者之间的用法差异，反之亦然）

整体内容概览：

由于内容较长，将分上、中、下三部分和大家一起共同探讨（有不同意见的欢迎文章下方一起探讨交流，感谢支持）。

什么是nodejs

Node.js 是一个基于 Chrome V8 引擎的 Javascript 运行环境

哈哈，非常简单的介绍。但是问题来了，nodejs和我入门学习的javascript又有什么区别呢？学习nodejs又有什么好处呢？nodejs可以用在哪些场景中呢？nodejs该怎么学呢？兄弟，慢慢来，我根据我的经验在这篇文章中给你们介绍下。希望能给你们未来的学习有一丝丝帮助。

对很多前端开发的小伙伴来说，vue、react以及angular孰优孰劣的争论是长期的热门话题，感觉国内vue粉应该最多，其次是react粉，使用angular应该比较少了。我自己什么粉都不是，作为一个务实的码农，在我眼中没有什么好技术，也没有什么坏技术，不管什么技术用到不适当的地方都是垃圾。技术也没有什么高级深奥和低级简单之分，你弄懂了都简单，你没弄懂的时候都复杂。

技术，就像一个破罐子，摆在博物馆里就成了古董宝贝，扔到大街上，就是等着环卫工人清理的垃圾。

最近身边学习 Vue 的人也越来越多了，大家在学习过程中都有很多疑问，为什么前端开发要用框架、Vue 做了些什么、要怎么上手等等。

由于这个系列主要是希望写给可能前端掌握也不深的人，所以会铺垫一些自己认为需要的内容，本节先来讲讲入门前端，作为铺垫，来理解 Vue 这个框架吧。

Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

webpack、vite、vue-cli、create-vue 这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。

uni-app是逻辑和渲染分离的，渲染层在app端提供了两套排版引擎。
小程序方式的webview渲染，和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。
vue文件走的webview渲染
nvue走weex方式的原生渲染

组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局

1、jQuery 介绍：

jQuery 曾经也是现在依然最流行的 web 前端 js 库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的 js 库所代替，随着浏览器厂商对 HTML5 规范统一遵循以及 ECMA6 在浏览器端的实现，jQuery 的使用率将会越来越低。