微信小程序技术总结

微信小程序是运行在微信环境中的,小程序的逻辑层和渲染层是分开的,逻辑层运行在 中。所以是无法调用和中的。不过小程序自己提供了各种,但是有的需要开通权限,真烦人,想骂人。

客户不知道小程序如何注册的情况下,需要大概告知操作界面在哪。

进入公众找的小程序管理,选择快速注册小程序即可进行注册。

根据提示进行账注册。

成功之后让客户填写小程序信息,小程序类目,添加权限。

添加完成之后即可小程序了。

客户如果遇见这种情况,直接让客户登录小程序就行。

用来存放所有小程序页面。

用来存放工具性质的模块。

统一管理接口。

其余的文件根据项目需要进行划分, 如文件 就是存放公共组件模块。

. 是小程序的全局配置,包括了小程序的所有页面路径,窗口外观,底部等。当中的字段这是样式版本,加上和删除,这样会使用小程序组件样式是不一样。

.. 是项目配置文件,记录小程序工具所做的个性化配置,如项目名称,小程序账等

. 小程序内搜索,类似于网页的,配置是否允许微信索引。

页面中的 小程序每个页面中的,配置本页面的窗口外观,会覆盖.的中相同配置项。

1.加载解析页面的文件配置。

2.加载页面和样式。

3.执行页面文件,调用()创建页面实例。

4.页面渲染完成。

单向数据流就是从逻辑层到视图层,也是单向数据流 - ,但是实现了双向数据绑定。而小程序没有做劫持代理,所以不能进行双向数据绑定。但现在小程序是有双向数据绑定这个概念的,叫简易的双向数据绑定。

需求:需要同右边的胶囊按钮顶部对齐。

解决方法:使用 .()

输出下 .(),可以看见胶囊按钮的信息,需要注意的是单位为。

.().就能获取到胶囊按钮距离信息栏的距离,然后将转为。

需求:获取一个图片的高度,自适应图片宽度变化,高度也会变化。

解决办法:.()

注意两点:

1.要在函数中执行

2.在组件中使用.()之后,要用()来指定范围。(将选择器的选取范围更改为自定义组件 内)或者在自定义组件或包含自定义组件的页面中,应使用  来代替

输出下 会看见这个图片的信息,单位同样是,需要转化成。

直接在.中直接修改,编译器会显示波浪线报错。

或者加入变量使用,用字符串拼接起来。

注:修改对象和数组都要用''包括起来

但下标总不能写死了,所以循环下就行了,主要就是赋值给新的变量,在新变量中进行修改数据,再进行.。

第一步:进入官网点击下载选择下载,进入在线制定。按需要下载,减少体积

第二步:点击在线制定

第三步:选择需要的图形

第四步:下载

第五步:选择文档下的应用篇,选择跨平台方案,选择微信小程序

第六步:下载----

用-文件就行

第七步:将-文件放入项目中

我这里是在组件中创建了文件夹,就把-文件中的文件全部放进去。注意如果是按需制定的,将.替换成在线制定生成的..。

同时修改-. 中的 '://.//'的引用文件。

第八步使用

配置组件使用

视图层

逻辑层

另外一种封装成组件

逻辑层

大致效果:

.打开页面最多只能打开10个,超过10个之后就没反应。

这里不直接使用是因为会重新渲染,跳转一次屏幕就会有闪动。所以进行粗糙的处理到了10个页面,使用,十次之后才会闪动一次。

第一步:开启自定义

在.中找的加入:

同时官方文档建议还是将内容写上,用来兼容低版本。

第二步:创建目录

创建--与同级。

第三步:--中编写

第三步:-工具类

创建一个工具类,用来处理--切换

第四步:--中逻辑层编写

点击时触发,进行跳转

第五步:调用及高亮不变处理

在页引入

和显示的效果会有差异,这就需要通过识别机型进行适配。

在.中使用 .().获取手机型

真机测试才行,模拟测试值是

使用方法:

在.中使用定义全局变量。

..变量名获取定义的变量值

父组件使用子组件,传入父组件定义的值:和

子组件通过接收父组件传来的值

父组件没有传值,子组件也不会报错。所以父组件可以按需传入相应得值。

子组件通过给父组件传值

父组件接收子组件传入的值

接收参数:

解决方案:引入模块实现

根据场景使用,这里就单独创建一个,放入工具文件夹中。

中写入方法

中使用

注:模块中不能使用,只能使用

保留小数点稍微完善版:

注:路径不能有中文。=".//大美女.4" 这个路径在模拟器中正常播放,但是真机调试时候视频是打不开,所以要确保后端给的的路径不能存在中文。

接收后端传入的数据,将字符串显示成格式内容。

可是使用-

使用链接:.../…

需要注意的是如果返回的数据是一个页面,-就失效了。

解决办法:使用

先下载需要的文件,下载地址:.//…

只需要下载文件就行

将下载好的文件放入小程序中,放的位置看你心情。

在需要的功能模块下引入文件。

中进行数据绑定

引入.,可以在.引入,建议在需要模块的样式文件中单独引用,不要全局使用,减少样式冲突。

在文件中引入模板

使用模板,.不要去掉。

如果标签里有样式,这里会直接显示样式代码。

按照以往风格,简单粗暴的解决:

在文本中加入下面代码

这个问题有可能是后端同学限制了接口访问,造成真机测试时接口调用失败。

有些小程序有登录功能,通过账进行登录,所以为了安全需要对进行加密处理发送给后端。

获取5源文件,源文件百度可以找到,因为审核不通过这里就不放了。

将5源文件放入工具文件夹中

在登录模块的文件中调用。

可以直接使用5加密,也可以拼接之后再加密,这里看后端是怎么要求的。

后端会给一些字段,直接存入数组中

进行拼接,将和数组中的字段拼接一起。注意这里的拼接方式后端规定,前端按照格式进行拼接即可。

最后使用5加密

放入工具文件夹中,源文件百度可以找到,因为审核不通过这里就不放了。

引入

直接使用

如果后端有加密要求根据后端的规则进行加密。

底部图标大小不要超过30,如果超过小程序就会报错,15其实差不多就可以了。

当复用小程序整体代码,只是替换图片时,另起一个项目注意替换原来的。

将需要复用的项目导入,其实跟开始创建新的项目一样步骤,只不过目录结构里已经有内容了。

填入新客户的即可创建。

进入项目发现上传不能点击,无法上传。还要写着测试,但是是正确的,这就需要改一个地方就行。

找的..

修改下原来的,解决问题

在需要的页面中的文件中简单配置下即可,.设置无效。

业务场景:销售员通过分享小程序给客户,客户填写信息之后,此客户就属于销售员。

简单的实现逻辑就是销售员登录小程序,分享出去时带有他的手机信息。 客户打开分享的小程序带有销售员的手机信息,获取到并传给后台进行比对判断。

从缓存中获取到登录时存放的手机,在分享是带着参数就行。

字段自己定义就行。

在首页中获取分享时传过来的参数。

小程序设置里 —— 第三方设置 —— 插件管理 —— 添加插件 —— 搜索腾讯视频添加即可

进行添加

代码中也需要进行配置:

在需要播放的页面中找到文件,配置下视频插件。

在文件中加入代码:

是用了获取视频的,确保唯一即可。

关于视频需要申请一个企业账,进行主体认证等操作。然后上传视频到腾讯视频,审核通过就行。

获取视频链接,右键视频点击视频信息

找到视频,斜杠前面的一串数字就是

或者通过分享找到代码查看,点击嵌入代码

嵌入代码打开里面的就是91跟上面的一样。

细心一点会发现链接:..///334… 也有视频

加入腾讯视频插件,视频播放前会有,这里就需要付费去除,另外小程序包的大小也会变大。

小程序有自带的人工客服,组件加上-=“”属性,客服人员在小程序后台添加就行。

如果想使用第三方在线,直接找第三方在线让他们关联下小程序就行,关联上后台会显出结果。

:="{{}}" 默认是

进行修改方法: :-="" 就可以使用。

下标 也是:自带的,可以进行修改 :-="" 就可使用

注意使用:记得加上:="" 可以换成后端传入的。

1.使用外部链接进行引用(动态加载网络字体)

代码放在.中或者需要使用到的模块中

在文件中进行使用。

需要注意一点就是系统可以正常获取到字体,但是在安卓手机中会失败。这就需要进行配置,进入服务器找 配置,站点配置文件加入以下代码,开启支持,然后重启下。

这里造成安卓手机失败的原因是字体链接访问需满足浏览器同源策略,字体文件资源设置的---为小程序域名:.或者

该行代码的含义为在响应中添加一个名为"---"的头部字段,这个头部字段的作用是指定允许访问资源的源,即哪些域名可以与服务器进行跨域请求;

如果是使用的宝塔的配置如下

根据配置文件来设置。

解决安卓特殊字体失败问题还有一种方法就是字体文件转64。

字体文件转换网站:./

1.点击按钮 (添加字体)

2.将64 按钮打开,下面的按钮按需要选择。

3.转换好后点击下载

下载成功之后的压缩包。

解压后:

把.文件里的内容整个到微信小程序的页面中。

我大概看了一下大小比原来字体的还要大一些,所以个人觉得没必要安卓和两套写法,直接在服务器配置文件就好了。

服务类目可以有多个,具体还是需要跟小程序功能业务来添加的,审核时小程序也会提醒你加入对应的服务类目。

比如工具服务类目就是,获取地理位置权限。

本地.不会正常使用,如果没有开通权限,审核时会被拒绝。

记得开通下,避免上线时出现问题。

在组件中设置-=""

点击按钮时触发方法

[渲染层错误] [] : .

解决方法:删除掉.里面的

"": "",

或者降低基础库的版本。

代码层级没有问题,却无法获取到手机信息

. 里提示失败信息,请查看下小程序是否认证。

如果小程序后台微信认证是未认证,那么是无法成功获取手机相关信息的。需要完成微信认证才行。

合法已经域名配置了,但小程序报错___,直接找后端解决,代理啥的配置绝对有问题。

出现这个问题的原因就是,定义的方法使用了。

() 正常获取数据

: () 获取的是[ ]

面对离职,没有交接且离职后无法联系此人可以通过下面方式进行修改。

一般都习惯使用二维码方式进行登录,所以会忘了还有账登录,所以通过账登录可以找回账和。

方法二:

打开链接:...//…

本文用于学习记录,如有错误地方请多指正,谢谢。

© 版权声明
THE END
分享