微信小程序系列0-微信小app原理

前言

如果一个工人想做好他的工作，他必须首先磨砺他的工具。

首先，我们需要知道微信小程序是什么？什么是微信小程序内核？微信小程序的开发语言是什么？这样，我们可以更好地开发微信小程序，解决遇到的问题。

1、 什么是微信小程序

微信小程序基于微信，它提供了一个在浏览器核心上运行程序的界面。

微信小程序是一个可以有很多页面的小程序。每个页面都有不同的功能，页面可以相互跳转。小程序分为渲染层和逻辑层。渲染层包含多个WebViews。每个WebView对应于我们的小程序中的一个页面，并且每个页面在页面级别上独立运行。它也可以做很多事情。与原生app一样，它可以调用各种原生界面，如网络状态、指南针、重力和拨打电话

2、 什么是微信小程序内核

微信小程序的编译内核环境因平台而异。

在iOS上，小程序的javascript代码在javascript核心中运行

在Android上，小程序的javascript代码通过X5内核解析

在开发工具上，小程序的javascript代码在nwjs（chrome内核）中运行

JavaScript核心是开源的。下载地址：

OS X Mavericks和iOS 7引入了JavaScript核心库，该库将WebKit的JavaScriptCore引擎与Objective-C封装在一起，为访问世界上最流行的语言提供了一种简单、快速、安全的方式。无论你喜欢还是讨厌它，JavaScript的无处不在都使程序员、工具和资源在超快虚拟机（如OS X和iOS）中的使用急剧增加。（请参阅iOS官方文档：）

唯一一个由中国人开发、鹅工厂拥有的浏览器分辨率内核

原名：node webkit也是开源的：

西北部。Js基于Chromium和Node Js，以前称为nodeWebkit。这使您可以使用HTML和JavaScript创建桌面app。在app中，您可以直接调用Node Js api和现有的第三方包。因为Chromium和Node J是跨平台的，所以您的app也可以跨平台。现在许多众所周知的应用都是基于NW.js实现的，

3、 微信小程序的开发语言是什么

1.微信小程序开发

微信小程序使用前端技术栈JavaScript/WXML/WXSS

JavaScript：微信小程序的JavaScript运行环境既不是浏览器，也不是节点js它在微信app的上下文中运行，不能在浏览器上下文下操作DOM，也不能通过Node J相关接口访问操作系统API。因此，严格来说，微信小程序不是Html5，尽管其开发过程和使用的技术栈与Html 5类似。

WXML：作为微信小程序的表示层，它不使用Html，而是基于XML语法的自己的描述。

WXSS：用于装饰表示层的样式。官方描述是“WXSS（WeiXin Style Sheets）是一种用于描述WXML组件样式的样式语言。WXSS用于确定如何显示WXML组件。”“我们的WXSS具有CSS的大部分功能……我们扩展和修改了CSS。”基于CSS2还是CSS3？其中大部分是什么？它是否支持CSS3中的动画？我什么也做不了。

4、 微信小程序

1.小程序与普通网页开发的区别

小程序的主要开发语言是JavaScript，因此通常会将小程序的开发与普通网页的开发进行比较。两者非常相似。对于前端开发人员来说，从web开发迁移到小程序开发的成本并不高，但它们仍然有些不同。

网页开发呈现线程和脚本线程是互斥的，这就是为什么长时间运行的脚本可能导致页面失去响应的原因。在小程序中，两者是分开的，在不同的线程中运行。Web开发人员可以使用各种浏览器公开的DOM API来选择和操作DOM。如上所述，小程序的逻辑层和呈现层是分开的。逻辑层在JSCore中运行，没有完整的浏览器对象，因此没有相关的DOM API和BOM API。这种差异导致一些非常熟悉前端开发的库，如jQuery和Zepto，无法在小程序中运行。同时，JSCore的环境与NodeJS的环境不同，因此一些NPM包无法在小程序中运行

Web开发人员需要面对各种浏览器。PC端需要面对IE、Chrome、QQ浏览器等，而移动端需要面对Safari、Chrom以及iOS和Android系统中的各种WebViews。在小程序开发过程中，我们需要面对iOS和Android两大操作系统的微信客户端