小程序前端开发常用代码

小程序前端开发常用代码：

app.json//全局配置文件

标配文件：
xxx.js//js文件
xxx.json//配置文件
xxx.wxml//视图文件
xxx.wxss//样式文件

<template name="模板名"></template>//模板标签
<import src=""/>//引入文件标签
<template is="模板名" data="{{...数据名}}"/>//使用模板

<view class=""  bindtap=""  hidden="true/false"></view>//盒子标签  bindtap=“”点击事件  hidden=“”组件是否显示
bindfocus=""//获取焦点事件
bindblur=""//失去焦点事件
<scroll-view></scroll-view>//可滚动视图区域
<image src=""></image>//图片标签
<navigator url=""></navigator>//页面跳转标签

<swiper><swiper-item><image></image></swiper-item></swiper>轮播标签

wx:for//列表渲染、循环
wx.showToast({}) //提示框
wx.showModal({})//动态弹窗
wx.showActionSheet({})//选择弹窗
wx.playBackgroundAudio（{}）//播放音乐
“tabbar”：{“list”：[]}//切换目录（下方栏目）
wx.setNavigationBarTitLe()动态设置当前页面标题
wx.showNavigationBatLoading()显示导航条加载动画
wx.hideNavigationBarLoading()隐藏导航条加载动画
onReachBottom://上拉刷新
enablePullDownRefresh:true//开启下拉刷新
onPullDownRefresh//下拉刷新处理函数
wx.stopPullDownRefresh()停止当前页面下拉刷新

----------------WXSS样式表----------------------------
@import “”；外部样式表引入

display:flex;//盒子模型
fiex-direction：column；
fiex-direction：row；水平布局
vartical-align:middle;向下垂直居中
font-size：30rpx;字体大小