微信原生小程序开发系统 第1篇
小程序的核心技术主要是三个：
Vue的MVVM和小程序MVVM对比
MVVM :
微信原生小程序开发系统 第2篇
git操作都是大同小异，详细的可以看我之前写的git文章
微信原生小程序开发系统 第3篇
小程序开发与传统的前端开发有着很大的区别，不管什么类型的前端技术，都是由以下三种技术组成：
小程序虽然与传统的前端开发有所区别，但是也脱离不了前端的固定模式。小程序拥有四种文件类型，分别是：
新建一个小程序就会默认创建index和logs模块，每个模块都以单独的文件夹形式保存。页面文件在微信开发者工具中的效果如图1所示。 图1 首页下的四种文件
除了页面文件对应的模块文件夹之外，小程序还支持将一些工具型js独立保存，通过导入的方式为模块提供功能支持，例如新建小程序中自动创建的utils，效果如图2所示。 图2 utils模块
所有的全局文件都以app命名开头，全局文件内部声明的资源可以作用到所有模块中，效果如图3所示。 图3 小程序应用的全局文件
在过去，开发人员所积累的前端开发经验其实有很大一部分可以继续应用在小程序的开发上，例如小程序和普通网页都需要书写静态标签页面。小程序的样式和普通网页基本相同，而且小程序和普通网页都遵循了JavaScript的ES6标准，很多语法在两个平台都可以一起使用，例如模块的导入导出、箭头函数等。
但是小程序和传统网页开发毕竟还是两种不同的技术，二者之间还是有些许的区别。在普通网页中渲染线程和脚本线程是互斥的，而在小程序中二者不是互斥的。普通网页可以操作DOM和BOM对象，但是小程序的逻辑层运行在JSCore中，无法操作DOM和BOM对象，所以小程序在使用JS选择UI时，就没有父节点、子节点、ID选择器这些概念了。网页开发者需要面对的环境是各式各样的浏览器，在PC端需要面对IE、Chrome、QQ浏览器等，在移动端也需要面对各个系统中的WebView，而小程序开发过程中主要面对的是IOS和Android的微信客户端。目前小程序也支持在微信的PC客户端上运行，所以在开发过程中也需要考虑Windows或Mac环境的UI适配，以及代码兼容性的问题。
WXML（WeiXin Markup Language）是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。虽然在书写方式上WXML和HTML有很多相似之处，但是二者之间的语法结构又有很大的区别，WXML仅能在微信小程序开发工具中预览，而HTML可以在浏览器内预览。传统的HTML标签在WXML中是无法之间使用的，WXML对组件进行了重新封装，为后续的性能优化提供了可能，同时避免开发者写出低质量的代码。
WXML文件以 .wxml 作为后缀，一个完整的 WXML 语句由一段开始标签和结束标签组成，在标签中可以是内容，也可以是其他的WXML语句，这一点上与HTML是一致的。WXML基本语法如例1所示。
【例1】WXML基本语法
WXML的语法校验是非常严格的，要求标签必须是严格闭合的，没有闭合将会导致编译错误。
WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，提升视觉上的效果。WXSS与传统前端开发中的CSS类似，为了更适合小程序开发，WXSS对CSS做了一个补充和扩展，例如尺寸单位、样式导入等。
在WXSS中使用rpx（responsive pixel）作为尺寸单位，可以根据屏幕宽度进行自适应。小程序中的rpx与传统CSS尺寸单位的px是以 1rpx = 进行的换算。
小程序的主要开发语言是JavaScript，开发者使用JavaScript开发业务逻辑以及调用小程序的API，以此来完成业务需求。在大部分开发者看来，JavaScript和ECMAScript是指同一回事，但是从严格意义上来讲，二者之间的意义是完全不同的。ECMAScript是由ECMA国际组织通过ECMA-262标准化的脚本程序设计语言，该标准规定了ECMAScript主要包括脚本语法、数据类型、语句、关键字、操作符以及对象等基本的编程语言规范，而JavaScript是ECMAScript的一种具体实现。理解了这些概念，有助于开发者理解小程序中的JavaScript同浏览器的JavaScript以及Node中的JavaScript之间的区别。
浏览器中的JavaScript是由BOM（浏览器对象模型，全称 Browser Object Model）、DOM（文档对象模型，全称 Document Object Model）以及ECMAScript组成的，对于Web前端开发者来说，应该非常熟悉BOM和DOM这两个对象模型，它使得开发者可以去操作浏览器的一些表现，比如修改URL、修改页面呈现、记录数据等等。
Node中的JavaScript是由NPM、Native模块以及ECMAScript组成的，Node的开发者非常熟悉NPM的包管理工具，通过各种扩展包来快速实现一些功能，同时通过使用一些原生的模块来赋予Node语言本身不具有的能力，例如FS、HTTP、OS等。
小程序的JavaScript是由ECMAScript以及小程序的框架和API来实现的，与浏览器中的JavaScript相比没有BOM和DOM对象，所以类似于jQuery、Zepto这种浏览器类库是无法在小程序中运行起来的，同样的缺少Native模块和NPM包管理的机制。所以这就导致小程序中无法加载原生库，也无法直接使用大部分的NPM依赖包。
JSON（JS对象简谱，全称 JavaScript Object Notation）是一种轻量级的数据交换格式，是基于ECMAScript的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。JSON的语法易于阅读和编写，同时也易于程序解析和生成，是一种理想的网络传输格式，也可以作为项目的配置文件。由此可见，JSON仅是一种数据格式而非编程语言，在小程序中也作为一种重要的配置文件而存在。
JOSN文件作为小程序中的静态配置文件，在小程序运行之前就决定了小程序的一些表现，需要注意的是小程序无法在运行过程中去动态更新JSON配置，如果JSON配置文件的内容发生了更改，需要重新编译当前的项目才能生效。
微信原生小程序开发系统 第4篇
小程序的宿主环境 => 微信客户端
ps : 宿主环境为了执行小程序的各种文件：wxml文件、wxss文件、js文件
双线程模型 :
项目配置文件 => 比如项目名称、appid等
页面配置
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置
页面中配置项在当前页面会覆盖 的 window 中相同的配置项
微信原生小程序开发系统 第5篇
微信拥有超过十亿的活跃用户，为企业提供了前所未有的受众覆盖范围。微信小程序允许企业接入这个庞大的网络，为庞大而多样化的客户群体提供直接渠道。
微信小程序设计用于高用户参与度。它们集成在微信生态系统中，允许用户在不离开应用的情况下与它们进行互动。这种无缝集成保持了用户体验的流畅性，并鼓励了更长时间和更频繁的互动。
开发独立的应用程序可能在时间和金钱上都是资源密集型的。相比之下，微信小程序的开发和维护成本更低。这种成本效益对于预算有限的中小型企业（SMEs）或初创公司来说特别有益。小程序可以根据不同的业务需求进行定制。无论是电子商务、服务、客户支持还是互动营销，这些程序都可以根据业务需求进行定制，以增强业务运营和用户体验。
微信小程序为企业提供了与客户直接沟通的渠道。企业可以利用它们进行促销、发布新产品或根据用户数据提供个性化推荐。
这些程序是消费者数据的丰富来源。企业可以分析用户互动，深入了解消费者行为、偏好和趋势，这对战略决策具有极高的价值。对于电子商务企业而言，小程序提供了集成化的购物体验。用户可以在不离开微信的情况下浏览和购买产品，这有助于增加销售额和提高转化率。微信小程序与微信支付无缝集成，为用户提供了顺畅便捷的交易体验。这种集成不仅增强了用户体验，还鼓励了冲动购买。
微信原生小程序开发系统 第6篇
跳转到 tabBar 页面
并关闭其他所有非 tabBar 页面，使用 navigateBack 无法退回
保留当前页面，跳转到应用内的某个页面
但是不能跳到 tabbar 页面
(Object object) => 关闭当前页面，返回上一页面或多级页面
在界面跳转过程中需要相互传递一些数据
使用URL中的query字段
在详情页内部拿到首页的页面对象，直接修改数据
在小程序基础库 开始支持events参数，也可以用于数据的传递
使用URL中的query字段进行传递，定义events对象
使用eventChanner，传递数据到上一个页面
navigator组件主要就是用于界面的跳转的，也可以跳转到其他小程序中