2020929王杉

学习内容:

微信小程序开发:

  • (影视)小程序流程:

    准备:

  1. API接口(请求数据(json))

  2. 转换思维MVVM(MODEL+VIEW(html+css)+VIEWMODEL)

  3. 双向绑定

第一步:导入插件(van-weapp),导入插件提升效率

  1. 下载插件miniprogram文件夹上面右键,选择在终端中打开输入

npm init 初始化package.json文件,已知回车就行了

  1. 输入npm i @vant/weapp -S –production安装

  2. 选择菜单栏中的工具下面的构建npm如果不成功就再次构建

  3. 找到详情本地设置选择 使用nmp模块

  4. 如果你想在多个页面中使用vant,就将配置写在app.js中,在单个页面中使用就把配置写在其中的页面json文件中

"usingComponents": {

 }
  1. 选择你要是用的组件进行导入组件文档中复制导入放在上面的内容中,多个使用英文逗号分隔

第二步:页面中使用组件,在wxml中使用组件官网中一般下面有案例复制改就行了

  • 小程序的双向绑定和vue的哪里不相同:

  • 小程序直接 this.data 的属性是不可以同步到视图里面的,必须调用:

    this.setData({
    //这里设置
    })
  • 小程序的wxss和css有哪些不一样的地方:

    1. 尺寸单位:小程序中新增的rpx(响应式像素)
    2. wxss具有css大部分的特性,也做了一些扩充和修改
    3. wxss仅支持css的部分选择器
  • 怎么封装微信小程序的数据请求:

    1. 将所有的接口放在同一的js文件中并导出
    2. 在app.js中创建封装请求数据的方法
    3. 在子页面调用封装的请求数据
  • 哪些方法来提高微信小程序的应用速度:

    1. 提高页面的加载速度
    2. 用户行为预测
    3. 减少默认data的大小
    4. 组件化方案

学习心得:

今天开始写影城小程序,中间遇到了一些问题但是还是跟着一起解决了,就是调接口时没有免费的接口,使用别人的接口有些麻烦,然后就是开始了云开发的学习:云函数、云储存的学习,跟着峰哥走了一遍,然后自己下来再弄一遍把之前报错的地方再弄一遍看是哪些错误,免得下次再出错,熟悉流程,以免忘的太快,查找和熟悉小程序的面试题,自己多多熟悉。加油!

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1