第3章 微信小程序起步-【千锋教育】微信小程序开发与实战（微课版）

第3章微信小程序起步 江 目录 CATALOUGUE 1小程序代码组成 02 小程序宿主环境 03小程序应用能力 04 小程序组件化 初心至善匠心育人 小程序代码组成 初心至善匠心育人 小程序代码组成 小程序开发与传统的前端开发有着很大的区别，不管什么类型的前端技术，都是由以下三 种技术组成： ·静态标签文件(HTML),静态标签决定了前端页面的基本骨架是如何构成的： ·样式文件(CS$),样式文件可以让前端的页面凸显自身的美术风格 ·动态脚本文件(JavaScript),动态脚本可以让前端页面与用户进行交互。 初心至善匠心育人 小程序代码组成 小程序虽然与传统的前端开发有所区别，但是也脱离不了前端的固定模式。小程序拥有四 种文件类型，分别是： wxm文件，类似于传统前端的HTML文件，用于静态标签的编写： wxSs文件，与传统前端的CSS文件功能类似，用于页面样式的编写： ·js文件，与传统前端的]avaScript脚本功能类似，用于页面交互逻辑的编写； ·json文件，在传统前端页面开发中没有json文件，小程序的json文件主要用于页面配置， 如页面标题、颜色、样式的配置等。 初心至善匠心育人 小程序代码组成 微信开发者工具中的页面文件： TODOLIST 十田Q pages index index.js {indexjson index.wxml 日index.wxss a logs logsjs {logsjson logs.wxml logs.wxss 初心至善匠心育人 小程序代码组成 WXML文件以.wxml作为后缀，一个完整的WXML语句由一段开始标签和结束标签组成， 在标签中可以是内容，也可以是其他的WXML语句，这一点上与HTML是一致的。WXML基 本语法如下： <!--pages/wxml/index.wxml--> <text>pages/wxml/index.wxml</text> 初心至善匠心育人 小程序代码组成 WXSs(WeiXin Style Sheets)是一套用于小程序的样式语言，用于描述WXML的组件样式， 提升视觉上的效果。WXSS与传统前端开发中的CSS类似，为了更适合小程序开发，WXSS 对CS$做了一个补充和扩展，例如尺寸单位、样式导入等。 初心至善匠心育人 小程序代码组成 小程序的JavaScript是由ECMAScript以及小程序的框架和API来实现的．与浏览器中的 JavaScript相比没有BOM和DOM对象，所以类似于jQuery、Zepto这种浏览器类库是无法在 小程序中运行起来的，同样的缺少Native模块和NPM包管理的机制。所以这就导致小程序 中无法加载原生库，也无法直接使用大部分的NPM依赖包。 初心至善匠心育人 小程序代码组成 JOSN文件作为小程序中的静态配置文件，在小程序运行之前就决定了小程序的一些表现， 需要注意的是小程序无法在运行过程中去动态更新SON配置，如果]SON配置文件的内容 发生了更改，需要重新编译当前的项目才能生效。 初心至善匠心育人