小程序开发过程中可能存在的问题(小程序开发难点总结)

小程序开发 4652
本篇文章给大家谈谈小程序开发过程中可能存在的问题,以及小程序开发难点总结对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序开发中遇到的坑及解决办法

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

本文目录一览:

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

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

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

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

1、注册小程序

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

2、分析讨论、需求对接

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

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

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

4、产品测试调优

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

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事件处理函数,点击小程序右上角才可以看到分享按钮。

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

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

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

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

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

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

扫码二维码