乐趣区

关于前端:5-分钟带你小程序入门-实战总结分享

微信小程序经常用 4 种文件类型

JS 文件

JS 在小程序中用于编写页面逻辑和交互成果,可调用 API 接口实现数据申请和解决,也能够应用第三方库和框架。

  1. 模块化编程:小程序中 JS 文件能够应用 ES6 的模块化语法,通过 export 和 import 来导出和导入模块。
  2. 援用其余 JS 文件:小程序中的 JS 文件能够通过 require 来引入其余的 JS 文件,如 utils、model 等。
  3. 事件处理:小程序中的事件处理十分重要,须要留神事件的绑定和触发,以及事件参数的传递和解决。
  4. 数据绑定和更新:小程序中的数据绑定和更新是主动的,但也须要留神一些细节,如数据类型的转换和更新机会等。
  5. API 调用:小程序提供了很多 API 供开发者应用,须要留神抉择正确的 API 并正确调用。
  6. 错误处理:小程序中 JS 出错会导致页面解体,须要应用 try-catch 来进行错误处理,防止影响用户体验。

    json 文件

    JSON 在小程序中用于配置页面属性和数据源。它能够定义页面的背景色、导航栏字体色彩、数据源等。

WXML

WXML 是一种基于 XML 语法的标记语言,用于编写小程序页面构造。它反对数据绑定、条件、循环语句等语法,并可与 JS 模块交互。

WXSS

WXSS 是一种基于 CSS 语法的样式表语言,用于定义小程序页面的款式。它反对嵌套、变量、继承、全局款式等个性。

写 wxss 时,小程序不反对哪些写法

微信小程序的 WXSS 是一种针对小程序的非凡款式语言,和传统网页 CSS 有些不同,尽管语法和 CSS 类似,但在理论应用中还是有一些差异。
上面是不反对的 CSS 属性和选择器:

CSS 属性:

  1. 通用选择器(*)
  2. 边框圆角属性(border-radius)
  3. 文字暗影属性(text-shadow)
  4. 图片滤镜属性(filter)
  5. 高级定位属性(z-index)
  6. grayscale,sepia,saturate,hue-rotate,invert,opacity

CSS 选择器:

  1. ID 选择器(#id)
  2. 兄弟选择器(+ 和 ~)
  3. 属性选择器中用多个属性一起抉择的形式,(attr=”value”)
  4. 伪元素选择器(::before 和::after)
  5. 可为空元素选择器(:empty)

我的项目配置

调试工具

语法回顾

wxml 语法

定义模块

间接创立 .wxs 文件。
每个 wxs 模块均有一个内置的 module 对象。

  • exports: 通过该属性,能够对外共享本模块的公有变量与函数。

路由 API 整顿

继续更新中 …….

退出移动版