微信小程序项目开发总结

Posted 2023-04-10

参考技术A 1. 微信小程序知识总结和案例分析
微信小程序知识总结和案例分析 1.如何做好微信小程序数据分析
实时统计：即当前在线访问的用户数，包括：。

访问时长（0~30s,30s~60s,1min~3min,3min~5min,5min~10min,10min以上）。 访问页数（1页，2页，3~5页，6~10页，11~20页，20页以上）。

访问地域（全部，自由选择国家，地区组合）。 详细数据（一键生成小程序第一次访问时间，地域，访客类型，入口页面，最后停留页面，访问时长，访问页数）。

累计访问用户数：默认显示的是30天的数据，累计访问次数即小程序自上线到当前的所有访问用户数。 实时访问：访问小程序所有或单个页面的总次数，多个页面之间跳转，同个页面的重复访问计为多次访问（实时数据处理同步可能有15分钟以内的延迟，只统计已发布的线上版本使用数据）。

打开次数：昨日打开小程序总次数，用户从打开小程序到主动关小程序开发多少钱闭小程序或超时退出为一次。 访问次数：昨日访问小程序内所有页面总次数，多个页面之间的跳转，同一页面的重复访问计为多次访问。

访问人数：昨日访问小程序内所有页面的总用户数，同一用户多次访问不重复计。 新访问用户数：首次访问小程序页面的用户数，同一用户多次访问不重复计。
2.微信小程序有哪些商店案例
微信小程序商店很多的，想要找到一家好的商店小程序开发公司不容易，需要注意以下几方面：

第一，看美不美小程序从看到的第一眼到打开页面的整体都得好看。如果第三方公司给你提供的小程序你觉得页面很LOW，不好看一定影响转化率，丑的一定没有转化率。在这个拼颜值的年代，界面美不美观是块敲门砖。

如果你希望自己的小程序装修得非常漂亮，其实需要非常多的模块。如：图片轮播广告、视频播放、语音播放、公告、商品组件、店铺导航、关联链接、商品搜索等等。这就像积木一样，商家要根据自己品牌调性和商品特点，来个性化自定义自己的店铺。可以提供丰富的店铺模板、装修组件等选择，帮助店铺搭建。

第二、看快不快

如果一个小程序2s钟都没打开，你一定会关掉，没有人会等3s。所以，在正常4G环境下，小程序打开页面必须在2s之内，因为大部分是冲动型购买场景。所以小程序系统的访问速度必须非常快，比如说H5做到1s以内，小程序需要做到1.5s以内，如果第三方公司给你做的小程序慢于2s才打开，不建议你选择。

第三、看稳不稳定

小程序如果不稳定，给商家带来的损失是致命的。因为你做到一定程度时，做一次活动，一次群发和一次推广影响到的人群很庞大。当所有人都参与活动的时候，如果一次群发宕机访问不了，你就会失去了一大批用户。判断第三方公司做的小程序系统是不是稳定，你要看一年的稳定时间。

第四、看营销功能多不多

小程序没有关注行为，没有像公众号图文群发的功能。所以，营销功能要足够多，才能实现裂变。根据多年微商城的经验，比如多人拼团、分销员、好友瓜分券、多网点、限时折扣、优惠券、发券宝、秒杀等，这些都是很好实现裂变传播、推广获客、营销成交、留存复购的营销功能。
3.旅游小程序开发的优秀案例有哪些
小程序种类多，方便快捷，而对于旅游这种范围广，涉及多个产业群的产业可开发的小程序就更多了，包括食住行游娱购等六个主要方面。

旅游电商•在线交易在旅游出行中，包括机票预购、酒店预订、车辆预约以及门票购买等等，都可以在小程序实现。达到了方便快捷。

户外活动•组织报名通过微信小程序发布活动消息，借助微信好友、群聊和公众号分享传播，通过小程序进行活动报名。旅行社•虚拟货架打破门店空间限制，将传统产品手册同步至线上渠道，以虚拟货架的形式，展示门店产品和服务旅游景区•信息发布旅游景区及时高效的信息发布平台，通过小程序介绍景区资源，发布旅游信息，提供游玩攻略，参与游客互动。

旅游出行类小程序目前开发的案例：一家民宿是一个民宿预订平台，功能唯一，但高度专注，提 *** 品齐全，基本满足需求。一家民宿针对人们旅行住宿的需求，整合资源，力图为每一个自助出境游的华人提供住宿帮助，在小程序的开发上，该平台也以实用性作为了标准，携程作为国内OTA的领头羊，在规模上对其他同行保持了绝对的优势，携程也不仅仅再局限于在线旅游代理平台，实用性也远远超过了其它一些提供单一业务的平台，携程小程序同样具备完善的功能，从订酒店订车票车辆预约甚至定制旅游等都出现在首页面，个人中心一目了然，包含了出游每一个环节，提供一站式旅游服务这一直都是携程的主张。

旅游小程序的开发可不止这些主流的开发方向，因为与这些拥有资源和经验优势的大佬们没有可比性，可以尝试从细分垂直领域去开发小程序，旅行小账本就是非常另类的一个小程序，功能定位明确，也是旅途非常有必要的操作，在整个旅游服务环节能包车保持较高的使用频率，一直从游前贯穿到游后，并且还能作为数据留存，是游客产生依赖感。小程序中完全为了游客记账的方便而设计。

以上三种不同类别的小程序开发可为当前旅游业小程序开发提供借鉴思路。
4.案例分析实验总结
相关案例资料，熟悉了我们组的PPT流程。

我们组首先从书本入手查阅相关的资料，进而分析了案例的相关知识、优缺点等等，融合之后进行总结制作PPT。四、实验中遇到问题及解决方法1、不善于对知识点的总结与应用，总结资料能力多少都有些欠缺，经常锻炼这些能力是十分必要的。

2、对信息的处理不到位，考虑分析问题的时候不能做到全面细致，由于思考和理解存在局限性，应该听老师和同学的讲解来解决。3、对案例分析题中所涉及的知识，不能熟练的找出来。

而想到某一些知识点也不能很好的概括并加以分析说明。对有些财务政策比较陌生，以后应该多研读政策原文，理解政策精神。

4、语言表达能力有所欠缺，比较死板缺乏活力，以后要加强这方面的经验，继而有所提高。5、对于PPT的制作很陌生，遇到不少的困难。

再加上对方案进行比较、择优时，考虑得不够全面，分析得不够透彻。经常犯一些不必要的错误。

五、实验结论具体参见同学的【附页】：案例分析报告六、心得体会在我大三的下半学年，我们上了叫“财务管理案例分析”的实验课。短短两周的实验课程竟然是将近两年不见的赖老师给我们授课。

这令我万分的怀念。除了这一惊喜外，赖老师还给我们贮备了另一个惊喜：那就是赖氏特色的教学方式。

以前的实验课老师都是紧紧抓住书本，让我们做书本上的题、计算一类的。但是本次的校内实习，老师让同学们组成小组通过多个不同的案例进行分析，我们分成人数不等的小组，然后进行分工，有的查阅资料，有的制作PPT，有的是陈述人，有的是答辩人。

然后让我们团结协作做成PPT并用类似演讲的形式展示出来，然后又通过问答的环节，让全班同学都积极参与进来。当然回答问题的小组成员也要事前做足了充分的准备。

我们每天都有不同的案例或者一天就多个案例的进行着，除了小组案例分析外还有班级对抗赛、小组自由选择案例分析等等多方面的创新。这不但能熟悉财务管理这门学科中所涉及的知识和问题，让我们掌握了现实当中的多类企业的财务管理中面对的不同问题，这还锻炼了我们的思维思考、语言表达、组织能力等等。

我在小组中做过陈述人、资料查阅、还答辩了一个问题。这不仅加强了我的专业知识掌握度还加强了我的个人综合能力，从而为实际工作打下良好基础。

我们懂得了在案例中涉及教材上的知识点，从而对案例如何进行系统的分析。我们通过互联网进行资料查询，使我们对案例有了进一步的了解，更便于我们对其进行分析总结，并从中进行知识的扩展。

老式教学都是针对课本做计算做题，这无疑于纸上谈兵，在现实工作中，我们对于课本上的理论知识的运用是不太现实的，工作中的不定因素太多，而书本只是把理论性的东西写了出来。赖老师把我们从传统的教学模式中拉了出来，这个新式的教学方法很特别，常常带给我们不一样的全新感受。

这次试验对于我来说最大的收获是综合能力的提高，好比原来搜索资料的时候只知道看原文，从不知道还要标注作者、出版社、出版年限等等，还有就是PPT的使用，之前我很少制作PPT，运用得相当不熟练，制作出来的PPT也没有什么特色而且速度相当缓慢，现在的我对于这种软件有了比较充分的了解，做出来的效果也较之前好了不少速度也有了相应的提高。这对于我今后的工作帮助是很大的。

再一点就是同学之间的协作沟通，因为在之前的学习生活中很少与同学有这种知识的交流，所以也发现了每个人的想法是多么的不同，看问题的角度千奇百怪，这使得可能我找出来的资料，总结制作的同学觉得并没有用处，这也就锻炼了我的沟通能力和协作能力，几个同学也在这种沟通下更加的了解彼此，加深了我们的友谊。特别是我们组的人比较少，只有四个，而且相对于其他小组对于分工有着明确的划分，我们组则是机动性的时刻变化着，每个人都是身兼数职，所以我们就更加团结、更加了解彼此了。

不过对于我本人最大的锻炼则是作为陈述人在讲台上讲述PPT，这对于我来说是很难得的经历，因为我本人对于演讲主持这类的工作是不大热爱的，那么自然也就很陌生，当然这也就使我很紧张。讲解的也就比较生硬相对于其他小组的陈述相比之下就不是很有特色了，不过先不论我讲解的好坏，单单上台去讲这对于我已经是不小的突破了。

这成为我珍贵的经验。做了这么多天的案例分析，自然也就对于这些案例的知识点有了更深一步的认识，这使我的会计知识更加丰富了，理解的也更加透彻了。

还锻炼了我们的思维思考能力、语言表达能力、组织能力等等。要知道个人的综合能力的高低是在职场上获得成功的关键所在。

所以提高综合能力是多么的重要。

微信小程序面试总结

面试题汇总：https://segmentfault.com/a/11...

简单描述下微信小程序的相关文件类型?

微信小程序项目结构主要有四个文件类型

• WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件
• WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式
• js 逻辑处理，网络请求
• json 小程序设置，如页面注册，页面标题及tabBar

主要文件

• app.json 必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作为配置文件入口，整个小程序的全局配置。包括页面注册，网络设置，以及小程序的 window 背景色，配置导航条样式，配置默认标题
• app.js 必须要有这个文件，没有也是会报错！但是这个文件创建一下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量
• app.wxss 可选

小程序的双向绑定和vue哪里不一样?

小程序直接 this.data 的属性是不可以同步到视图的，必须调用：

this.setData({
    // 这里设置
})

小程序页面间有哪些传递数据的方法?

使用全局变量实现数据传递
在 app.js 文件中定义全局变量 globalData， 将需要存储的信息存放在里面

// app.js
App({
     // 全局变量
  globalData: {
    userInfo: null
  }
})

使用的时候，直接使用 getApp() 拿到存储的信息

使用 wx.navigateTo 与 wx.redirectTo 的时候，可以将部分数据放在 url 里面，并在新页面 onLoad 的时候初始化

// Navigate
wx.navigateTo({
  url: \'../pageD/pageD?name=raymond&gender=male\',
})

// Redirect
wx.redirectTo({
  url: \'../pageD/pageD?name=raymond&gender=male\',
})

// pageB.js
...
Page({
  onLoad: function(option){
    console.log(option.name + \'is\' + option.gender)
    this.setData({
      option: option
    })
  }
})

需要注意的问题：
wx.navigateTo 和 wx.redirectTo 不允许跳转到 tab 所包含的页面
onLoad 只执行一次
使用本地缓存 Storage 相关

小程序的生命周期函数

• onLoad 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数
• onShow() 页面显示/切入前台时触发
• onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
• onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等
• onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时

微信小程序的优劣势

优势

• 即用即走，不用安装，省流量，省安装时间，不占用桌面
• 依托微信流量，天生推广传播优势
• 开发成本比 App 低

缺点

• 用户留存，即用即走是优势，也存在一些问题
• 入口相对传统 App 要深很多
• 限制较多,页面大小不能超过2M。不能打开超过10个层级的页面

如何实现下拉刷新

首先在全局 config 中的 window 配置 enablePullDownRefresh
在 Page 中定义 onPullDownRefresh 钩子函数,到达下拉刷新条件后，该钩子函数执行，发起请求方法
请求返回后，调用 wx.stopPullDownRefresh 停止下拉刷新

bindtap和catchtap的区别是什么

相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分
不同点：他们的不同点主要是bindtap是不会阻止冒泡事件的，catchtap是阻值冒泡的

简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别

wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
wx.redirectTo()：关闭当前页面，跳转到新的页面（类似重定向）。但是不允许跳转到 tabbar 页面
wx.switchTab()：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层
wx.reLaunch()：关闭所有页面，打开到应用内的某个页面

登录流程？

登录流程是调wx.login获取code传给后台服务器获取微信用户唯一标识openid及本次登录的会话密钥（session_key）等）。拿到开发者服务器传回来的会话密钥（session_key）之后，前端要保存wx.setStorageSync(\'sessionKey\', \'value\')

持久登录状态：session信息存放在cookie中以请求头的方式带回给服务端，放到request.js里的wx.request的header里

常用指令

wx:for、 wx:if