为了账号安全,请及时绑定邮箱和手机立即绑定
  • 引入第三方组件库:

    1、初始化设置(以管理员身份运行),终端打开本地代码目录, npm init;

    2、下载对应组件,npm i vant-weapp -S --production;(vant官网有相关指令)

    3、点击开发者工具菜单栏的工具,点击构建npm,本地代码目录会多出一个文件夹(即package-lock.json),里面就是刚下载的组件库;

    4、点击开发者工具的详情,勾选使用npm模块。

    5、即可任意调用vant库


    查看全部
    0 采集 收起 来源:Vant组件库

    2021-01-21

  • 1.文件下载

    http://img1.sycdn.imooc.com//6002a23e00017f0509700545.jpg

    查看全部
    0 采集 收起 来源:云存储(2)

    2021-01-16

  • 云存储

    1. 文件上传 流程图

      http://img1.sycdn.imooc.com//60025acd0001fe9c09250474.jpg

    2. 批量上传

       需要在云数据库,建立一个新的集合

    查看全部
    0 采集 收起 来源:云存储(1)

    2021-01-16

    1. 若出现以下提示,则要通过右击cloudbase的终端打开来安装一些必要的包。

    http://img1.sycdn.imooc.com//5ffeb3dd0001326308900428.jpg

    1. 传统微信登录  vs  云开发微信登录

    • 传统微信登录

      http://img1.sycdn.imooc.com//5ffebc6d0001a0e911430594.jpg

    • 与开发微信登录

    http://img1.sycdn.imooc.com//5ffebc060001f96310800579.jpg

    1. 批量删除数据只能在云函数端完成




    查看全部
    0 采集 收起 来源:云函数

    2021-01-13

  • 微信小程序组件库

    查看全部
    0 采集 收起 来源:页面样式WXSS

    2021-01-13

    1. 云数据库能力

      http://img1.sycdn.imooc.com//5ffd6a730001599309940564.jpg

    2. 数据类型

      http://img1.sycdn.imooc.com//5ffd6b1a00010b8710060529.jpg

      其中,null ,表示字段存在,但是它的值为空,相当于一个占位符。

    3. 操作云数据库

      http://img1.sycdn.imooc.com//5ffd6b940001b51309750569.jpg

    4. 云数据库权限管理

    • 仅创建者可写,所有人可读(如一些个人文章)

    • 仅创建者可读写(如,私密相册)

    • 仅管理端可写(如,商场的商品)

    • 仅管理端可读写(如,后台一些较敏感的数据)

       5.数据库初始化

    • 初始化

         const db=wx.cloud.database()

    • 切换环境

      const testDB=wx.cloud.database({

             env:'test'

      )}

    6.数据的增删查改




    查看全部
    0 采集 收起 来源:云数据库

    2021-01-12

    1. 小程序传统开发模式

      http://img1.sycdn.imooc.com//5ffd625c0001fbfb11620598.jpg

    2. 小程序云开发模式

      http://img1.sycdn.imooc.com//5ffd62ad0001bc4908730591.jpg

    3. 传统开发  vs  云开发

      http://img1.sycdn.imooc.com//5ffd62ec00017b3111380617.jpg

    4. 三大基础能力支持

      http://img1.sycdn.imooc.com//5ffd6316000195bd10410620.jpg

    5. 云开发的基础环境

      5f8e40980001dc8b19201080.jpg



    查看全部
  • Js

    1. Js 负责逻辑交互

    2. 计数器demo

      http://img1.sycdn.imooc.com//5ffbcb0500015cf804100220.jpg

    3. bindtap 点击事件,可以在标签中添加来绑定指定事件
    4. bind方法  允许事件冒泡
      catch方法  阻止事件冒泡
    5. bindtap和bind:tap点击效果是一样的
      catchtap和catch:tap点击效果是一样的
    6. data-id=""  获取自定义id
      size="mini"  设置大小
    7. 事件是对用户交互行为的响应机制;
      
      event.target.dataset获取元素上的data属性。


    查看全部
    1 采集 收起 来源:页面交互JS

    2021-01-11

    1. wxss 用于小程序的样式语言,相当于css.用于描述wxml的组件样式,也就是视觉上的效果。

    2. 尺寸单位:rpx,可以根据屏幕宽度进行自适应,适配不同宽度的屏幕。一般选用iphone6作为视觉稿的标准。

    3. 引入外部wxss: @import './test_0.wxss'

    4. 第三方样式库:WeUI 、iView Weapp 、vant Weapp

    查看全部
    0 采集 收起 来源:页面样式WXSS

    2021-01-10

  • wxml类似于HTML

    1.数据绑定

    小程序的数据一般情况下需要动态的从服务端获取,然后渲染输出到视图中显示。

    wxml中的动态数据均来自对应的Page的data。(在js文件下)


    • 数据绑定使用Mustache语法(双大括号{{}})将变量包起来。

    2.列表渲染

    • wx:for  循环列表   {{index}} {{item}}  

    • wx:key                    key里面的值是唯一的值

    <view wx:for="{{arr}}" wx:key="{{index}}"> //for循环遍历数组
      
    {{index}} {{item}}   //index表示索引,item表示数值
    </view>


    3.条件渲染

    • 使用wx:if="{{condition}}" 来判断是否需要渲染该代码块,也可以用wx:elif 和wx:else 来添加一个else块

    • wx:if  vs   hidden 

      如果需要频繁切换的情境下,用hidden更好;

      如果在运行条件不大可能改变则wxc:if较好。



    查看全部
    1 采集 收起 来源:页面结构WXML

    2021-01-09

  • 云存储文件上次流程

    http://img1.sycdn.imooc.com//5ff283c200012d2d12030645.jpg

    查看全部
    0 采集 收起 来源:云存储(1)

    2021-01-04

  • 传统微信登录流程

    http://img1.sycdn.imooc.com//5ff281980001c51c12640598.jpg

    云开发微信登录流程

    http://img1.sycdn.imooc.com//5ff281df000168ad11610598.jpg

    查看全部
    1 采集 收起 来源:云函数

    2021-01-04

  • 云开发:Serverless

    • 云函数:nodejs

    • 云数据库:mongodb

    • 云存储

    http://img1.sycdn.imooc.com//5ff2794e0001ac2410850639.jpg

    查看全部
  • https://mp.weixin.qq.com
    查看全部
    0 采集 收起 来源:小程序注册

    2020-12-25

举报

0/150
提交
取消
课程须知
1、对html、css的基础知识有一定的了解 2、对javascript的基础知识有一定的了解
老师告诉你能学到什么?
1、微信小程序基础概念 2、小程序基础知识必备技能 3、小程序云开发三大基础能力 4、小程序全栈项目开发 5、使用Promise处理JS异步问题 6、小程序中使用第三方组件库 7、小程序传统开发模式与云开发模式的区别 8、小程序端发送请求与云函数发送请求的区别

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!