小程序开发日志(一)——党建题库
小程序开发
浏览: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