【资料图】
微信小程序常常用 4 种文件类型JS 文件JS 在小程序中用于编写页面逻辑和交互效果,可调用 API 接口完成数据请求和处理,也可以使用第三方库和框架。
模块化编程:小程序中JS文件可以使用ES6的模块化语法,通过export和import来导出和导入模块。引用其他JS文件:小程序中的JS文件可以通过require来引入其他的JS文件,如utils、model等。事件处理:小程序中的事件处理非常重要,需要注意事件的绑定和触发,以及事件参数的传递和处理。数据绑定和更新:小程序中的数据绑定和更新是自动的,但也需要注意一些细节,如数据类型的转换和更新时机等。API调用:小程序提供了很多API供开发者使用,需要注意选择正确的API并正确调用。错误处理:小程序中JS出错会导致页面崩溃,需要使用try-catch来进行错误处理,避免影响用户体验。json 文件JSON 在小程序中用于配置页面属性和数据源。它可以定义页面的背景色、导航栏字体颜色、数据源等。
WXMLWXML 是一种基于 XML 语法的标记语言,用于编写小程序页面结构。它支持数据绑定、条件、循环语句等语法,并可与 JS 模块交互。
WXSSWXSS 是一种基于 CSS 语法的样式表语言,用于定义小程序页面的样式。它支持嵌套、变量、继承、全局样式等特性。
写 wxss 时,小程序不支持哪些写法微信小程序的 WXSS 是一种针对小程序的特殊样式语言,和传统网页CSS有些不同,虽然语法和CSS相似,但在实际使用中还是有一些差别。下面是不支持的CSS属性和选择器:
CSS属性:
通用选择器(*)边框圆角属性(border-radius)文字阴影属性(text-shadow)图片滤镜属性(filter)高级定位属性(z-index)grayscale,sepia,saturate,hue-rotate,invert,opacityCSS选择器:
ID选择器(#id)兄弟选择器(+ 和 ~)属性选择器中用多个属性一起选择的方式,([attr="value"][attr2="value2"])伪元素选择器(::before和::after)可为空元素选择器(:empty)项目配置调试工具语法回顾wxml 语法定义模块直接创建 .wxs 文件 。每个 wxs 模块均有一个内置的 module 对象。
exports: 通过该属性,可以对外共享本模块的私有变量与函数。路由API 整理持续更新中.......