《图解微信小程序》- 初始化项目分析

2021-06-07  本文已影响0人  张中华

这是微信小程序的初始化结构,里面有index,logs两个界面,还有有个util.js,js的帮助类,app.js入口JS和一些配置文件。


从初始化文件目录结构来看,项目中主要含有四种文件:.js,.json,.wxml,.wxss

.json

配置文件,在单个界面模块中,可配置单页面的配置,也能将全局配置进行覆盖。

小程序代码构成官网地址

.wxml

类似html,编写界面的模块。 但是标签名与HTML不同,没有div,也没有span,在微信小程序中都自己封装了一些自有的标签组件,例如<view>、<text>等等
详细可参考:官网组件地址

.wxss

类似css文件,编写样式的模块。
WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。
此外 WXSS 仅支持部分 CSS 选择器

.js

编写js的文件,如果学习过vue/react,就能很好的了解该文件的功能,存在数据管理和生命周期

接下来先按照HTML/CSS/JS的学习方式,简单安排下基础的学习路线json->wxml->wxss->js

上一篇 下一篇

猜你喜欢

热点阅读