小程序开发过程中遇到的问题(小程序开发过程中遇到的问题及对策)

小程序开发 1125
本篇文章给大家谈谈小程序开发过程中遇到的问题,以及小程序开发过程中遇到的问题及对策对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、开发微信小程序需要注意些什么问题

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

本文目录一览:

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

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

1、注册小程序

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

2、分析讨论、需求对接

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

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

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

4、产品测试调优

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

5、审核发布

微信小程序开发问题

选择小程序开发公司,必须注意以下几点:

1、看其官网,如果一家小程序开发公司连自己的网站都没有,凭什么有实力帮客户开发小程序?一般这种公司都是皮包公司,赚差价的。

2、百度搜索该公司的品牌名,看是否有负面消息,如果百度搜索出现关键词比如:骗子、骗人等相关字眼或是直接在搜索结果出现负面消息,那么这家企业就要慎重选择了。

3、看其案例,如果一家小程序开发公司,连案例都没有,那么很有可能是刚成立不久的新公司

小程序开发过程中,作为开发者你遇到最大的挑战是什么?

做小程序开发大概半年了,我来说说体会吧。

第一:模拟器显示与真机不一致问题,在模拟器上一切正常,到了真机上各种问题。

第二:基础库升级,它基础库说升级就升级,让你措手不及,印象最深的两个点是获取用户信息和关注公众号问题。尤其是关注公众号问题,由于业务需要让用户绑定公众号,又一次审核还被拒,原因就是“诱导关注”现在好了,官方直接给你提供组件让你去关注公众号,当时看到这个心里一万头羊驼在奔腾。

第三:官方的IDE真的不好用,用起来真心累,现在我使用的是VSCODE + TypeScript进行开发。

希望能帮到题主,祝新年快乐~

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

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、微信小程序的目录结构及配置说明

app.json是小程序的全局配置文件,所有配置项key必须使用 双引号括起来 ,value值为字符串类型的也必须使用双引号, 不支持单引号 。

1.1 pages

pages选项是必须配置的。该配置项注册了小程序所有页面的地址,其中每一项都是页面的 路径+文件名 。每一个页面都是由.json、.js、.wxml、.wxss四个文件组成,并且 四个文件的名字必须要一致 。

1.2   tabBar

tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab

1.3 usingComponents

使用自定义组件或者插件提供的组件前,必须先在这里声明

2、开发微信小程序遇到的问题及解决办法

2.1 双向绑定

微信小程序不支持通过v-model的方式实现自动双向绑定,需要给表单元素通过绑定事件,并使用this.setData来赋值实现。

2.2 computed和watch

微信小程序默认是不支持computed和watch的,如需要使用这两项功能,需要安装miniprogram-computed ,安装方法见 官方文档

2.3 对象赋值

如果给对象的属性赋值,可以使用this.setData({'obj.key':value})来赋值,但是如果给某个属性名是变量的属性赋值,通过这种方法是会报错的,经过多次尝试,发现使用如下的方式赋值成功。

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

当页面存在弹框容器,并且弹框里的内容是需要滚动条滚动展示时,如果弹框下面那层的容器使用view元素的话,会导致滚动弹框内容时,同时会触发弹框下面那层的页面容器也会一起滚动,解决此问题可以将弹框下面的容器使用scroll-view元素替代view元素

3、小程序测试和发布

由于服务器域名request合法域名每个月 只能修改5次 ,因此在本地开发小程序时,需要在微信调试工具中设置不校验合法域名。等小程序上线前再一次性将所有域名添加到小程序管理后台。

以上便是此次小程序开发中积累的一些经验,希望能给刚刚接触小程序的人提供一些思路方法,在以后的开发中,如果遇到新的问题,继续更新文档......

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

扫码二维码