小程序开发过程中可能存在的问题（小程序开发过程中遇到的问题）

本篇文章给大家谈谈小程序开发过程中可能存在的问题，以及小程序开发过程中遇到的问题对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、微信小程序开发有哪些需要注意的问题
• 2、小程序开发注意事项
• 3、开发微信小程序需要注意些什么问题
• 4、小程序开发的难点是什么？
• 5、开发小程序商城需要注意什么问题
• 6、微信小程序开发中遇到的坑及解决办法

微信小程序开发有哪些需要注意的问题

1、小程序的名称只支持中文、英文、数字和加号，长度为3-20个字符，加号只能放在小程序名称的末端，例如「程序秀+」;小程序名称一旦确定，目前是不能作出修改的;

2、微信小程序的头像和介绍不得涉及任何政治敏感和色情的内容，头像和介绍每个月均可更改5次，服务范围每月只能修改1次;

3、目前，微信小程序仅支持企业、政府、媒体、其他组织申请，暂时不对个人开放，一个主体可以注册30个微信小程序，一个绑定身份的开发者只能创建5个微信小程序

4、小程序所提供的服务目前暂时不能涉及游戏、直播等服务，内容也不能涉及测试类内容;比如：算命，抽签，星座运势等;微信小程序的服务配置每个月只有3次修改机会;

5、微信小程序的页面设计无需设置一级菜单的导航，微信系统内的所有小程序都自带微信提供的导航栏;

以上五点均属于开发中需要注意的小细节，可见微信小程序在开发中的细节修改都有其严格的次数限制以及内容限制，开发者需要谨慎操作，无论是开发中还是准备开发，还是可以借助微信小程序开发工具「即速应用」一键生成属于你自己的小程序，省时又便捷。

小程序开发注意事项

1. 开发小程序时，每个页面一定要在app.json文件中注册，页面文件夹和其包含的四个文件的名字要保持一致。

2. 小程序发起的都是HTTPS网络请求，在开发调试的过程中可以不校验协议和TLS版本，但在实际上线后必须进行HTTPS协议通信。

3. 小程序可以进行组件化开发以及数据绑定，所有对于DOM的操作都是基于数据驱动的，并没有直接进行DOM操作的做法，换言之，小程序内没有document对象，原生js和jQuery里的DOM操作思维要舍弃掉。

4. 小程序的网络请求wx.request()是不自带Cookies的，这和浏览器上的网络请求不同，因此基于Cookies实现的会话管理不适用于小程序。

5. 小程序的脚本文件中，内置对象是page，而非传统浏览器里的window，因此所有基于window对象来写的库(例如jQuery)都不适用于小程序。

6. 小程序提供模板功能，模板拥有自己的作用域，它只能使用从data属性传入的数据。

7. 每一个页面文件夹下的.json文件是用来写配置项的，如果该页面无需添加相关配置，.json文件也要写上一对大括号（“{ }”），否则会报错。

8. 在同一个tab里的页面可以跳转，并且允许携带参数。不同tab的页面之间无法跳转，使用wx.navigateTo()接口会报错。同时，tab之间的跳转可以用wx.switchTab()实现，但是路径后不能带参数。

9. 脚本文件里data的数据，在更新的时候要通过this.setData()方法来更新，而不能直接用“=”来做。

10. 在组件标签里，可以通过“data-属性值”的方式绑定我们需要的数据，然后在事件内置event对象里进行获取。

11. 小程序里也存在事件的冒泡，具体的冒泡事件可以参考官方文档，如果希望事件向上冒泡，则使用bind来绑定事件，若希望阻止事件冒泡，就使用catch来进行事件绑定。

12. 小程序支持文件引用，有import和include两种方式，import有作用域，也就是引入的目标文件里import的模板不会被引入；而include等于是将目标文件除 以外的整个代码进行引入。

13. wx.login()和wx.getUserInfo()是两个独立的接口，前者可以实现用户登录，这个过程是悄无声息的，不需要用户授权，登录后可以拿到用户的openid和session_key；而wx.getUserInfo()可以拿到用户的具体信息，这个过程需要获得用户的授权，开发时也必须考虑用户拒绝授权的场景。

14. 目前小程序可以分享给微信好友和微信群，但小程序默认是没有这个功能的，只有在Page里定义了onShareAppMessage事件处理函数，点击小程序右上角才可以看到分享按钮。

开发微信小程序需要注意些什么问题

微信小程序开发有哪些注意事项：

1、注册小程序

在开发小程序之前，首先就是要注册一个小程序。不过注册的时候，也要根据需求来注册，看是否需要开通微信支付，去确定需要选择哪种主体去注册。如果需要开通微信支付的小程序，只能用企业为主体来注册。反之，则企业、个人均可注册。

2、分析讨论、需求对接

对开发需求进行分析，整理成需求文档，再与开发团队就需求文档进行技术性讨论，优化调整开发需求，确定最终的需求文档，与开发团队进行对接。

3、原型设计、UI设计前后端技术开发

确定开发需求之后，开发团队的产品经理会根据客户要求设计产品原型，而UI设计师同时会按需求文档去进行页面交互设计，再将设计稿交给开发人员进行技术开发。在功能需求确定、产品原型确定、设计稿经过确认之后，就可以进入正式系统定制开发阶段，将所有资料交到前后端的开发技术人员手中，让他们通过开发实现后台管理系统与前端效果呈现。

4、产品测试调优

在微信小程序系统基本开发完毕之后，就需要对产品进行测试，查找是否系统运行是否存在问题，对基本已经完成的系统进行整改调优。

5、审核发布

小程序开发的难点是什么？

小程序开发的难点有：如何通过技术手段提升开发效率以应对不断增长的业务需求？微信小程序的工程化探索有哪些最新进展？如何实现小程序自动化构建、自动化测试？

如何将小程序开发与团队现有的技术栈有机结合？如何适配 H5、React Native微信小程序等多端需求？如何扩展小程序的能力、满足产品设计上的复杂需求？如何突破小程序包大小的限制？

如何解决页面层级限制问题？在遇到长列表场景时，小程序渲染性能会出现瓶颈，如何进行性能优化？由于微信小程序中缺少对 DOM 的控制，该如何满足复杂交互需求？【点击查看小程序开发底价】

想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来，累计有10万余个人通过平台孵化成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。

开发小程序商城需要注意什么问题

开发小程序需要注意一下几点:

1.商城小程序定位要清晰。

2.做好客户群体和竞争对手之间的数据分析。

3.明确小程序的功能。

除了以上几点，最重要的是要弄清小程序的搭建方式，现在市场上的小程序商城主要有以下两种：

一是定制类小程序商城：指完全按照商家的功能需求定制一个小程序商城，需要建立专业的it团队。价格昂贵，至少需要三万元起，不仅需要建服务器，后续还要跟进技术维护，经过长时间的升级迭代才可稳定商用，需要持续投入资金，成本很高。

二是模版类小程序商城：商家购买第三方平台的服务，直接套用开发好的功能模板，性价比高，可以快速开通小程序商城。

对于绝大部分的商家来说，建议选择模版类小程序商城：无需开发、快速开店，性价比高，有全面的功能模块，足以满足商家的需求；业内知名的平台「微店」就是一个很不错的选择。

微店商城版4200/年，直接就包含了小程序商城的服务，不分版本，一次性收费，单次购买就可享有全部功能，后期无需其他费用，专业的技术和产品团队，保障了后台的稳定性与产品的优化与迭代。

微店于2013年成立，腾讯系电商公司；使用商家超9000万；办公地点主要位于北京、杭州。现有员工近1000人，大都来自BAT及一线互联网知名公司。提供多场景多行业的解决方案，帮助全行业商家玩转私域流量，实现业绩持续增长。点击领取小程序店铺试用名额！腾讯投资 开店有保障！

微信小程序开发中遇到的坑及解决办法

taro单独为某个项目切换taro版本环境

单独为某一个项目升级#这样做的好处是全局的 Taro 版本还是 1.x 的，多个项目间的依赖不冲突，其余项目依然可以用旧版本开发。 如果你的项目里没有安装 Taro CLI，你需要先装一个：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2.x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2.x

echarts在小程序中滑动卡顿

由于微信小程序中，echarts的层级最高，无论设置多大层级也无法遮住echarts。而且小程序中好像只能用echarts吧。所以为了解决这个bug，我只能委屈求全了。打开ec-canvas.wxml文件，将touchStart、touchMove和touchEnd去掉了，直接删除就好啦。这三个事件应该是做缩放的吧，我们也没有这个缩放的需求。所以就去掉了。虽然暂时满足的需求，还是没有真正的解决问题。

原：

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

现：

bindinit="init"

echarts在小程序中无法跟随页面滑动

在卡顿问题中能与echarts交互少的，可以直接使用图片代替cannvas，即在echarts渲染完毕后将它替换为一张图片。

如果我更新了数据，那么就重新放出echarts，等它渲染完毕后，再次替换为一张图片。

chart.on('finished', () = {

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res = {

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

      })

},

    fail: res =console.log('转换图片失败', res)

});

})

render:

this.state.echartImgSrc =='' ?

  ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={this.state.ec}

/

:

CoverImage src={this.state.echartImgSrc}/CoverImage

小程序开发过程中可能存在的问题的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序开发过程中遇到的问题、小程序开发过程中可能存在的问题的信息别忘了在本站进行查找喔。