《慕慕到家》家政小程序组件化进阶实战 网盘下载

Posted 2021-05-15 ntver

Download: 《慕慕到家》家政小程序组件化进阶实战 网盘下载

微信小程序开发介绍

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。对于前端开发而言，微信小程序因为其简单快速、开发成本低、用户流量巨大等特点，也就成了前端开发工程师必会的一个技能。​小程序的主要开发语言是 javascript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。通过学习《慕慕到家》家政小程序组件化进阶实战视频教程你将学会微信小程序开发。

《慕慕到家》家政小程序组件化进阶实战 - 如何开发微信小程序

开发要准备什么？开发小程序难不难？微信小程序虽然是腾讯自己搞的，但是核心的思想跟vue等框架是一样一样的，所以我们要善于搜集精美的小组件： “我们不生产代码，我们只是代码的搬运工”，善于找到想要的组件并把他们巧妙优雅的组装成一个大项目，也算是程序员一项基本技能了。
一.注册小程序账号，下载IDE
（1）注册账号之后会有一个appid，新建项目的时候需要填上，不然很多功能是用不了的，比如不能预览，不能上传代码等等。

（2）如果你注册过微信公众号的话，一定要注意，微信公众号和小程序是两个账号，二者的appid也是不同，小程序开发必须使用小程序的appid。
二.小程序框架介绍和运行机制
1.我们建立了“普通快速启动模板”，然后整个项目目录如下：

2.app.js
整个项目的启动文件，如注释写的onlaunch方法有三大功能，浏览器缓存进行存和取数据；用登陆成功的回调；获取用户信息。
globalData是定义整个项目的全局变量或者常量。

...
三.小程序框架、各个页面以及发布上线的注意点

1.整个框架中的一些注意点

（1）整个wxml页面，最底层的标签是。

（2） 每个页面顶部导航栏的颜色，title在本页面的json中配置，如果没有配置的话，取app.json中的总配置。

（3）json中不能写注释，不然会报错的。

（4）路由相关

《慕慕到家》家政小程序组件化进阶实战

从功能结构图、业务流程图入手，建立项目全局视角，深挖设计与编码的矛盾，让画图不再枯燥；以小见大，微信小程序关键知识路径初探，为后续进阶内容打下基础

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/index",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
}

内容标签页组件化，自定义组件定义、插槽、通信。代码分层设计实践与网络请求封装开发

<!-- 组件模板 -->
<view class="wrapper">
  <view>这里是组件的内部节点</view>
  <slot></slot>
</view>
<!-- 引用组件的页面模板 -->
<view>
  <component-tag-name>
    <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
    <view>这里是插入到组件slot中的内容</view>
  </component-tag-name>
</view>

...