尚学堂微信小程序大作业学习笔记

本文详细介绍了微信小程序的开发基础知识,包括注册小程序的原因、目录结构、小程序的app.json配置、wxss样式特点以及常用组件。此外,还讨论了小程序的页面渲染原理,页面生命周期,数据绑定,列表渲染,条件渲染,事件处理,模板使用等方面,帮助读者快速入门微信小程序开发。
摘要由CSDN通过智能技术生成

1.小程序基础:
   2天的基础课程  4天的项目制作

   1.1 注册小程序原因
      公司已经注册完毕了(公司内部人员注册完毕) 给appId
      不注册小程序账号:1.小程序是本地的 不能发布 2.功能部分没有权限 

       优点:体积小 方便-随用随走 开发成本低

        缺点:功能少 基本上是用来引流的  必须依托微信平台
    
    1.2 目录结构
        小程序包含一个描述整体程序的 app 和多个描述各自页面的 page
        (指南---目录结构)
        pages 小程序页面
            index 页面文件夹名称
                index.js 逻辑  (一个小程序页面-由4个文件组成 名字一致)
                index.json 配置
                index.wxml 页面标签
                index.wxss 页面样式
            logs 日志页面
                xxx 4个文件
        utils js文件夹 
            日期格式化的js 模块
        app.js 应用的逻辑文件 (必须)
        app.wxss 全局的样式
        app.json  全局配置文件 (必须)
        project.json文件 项目配置文件 

    1.3 app.json
        小程序根目录下的 app.json 
        文件用来对微信小程序进行全局配置,决定页面文件的路径、
        窗口表现、设置网络超时时间、设置多 tab 等

    1.4 小程序里面wxss样式区别

        1.单位尺寸

                rpx  px 750设计稿=750rpx  100%=750rpx

        2.样式导入

                语法:@import‘相对路径’;wxss里面

        备注:

                样式是导入样式文件里面wxss---》wxss

                页面wxml导入:Template

                js文件之前导入-模块:module.exports=‘’ require()

        1.5小程序常用组件

                表单组件:

                        input form button

                 视图组件:

                        view swiper swiper-item scroll-view

                 导航:--重点

                        navigator    属性:url=‘’   open-type=‘跳转类型’        

                                open-type=''

                                1.navigate 默认 保留当前的页面 跳转到应用内的某个页面,非tabbar

                                2.redirect 关闭当前的页面 跳转到应用内的某个页面,非tabbar

                                3.switchTab 跳转到tabBar页面,关闭非Tabbar

                                4.reLaunch 跳转到页面,关闭所有

                                5.navigateBack 返回

微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码
微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码
微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码 【微信小程序-毕设期末大作业微信小程序源码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值