全网页截图教程-小程序开发中碰到的一些坑

2021-04-22 08:15

--------

全网页截图教程

------- 说起手机微信小程序,或许大伙儿其实不是太熟习,由于它上线的時间比较短,手机微信小程序从2017年1月9日宣布上线到如今,不到1年的時间,而且手机微信也沒有如何宣传策划,因此大一部分人听闻它還是由于听一些互联网企业小程序营销课上讲的。
由于我做开发设计早已十年了,对奇特的物品比较比较敏感,也喜爱科学研究,因此从手机微信小程序一上线,我就一直关心着,随后就免费下载一些官方的文本文档表明,参照着实例教程写一些,自然在其中也绕过很多坑。 下面我就以自身的工作经验给大伙儿讲下:在开发设计手机微信小程序碰到的一些坑
1、小程序自然环境配备的难题 这个坑的确的个大坑,由于这个是开发设计手机微信小程序的基本,配备不太好就没法应用小程序。 这个难题是最先要处理的,刚刚开始开发设计手机微信小程序,因为设定的不校检网站域名,因此忽视了这一点,等上线后才发现,里边数据信息都是空的,由于小程序自然环境没配备好。小程序自然环境需要htt凡科抠图适用,也就是需要安裝ssl资格证书,随后我就买了资格证书安裝上,参照着百度搜索工作经验里边的实例教程,很快就安裝好了,一切都设定好后,也能宣布浏览了。
随后开启手机微信小程序配备,开启校检网站域名,結果发现手机微信小程序里边還是出错,搜索出错缘故,是由于我配备的SSL资格证书是TLS1.0,而手机微信小程序要求是TLS务必超过等于1.2。既然找到了难题,那就去处理它,可是又发现windows2003的系统软件不适用TLS1.2,无可奈何只好把服务器系统软件重新安装,装成windows2008R2系统软件,装好后,再次配备自然环境,再次安裝资格证书,結果装上后,TLS還是1.0。
2、json文件格式变换难题 手机微信小程序接受的数据信息json数据信息,因此需要把数据信息种类转换为json,这个相对性比较简易一些,在网上有许多变换的编码,立即加上去便可以了。php的json转换编码很少赘述了,值得一提的是asp文件格式变换为json的情况下比较麻烦一些,走了一些弯路,最立即的方式就是拼凑法,将asp的数据信息拼成json文件格式便可以了。可是需要留意一些html标识,需要过滤掉,由于手机微信小程序里边不适用html标识。
3、富文字的难题 手机微信小程序没法载入html标识,同时数据信息3D渲染也没法3D渲染wxml标识,由于手机微信小程序自身是不适用富文字的,因此出来的文件格式很不好看,而且给人很死板生涩的觉得,想像网页页面一样主要表现的丰富多彩一些,就需要引入第三方wxParse.js,(至于怎样导入,怎样应用,在网上有许多材料,在此已不多说,很简易,自主百度搜索便可)。由于我开发设计的客户比较多,有一一部分客户早已有电脑上站,手机上站,手机微信站了,如今需要在此基本上再开发设计小程序,那末就需要启用原先的数据信息库。假如是php+mysql的还好弄点,有些站是asp的,asp在解决富文字这个难题上,比较繁杂一点,我的处理方式是,先将asp获得的数据信息开展过滤,过滤全部不适用的html标识,只保存wxParse适用的一些html标识,随后再引入wxParse.js开展分析,这样便可以了。
4、手机微信小程序app.json里pages数字能量数组中相对路径次序难题 这个坑有点深,之前没留意,后来加了底部的tabBar才发现,原先这个次序和底部的tabBar有很大关联。配备tabBar时,list主要参数中的pagePath主要参数最少需要包括app.json里pages数字能量数组中的第一个相对路径,不然会致使tabBar不显示信息。 5、手机微信小程序底部菜单tabBar跳转没法带主要参数难题 发手机微信小程序的都会碰到过,就是小程序底部菜单跳转的情况下,是不可以带主要参数的,这个难题也很好处理,立即把需要传送主要参数的网页页面在跳转前将数据信息加上到全局性数据信息app.js里。需要接纳主要参数的网页页面在onShow方式接受之前,加上到app.js的数据信息便可以了
6、手机微信小程序应用POST方式恳求的难题 这个坑也是不小的坑,手机微信小程序进行wx.request()方式恳求,用get方式恳求都没甚么难题,可是用post方式恳求时,就非常容易出現这样或那样的难题,缘故是wx.request()应用post方式恳求时,还需要加上header,header[content-type]值为application/x-www-form-urlencoded,不然恳求回到不成功。
7、手机微信小程序中屏幕自适应难题 在设计方案wxss款式的情况下,尽可能应用rpx企业,rpx企业是手机微信小程序中css的尺寸企业,rpx能够依据屏幕宽度开展自适应。要求屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理学像素,则750rpx = 375px = 750物理学像素,1rpx = 0.5px = 1物理学像素。自然手机微信小程序也适用rem尺寸企业,rem和rpx的换算关联:rem: 要求屏幕宽度为20rem;1rem = (750/20)rpx 8、手机微信小程序的照片宽度和高宽比难题 在手机微信小程序image照片标识中,假如在款式中只设定了照片的宽度,而没设定照片的高宽比,或高宽比设为auto(全自动)100%,都会致使照片不显示信息,务必特定照片的高宽比才可以显示信息。但是image标识封裝了mode特性,能够依据要求自主设定。
自然有关手机微信小程序开发设计全过程中遇到的坑也有许多,这里不逐一例举了,上面这8点都是一些比较典型的普遍的坑,期待对新手有些协助,有甚么难题能够相互之间沟通交流沟通交流。此外申明一点,本文属于自己原創,如需转载请务必注明出处,不然势必追责法律法规义务。本文首发于百家号:builder/preview/s?id= 重要词:郑州小程序开发设计,郑州微网站开发设计    ---------

全网页截图教程

------------


扫描二维码分享到微信

在线咨询
联系电话

020-66889888