前言：为啥我学微信小程序？
大家好，我是个啥dou不懂的小白，Zui近想学点技术，听说微信小程序hen火，就想着也来试试。我之前连HTML是啥dou不知道，现在居然敢想学前端了是不是hen厉害？哈哈，不忍卒读。！
刚开始的时候， 我搜了hen多资料，但doukan不懂那些专业术语，什么"框架"、"组件"、"生命周期"，啥玩意儿啊！后来我朋友说去哔哩哔哩kankan吧，那里有好多教程，dou是大白话讲的。我就去了果然发现了hen多宝藏，大体上...！
搞一下... 哎呀，今天天气真好，适合学习。我妈叫我吃饭了等下继续写。
第一步：在哔哩哔哩找合适的教程
打开哔哩哔哩， 搜"微信小程序实战教程"，哇！好多视频啊！kan得我眼花缭乱。我kan了一下 有个叫"北京尚学堂·百战程序员"的UP主， 总的来说... 有30条视频，从环境搭建到实战项目dou有，就选他了！
配置项
一阵见血。 Web前端微信小程序的实战教程共计30条视频,包括:1-1_微信开发工具、 1-2_wxss、1-3_事件及页面跳转等,UP主geng多精彩视频,请关注UP账号。 Web前端微信小程序的实战教程 710 0 2021-12-03 18:59:55 未经作者授权,禁止转载 需要本套套件软件、 源码、课件、等,请私信或评论666领取!
这个教程挺全的，从基础到实战dou有。我跟着第一个视频开始安装微信开发者工具， 卷不动了。 搞了半天终于装好了。说实话，这个工具有点难用，但也没办法，官方工具嘛。
我家的猫今天又把我的键盘踩了打字dou不好打了。算了不管它了继续写。
什么是微信小程序？
微信小程序，简称Mini，英文名称为Mini。如今几乎每部智Neng手机dou安装了微信应用程序，用户遍布全球。微信小程序实现微信内部无需下载安装，用户扫一扫或搜索即可打开应用。
简单说就是不用下载，直接在微信里用的小程序。比如点外卖、打车、kan视频什么的，hen多dou是小程序Zuo的，总结一下。。
第二步：跟着教程一步步学
教程的第一节课是讲微信开发工具的界面 我跟着操作，左边是模拟器，右边是代码编辑区。说实话，刚开始kan代码跟kan天书一样，啥dou不懂，弯道超车。。
编辑区分为两部分。在右边的编辑区，可yi对当前项目进行写入、增删文件、重命名等基本操作。在左侧的模拟器区域，可yi实时预览编辑后的情况。编辑器还提供了比较完善的自动补全和自动保存功Neng。 极度舒适。 编写代码后该工具会自动帮助用户将当前代码保存为Yi编辑状态。如guo直接关闭工具或切换项目，当前代码的编辑状态不会丢失。
你看啊... ran后我学了WXML和WXSS， 这俩跟HTML和CSS差不多，但有些地方不一样。WXML是页面的结构，WXSS是样式。我搞了好久才明白。
接下来是事件和页面跳转，这个比较难理解，啥是事件啊？点击按钮就是事件？跳转就是从一个页面到另一个页面？我kan了好几遍才明白。
今天晚上吃啥呢？我想吃火锅，但太贵了。还是吃泡面吧，省钱，不堪入目。。
项目结构
实锤。 创建小程序项目时 小程序开发工具默认会生成一些文件，这些文件就是小程序的基本结构。在开发过程中，可yi根据产品需求定制小程序的目录和文件。
说实话... 我创建了一个项目， 里面有hen多文件，app.js、app.json、app.wxss、pages文件夹等等。我搞不懂为啥要这么多文件，一个不行吗？
全局配置
泰酷辣！ 微信小程序的全局配置必须在app.json文件中进行。这个文件里可yi设置页面路径、窗口表现、设置网络超时、设置多tab等。
我emo了。 pages 接受一个数组值， 每一项dou是一个字符串，用于指定小程序由哪些页面组成。window 对象值，用于设置状态栏、导航栏、标题、窗口表现等。tabBar 对象值，用于设置标签栏的表现，以及标签切换时显示的对应页面。networkTimeout 对象值，用于设置各种网络请求的超时时间。超时单位为毫秒，默认为60000。debug 接受一个值，用于设置打开开发者工具的调试模式。默认为false。
我们一起... 这些配置项好复杂啊， 我一个个试，发现改了之后效果dou不一样，但不知道为啥。有时候改错了整个项目dou运行不了只Neng重来了。
第三步：实战项目
学了基础之后就开始Zuo实战项目了。教程里有个完整的电商小程序项目，从首页到购物车，再到个人中心，啥dou有，说句可能得罪人的话...。
微信小程序开发教程,快速入门到项目实战!.2025年 Zui新微信小程序burpsuite抓包教程.WEB前端项目实战.
我跟着教程一步步Zuo，但总是出错。有时候是样式不对，有时候是功Neng不正常。我花了好多时间才搞定一个页面，扎心了...。
Zui烦的是调试，老是报错，不知道错在哪。有时候一个小小的逗号没打好， 哈基米！ 整个项目dou跑不了。我后来学会了kan控制台报错，慢慢找问题。
我昨天梦见自己会写代码了 醒来发现还是啥dou不会，好失望啊，泰酷辣！！
组件开发与应用
微信小程序拥有丰富的界面组件， 借助这些组件，开发者可yi轻松构建界面，雪糕刺客。。
基础内容组件
醉了... 基础内容组件用于在界面中显示图标、 文字、滚动条信息等。
表单组件
表单组件用于构建与用户交互的表单。
多媒体组件
多媒体组件可yi在页面中加载图片、 音频、视频，并可yi控制显示方式和过程， 不如... 使页面geng加多样化和美观。
地图组件
地图组件， 微信小程序提供地图导航功Neng，使用地图组件和地图定位API可yi方便快捷的实现地图定位和导航。
画布组件
总结一下。 开发者可yi自由使用画布绘制出想要的页面效果。
这些组件一开始我dou不会用，后来一个个试，慢慢才明白。特bie是表单组件，提交数据的时候老是出错，搞了好久才搞定。
页面路由
在我看来... 在微信小程序中，suo有页面的路由dou是由框架管理的。微信小程序提供的框架以栈的形式维护suo有页面。
不要试图修改页面堆栈，这会导致路由和页面状态错误，没耳听。。
页面路由就是从一个页面跳到另一个页面的过程。我刚开始用wx.navigateTo，老是跳不过去， 痛并快乐着。 后来发现是路径写错了。有时候用wx.redirectTo，会覆盖之前的页面这个要注意。
页面生命周期
每个微信小程序应用dou有自己的生命周期， 你猜怎么着？ 微信小程序应用的每个页面也有自己的生命周期。
页面生命周期包括：onLoad - 页面加载时触发，一个页面只会调用一次。onShow - 页面显示/切入前台时触发。onReady - 页面初次渲染完成时触发， 挽救一下。 一个页面只会调用一次。onHide - 页面隐藏/切入后台时触发。onUnload - 页面卸载时触发。
你我共勉。 这些生命周期函数一开始我搞不懂，后来跟着教程Zuo了几个例子才明白。比如在onLoad里初始化数据，在onShow里显示数据，在onHide里隐藏数据。
盘它。 今天学到了12点， 好困啊，但我不想睡，我要继续学！明天还要上班呢。
第四步：遇到的问题和解决方法
我的看法是... 学习过程中遇到了hen多问题， 有些解决了有些还没解决。
样式问题
微信小程序的WXSS跟CSS有点不一样，有些CSS属性不支持。比如flex布局， 对吧，你看。 我试了半天dou不行，后来发现要用微信小程序的弹性布局。
微信小程序按模型布局排列组件。相比普通的布局方式，geng容易实现宽高适配屏幕的布局， 是个狼人。 使用起来也geng灵活，fei常适合微信小程序的布局需求。
不靠谱。 布局的主要思想是tong过设置容器和子元素的规则，使suo有视图组件合理自动分配在主轴和交叉轴上。容器属性指的是包裹子元素的容器属性，子元素属性定义弹性项目的属性。
数据问题
瞎扯。 页面的数据处理分为两个方面 第一是对数据进行初始化，第二是对数据进行操作。
初始化数据将用作页面的第一次呈现。数据会以JSON的形式从逻辑层传递到视图层， 探探路。 suo以数据必须是转换成JSON格式的字符串、数字、布尔值、对象、数组。
我刚开始不知道怎么传数据，后来学会了用setData方法。这个方法把数据从逻辑层传到视图层，ran后视图层就会geng新。但要注意，setData不Neng太频繁，会影响性Neng。
网络请求问题
牛逼。 小程序里不Neng随便请求网络，必须配置合法域名。我一开始没配置，请求老是失败。后来配置了发现有些域名还是不行，主要原因是微信只允许HTTPS。
还有就是请求超时的问题，我设置了networkTimeout， 哭笑不得。 但有时候还是超时。后来加了重试机制，好多了。
今天公司聚餐，我吃了好多，好撑啊。不过还是得继续学习，不Neng松懈！
第五步：发布小程序
学完了基础和实战，就想发布自己的小程序了。教程里有讲怎么上传和发布。
上手。 预览：将源码上传至微信服务器并成功生成二维码后开发者用Zui新版微信扫描二维码即可在手机端体验Zui新效果。
我按照教程上传了自己的小程序，第一次失败了主要原因是代码包太大。后来优化了代码，才成功上传。ran后提交审核，等了三天终于tong过了，我惊呆了。！
kan到自己的小程序在微信里运行，那种成就感真的无法形容！虽然功Nenghen简单，但这是我第一个作品，我hen骄傲！
我的学习心得
学微信小程序真的不容易， 我花了三个月时间，从啥dou不会到现在NengZuo简单的小程序。这里有一些心得想分享给大家：
1. 选对教程hen重要
我裂开了。 一开始我随便找教程， 后来啊讲的太专业，我kan不懂。后来找到了"北京尚学堂·百战程序员"的教程，讲得hen详细，适合小白。suo以选教程一定要选适合自己的。
2. 多动手，少kan理论
绝绝子！ 我刚开始光kan教程，不动手，啥dou记不住。后来跟着教程Zuo项目，虽然老是出错，但慢慢就会了。编程这东西，光kan是没用的，一定要动手Zuo。
3. 遇到问题不要怕
编程过程中会遇到hen多问题，报错是常有的事。不要怕报错，学会kan报错信息， 太坑了。 慢慢找问题。有时候一个小小的拼写错误就会导致整个项目跑不了。
4. 坚持就是胜利
学编程真的hen枯燥，有时候一个bug要找一天。但只要坚持下来就会有收获。我现在 踩个点。 Yi经NengZuo简单的小程序了虽然还有hen多不懂的地方，但我会继续学下去！
今天心情不好，被领导骂了。但想到我的小程序，又开心起来了。加油！
再说说的话
学微信小程序真的改变了我的生活。以前我只是个普通的上班族，现在我会写代码了虽然还不是hen厉害，但Yi经Neng找到geng好的工作了。前端这条路还hen长，我会一直走下去，绝了...！
如guo你也想学编程，不要犹豫，从微信小程序开始吧！虽然hen难，但只要你坚持，一定可yi的！
再说说感谢哔哩哔哩上那些无私分享知识的UP主们，没有你们，我可Neng还在原地踏步！ 给力。 也感谢"北京尚学堂·百战程序员"的教程，让我学会了微信小程序！
写这篇文章写了hen久，手dou酸了。但想到Neng帮到其他想学编程的人，还是hen开心的。希望大家douNeng学好编程，找到好工作！
我比较认同... 微信小程序开发教程,真正适合零基础小白的微信小程序实战课程,从零基础到项目发布全流程,带你24小时速通微信小程序,学完即可创建属于自己的小程序!.
没眼看。 如guo你也想学微信小程序， 可yi去哔哩哔哩搜"Web前端微信小程序的实战教程"，记得关注UP主获取geng多资源哦！
小丑竟是我自己。 好了我的故事就讲到这里希望对大家有帮助。祝大家学习愉快，早日成为前端大神！
