详解小程序开发所需要的技术

发布时间：2022/01/10 丨 文章来源：未知 丨 浏览次数：

　　微信小程序本身是基于微信中的WebKit而存在的，所以其本身就是一个网页端的应用。但是与传统的HTML不同的是，它的页面并非DOM的操作方式，这是为了避免多层嵌套DOM速度过慢的问题，对于开发者而言，这些都是透明不可见的，也就是说不用专门学习。

　　虽然南昌小程序开发的技术并不是完全原生的JS、HTML、CSS，但其是用这些技术封装起来的，所以学习这些技术也是必要的。

　　JavaScript技术

　　Java Script是世界上最流行的脚本语言，它属于Web语言，它适用于PC、笔记本电脑、平板电脑和移动电话。JavaScript的设计目的是增加HTML页面的交互性。

　　许多HTML开发者都不是程序员，但Java Scripti拥有非常简单的语法，所以几乎每个人都有能力将小的JavaScript片段添加到网页中。

　　Java Script本身是一种高级编程语言，通过解释执行，是面向对象（基于原型）的直译语言。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox、Safari、Opera）支持。

　　在客户端，JavaScript在传统意义上被实现为一种解释语言，但在最近，它已经可以被即时编译（JT）执行。随着最新的HTML 5和CSS 3语言标准的推行，它还可用于游戏、桌面、移动应用程序的开发和在服务器端网络环境运行，如通过Node.js。

　　CSS技术

　　层叠样式表（Cascading Style Sheets，简称CSS），又称级联样式表、串接样式表。层叠样式表是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。目前最新版本是CSS 3。

　　网页的用户和开发者都可以使用CSS来决定文字的颜色、字体、排版等显示特性。它使得网页更加生动，甚至可以使用不同的样式来控制网页上出现动画或其他效果。CSS最主要的目的是将文件的内容与显示分隔开来，之后通过引入选择器的方式控制DOM的样式效果。这有许多好处：

　　·文件的可读性加强。

　　·文件的结构更加灵活。

　　·用户和开发者可以自己决定不同的显示。

　　·文件的结构简化了。

　　通过分离出来的CSS文件，可以针对每个不同的用户显示不同的效果，并且整个网站或其中一部分网页的显示信息被集中在一个地方，要改变它们很方便。针对不同的读者可以有不同的样式，比如有的用户需要的字体比较大，有的用户对于某些图标不可见或者是色弱等要对色彩做不同的调整。

　　CSS还可以控制其他参数，例如声音（假如浏览器有阅读功能的话）或给视障者用的感受装置。

　　对于最新的CSS 3，不但将CSS 3折分为“模块”，而且在原有简单样式的基础上增加了一些新的属性，一些最重要CSS 3模块如下：

　　·选择器。

　　·盒模型。

　　·背景和边框。

　　·文字特效。

　　·2D/3D转换。

　　·动画。

　　·多列布局。

　　·用户界面。

　　HTML（XML）技术

　　HTML（XML）技术其实是两种不同的技术，即HTML和XML。

　　超文本标记语言（Hyper Text Markup Language，简称HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、Java Script一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义，最新版本为HTML5。

　　可扩展标记语言（Extensible Markup Language，简称XML），是一种标记语言。标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。如何定义这些标记，既可以选择国际通用的标记语言，比如HTML，也可以使用像XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。XML用到的主要有可扩展标记语言、可扩展样式语言（XSL）、XBRL和XPath等。

　　XML的诞生是为了取代HTML，但由于XML一些烦琐的写法和不够灵活的方式，它并没有取代HTML的位置，反而因其清晰的结构和自定义的节点名称，被用于一些配置文件的书写和一种数据持久化的手段。

　　由于HTML和XML本源和初衷是一致的，所以对于两者的学习是通用的、可扩展的。

　　通过以上对HTML和XML的介绍，这里总结一下它们的联系与区别：XML和HTML都用于操作数据或数据显示结构，在结构上大致相同，但在本质上的区别也相当明显。

　　1、语法要求不同

　　（1）在HTML中不区分大小写，在XML中严格区分大小写。

　　（2）在HTML中，结构不严格，对于解析而言，如果能通过上下文清楚地显示出段落或者某一标签在何处结尾，那么可以省略

或者之类的结束标签，甚至一些标签本身就是半闭合式的标签。但在XML中，必须遵循严格的树状结构，绝对不能省略结束标记。

　　（3）在XML中，拥有单个标记而没有匹配的结束标记的元素必须用一个“/”字符作为结尾。但HTML中这样的做法并不必要，反而在某些情况下增加“/”字符会出现不可预知的错误。

　　（4）在XML中，其属性值必须封装在引号中，所有的属性都必须带有相应的值，不能简写与略写，而且有严格的书写规范。但在HTML中，引号是可用可不用的，并且有些属性名可以不包含任何的数值，这样的写法甚至可以自动生成相应的数值。

　　（5）在XML中，空白的部分认为是XML自身的一种内容，所以不会被解析器自动删除；但HTML中的空格是单个有效的，多余的空格将会被解析器过滤掉，成为无效标记。

　　2、标记不同

　　（1）HTML使用已经定义好的既有标记，但XML的语法结构是可以扩展的，所以并没有固有的标记。

　　（2）HTML标签是预定义的，对于任意的标签都是存在含义和使用规范的，包括自定义的标签也应该提前解析；但XML的所有标签都是可以进行自定义、可扩展的，其属性也是扩展的一部分。

　　3、作用不同

　　（1）HTML是用来显示数据的；XML是用来描述数据、存放数据的，所以可以作为持久化的介质。HTML将数据和显示结合在一起，在页面中把数据显示出来；XML则将数据和显示分开。XML和HTML都是被设计用来描述数据，XML的焦点是数据的内容，而HTML的焦点是数据的外观。

　　（2）XML中的标签和属性是不具有任何的效果和操作的，更倾向于一种数据的表达形式和存储形式。而HTML更加倾向的是一种数据的显示形式和展示形式，所以这两种技术各有所长。

　　通过HTML（XML）与CSS文件的结合，可以构造出任意一种样式的网页和排版模式，比如对于微信小程序本身，就使用类似于HTML（XML）的一套标签语言，所以通过微信小程序的WXSS和WXML的结合也可以构造出丰富的页面。