微信小程序开发-Bilibili仿写

初学者总结：

1.目录结构介绍

2.部分语法

   首先清空默认文件，开始编写：

   新建目录页（添加paths地址直接创建文件）：在app.json文件下新建pages路径

1.新建文件目录这样：

pages/index/index

简单的say一下每个目录文件主要是干啥的

index.js:index本页面所有的数据定义及方法都在本页面中显示

index.json:此页面中需要导入的组件，以及本页面的头部文本

index.wxml:相当于web界面得到html文件里的body

index.wxss:相当于web界面得到的css文件，页面所需要的样式所在

2.部分语法:

2.1定义数据：在js文件的data对象里进行定义

2.2 初始需要加载的方法

2.3请求后台数据以及返回数据的赋值

that.setData({

 navList:res.data.data.navList;(其中navList是data里面双向绑定的数据)

})

2.4组件的导入 -------以index界面为例

 首先在index.json文件中引入地址再在wxml文件中进行使用

例如：

新建的myTitle组件 

wxml使用：                                          index.json文件进行引入：

2.5 绑定点击事件

然后去js文件中定义方法：

2.6 wxml里的循环

navList是在data里面定义的数据项

2.7页面跳转

以及跳转页面的传参

接收参数：在detail文件的js中进行接收

options就是页面出过来的参数

2.8 数据的绑定

2.9 视频

视频上还有一些参数:

等等等等。。看网址https://www.w3cschool.cn/weixinapp/weixinapp-video.html

嗯 就这样吧 把整个小项目的地址放上去吧 

地址：https://github.com/xiaomililili/Bilibili- 

望指点~~