小程序开发日志(一)——党建题库

小程序开发


浏览:1087 次

云开发buff

这个小程序已经上线两年多了,刚上线时,感觉就像VUE。JS框架非常相似。我写了一些简单的演示来尝试各种界面。微信封装后调用系统的能力非常简单和强大。

2018年底,云开发再次启动,大大加快了产品的迭代周期。简单的app可以在几个小时内完成。尽管云开发的压力尚未得到测试,但在短时间内制作一个功能齐全的演示比用AXURE绘制原型更容易。

党建问题库

去年,为了应对党建考试,节省纸张,我花了2个小时作为简单的助手,以速记一页答案,然后练习的方式刷党建问题。

主要包括两个功能页:

练习:每页显示20个问题(包括单选、多选和判断),最初显示速记答案,单击测试按钮进行练习,重新提交并查看练习结果。你可以将问题添加到错误的问题簿中

错误问题簿:每页显示20个问题,逻辑与练习模块相似。

搜索:根据题干和问题进行搜索(只完成前端,但不加载后台数据)

经验如下:

[视频]

设计要点

视图模型

而vue Js,页面中的所有数据都被定义并存储在数据对象中。然后数据通过{{}}格式绑定到wxml页面,实现了数据和页面的双向绑定。在定义模型和视图之后,剩下的就是逐个建立ViewModel来实现逻辑。

wxs公司

WXS(WeiXin Script)是一组用于小程序的脚本语言。使用WXML,您可以构建页面的结构。

wxs不依赖于运行时的基本库版本,可以在applet的所有版本中运行。

wxs和javascript是不同的语言,有自己的语法,并且与javascript不一致。

wxs的运行环境与其他javascript代码隔离。无论是在其他javascript文件中定义的函数还是小程序提供的API,都不能在wxs中调用。

wxs函数不能用作组件的事件回调。

由于运行环境不同,iOS设备上的小程序中的wxs比javascript代码快2~20倍。两者在Android设备上的运行效率没有差异。

逻辑层上的一些简单数值运算和数组运算可以使用wxs实现。第五点是IOS设备上的速度将比JS快2到20倍。

示例:在tool.wxs中定义正确和错误判断函数

//判断问题是否正确

var isRight=函数(quesState,selected,answer){

如果(quesState=='result'){

var reg=getRegExp(“,”,“g”)

var selectedStr=selected.sort().toString()。替换(reg,“”);

console.log(selectedStr);

如果(selectedStr==answer.trim()){

返回true

}其他{

返回false

}}其他{

返回true

}

}

module.exports.isRight=isRight;

用于wmxl