微信小程序经常用 4 种文件类型
JS 文件
JS 在小程序中用于编写页面逻辑和交互成果,可调用 API 接口实现数据申请和解决,也能够应用第三方库和框架。
- 模块化编程:小程序中 JS 文件能够应用 ES6 的模块化语法,通过 export 和 import 来导出和导入模块。
- 援用其余 JS 文件:小程序中的 JS 文件能够通过 require 来引入其余的 JS 文件,如 utils、model 等。
- 事件处理:小程序中的事件处理十分重要,须要留神事件的绑定和触发,以及事件参数的传递和解决。
- 数据绑定和更新:小程序中的数据绑定和更新是主动的,但也须要留神一些细节,如数据类型的转换和更新机会等。
- API 调用:小程序提供了很多 API 供开发者应用,须要留神抉择正确的 API 并正确调用。
-
错误处理:小程序中 JS 出错会导致页面解体,须要应用 try-catch 来进行错误处理,防止影响用户体验。
json 文件
JSON 在小程序中用于配置页面属性和数据源。它能够定义页面的背景色、导航栏字体色彩、数据源等。
WXML
WXML 是一种基于 XML 语法的标记语言,用于编写小程序页面构造。它反对数据绑定、条件、循环语句等语法,并可与 JS 模块交互。
WXSS
WXSS 是一种基于 CSS 语法的样式表语言,用于定义小程序页面的款式。它反对嵌套、变量、继承、全局款式等个性。
写 wxss 时,小程序不反对哪些写法
微信小程序的 WXSS 是一种针对小程序的非凡款式语言,和传统网页 CSS 有些不同,尽管语法和 CSS 类似,但在理论应用中还是有一些差异。
上面是不反对的 CSS 属性和选择器:
CSS 属性:
- 通用选择器(*)
- 边框圆角属性(border-radius)
- 文字暗影属性(text-shadow)
- 图片滤镜属性(filter)
- 高级定位属性(z-index)
- grayscale,sepia,saturate,hue-rotate,invert,opacity
CSS 选择器:
- ID 选择器(#id)
- 兄弟选择器(+ 和 ~)
- 属性选择器中用多个属性一起抉择的形式,(attr=”value”)
- 伪元素选择器(::before 和::after)
- 可为空元素选择器(:empty)
我的项目配置
调试工具
语法回顾
wxml 语法
定义模块
间接创立 .wxs 文件。
每个 wxs 模块均有一个内置的 module 对象。
- exports: 通过该属性,能够对外共享本模块的公有变量与函数。
路由 API 整顿
继续更新中 …….