微信小程序开发-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- 

望指点~~

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41472431/article/details/103508817

智能推荐

java如何使用JUnit进行单元测试-程序员宅基地

注:所有内容都是在eclipse上实现,关于eclipse的安装和jdk的安装配置,请看:http://www.cnblogs.com/fench/p/5914827.html单元测试是什么? 百度百科的解释是这样的:单元测试(模块测试)是开发者编写的一小段代码,用于检验被测代码的一个很小的、很明确的功能是否正确。通常而言,一个单元测试是用于判断某个特定条件(或者场景)下

博迪投资学第十版答案_博迪投资学 第六章第10题-程序员宅基地

完整版:http://zgw.100xuexi.com/SubItem/IndexInfoDetail.aspx?id=a9c9a9ed-84ea-4e9f-9f0b-f43ba1b9c45b 第1章 投资环境1.1 复习笔记1.2 课后习题详解第2章 资产类别与金融工具2.1 复习笔记2.2 课后习题详解第3章 证券是如何交易的3.1 复习笔记3.2 课后习题详解第4章 共同基金与其他投资公司4.1 复习笔记4.2 课后习题详解第二部分 资产组合理论与实践第5章 风险与收益入门_博迪投资学 第六章第10题

oppo 推送 php simple demo (oppo-push-php-sdk)_oppo simple-程序员宅基地

oppo 推送 simple demo只有普通的 全量用户推送 与 registration_id 推送 (别名推送官方屏蔽不许用, 没有离线与定时推送等高级设置功能~)参考文档: http://storepic.oppomobile.com/openplat/resource/201812/03/OPPO推送平台服务端API-V1.3.pdf官方没有提供php版本SKD, 某度某歌搜不到..._oppo simple

post请求访问http接口_http post接口方式-程序员宅基地

public static String post(String open_id) { String responseMsg = ""; HttpClient httpClient=new HttpClient(); httpClient.getParams().setContentCharset("UTF-8"); String url="http:......_http post接口方式

Mac 平台搭建PHP开发环境:Nginx、PHP、mysql-程序员宅基地

homebrew软件包工具homebrew是mac系统下特别好用的一个软件包工具,而且它的安装也是极为简单。网上有很多人直接给出了homebrew的安装命令,但是大部分的地址已经失效。在homebrew网站上http://brew.sh/,正中间就是homebrew的安装命令,直接复制到你的终端里执行就可以了。/usr/bin/ruby -e "$(curl -fsSL http...

table表单制作个人简历-程序员宅基地

应用table表单,编程个人简历表单,同时运用了跨行rowspan和跨列colspan。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty...

随便推点

Ubuntu 18.04安装Samba服务器及配置_ubuntu18.04 samba服务器配置-程序员宅基地

(1)更新当前软件。sudo apt-get upgrade sudo apt-get update sudo apt-get dist-upgrade(2)安装samba服务器。sudo apt-get install samba samba-commonsudo apt-get install smbclient (客户端,可选)`(3)创建一个用于分享的samba目录。sudo mkdir /home/XXX/share(4)给创建的这个目录设置权限sudo chmod_ubuntu18.04 samba服务器配置

提高性能,MySQL 读写分离环境搭建(一)-程序员宅基地

MySQL 读写分离在互联网项目中应该算是一个非常常见的需求了。受困于 Linux 和 MySQL 版本问题,很多人经常会搭建失败,今天松哥就给大伙举一个成功的例子,后面...

Xenserver 如何设置VM boot options_xenserver boot写什么-程序员宅基地

转自:http://www.linuxidc.com/Linux/2013-07/87699.htm#1. SSH到xen物理机#2. 查看VM的 uuidxe vm-list#3. 设置VM的BIOSxe vm-param-set uuid={vm uuid} HVM-boot-policy="BIOS order"#4. 设置VM的BIOS启动项xe vm-param-set uui_xenserver boot写什么

fjnu 1057 Rectangles-程序员宅基地

DescriptionA specialist in VLSI design testing must decide if there are some components that cover each other for a given design. A component is represented as a rectangle. Assume that each rectan

fastJson注解@JSONField指定字段的顺序_json指定字段顺序-程序员宅基地

使⽤ordinal指定字段的顺序public class BasePackage { @JSONField(ordinal = 1) private int id; @JSONField(ordinal = 2) private int direction; @JSONField(ordinal = 3) private String typ..._json指定字段顺序

ITK:计算图像的最小,最大,方差和均值_itk 计算图像最小像素值_源代码大师的博客-程序员宅基地

ITK:计算图像的最小,最大,方差和均值内容提要C++实现代码内容提要计算图像的最小,最大,方差和均值。C++实现代码#include "itkImage.h"#include "itkImageFileWriter.h"#include "itkStatisticsImageFilter.h"#include "itkImageFileReader.h"using ImageType = itk::Image<unsigned char, 2>;static void Cre_itk 计算图像最小像素值