生物钟查询(人体生物三节律查询曲线图下载)

先看看最终效果图:要在手机上体验,可以扫描以下小程序二维码体验(小程序搜索:生物钟),觉得可以转发给朋友。我的生物钟小程序二维码我的生物钟小程序二维码人体时钟小

先看看最终效果图:

生物钟查询(人体生物三节律查询曲线图下载)插图

生物钟查询(人体生物三节律查询曲线图下载)插图(1)

要在手机上体验,可以扫描以下小程序二维码体验(小程序搜索:生物钟),觉得可以转发给朋友。

生物钟查询(人体生物三节律查询曲线图下载)插图(2)

我的生物钟小程序二维码我的生物钟小程序二维码

人体时钟小程序源代码:https://gitee.com/liujiuwu/MyPsi,,欢迎您的评论。

让我们言归正传。这个小程序的核心js代码是用typescript写的(边学边写,难免有不合理的地方,请教韩海),所以要先安装typescript的开发环境。

一、Typescript开发环境的构建

我选择的开发环境是VS代码。可以自己选择喜欢的IDE。首先,安装nodejs。相信大家都会装。安装nodejs后,按Typescript document安装Typescript。

npm install -g类型脚本

正确执行上述命令后,将安装ts。

生物钟查询(人体生物三节律查询曲线图下载)插图(3)

Tsc是一个非常重要的命令。具体使用请参考官方文档和命令行帮助。

最基本的命令:

Tsc helloworld.ts //编译ts源文件

Tsc -w //监控tsconfig.json中配置的ts源文件目录,进行实时编译。

二、微信小程序开发工具

这个没什么好说的,选官方开发工具就行了。下载地址:https://MP . weixin . QQ . com/debug/wx adoc/dev/dev tools/download . html

根据官方简单教程创建一个新项目:https://mp.weixin.qq.com/debug/wxadoc/dev/

人体的生物钟要同时使用vs代码和微信小程序开发工具。ts文件要用vs代码写,编译到微信小程序的指定目录下。因此,关键是tsconfig.json中的配置

Tsconfig.json配置文件如下:

{

“compileOnSave”:true,//保存并编译。

“编译器选项”:{

“目标”:“es5”,

” outDir “:”/utils “,//这是applet放js代码的目录。

“模块”:” commonjs “,

“sourceMap”:假的,

“noImplicitAny”:没错,

” strictNullChecks”: true,

“实验记录员”:对

},

“包括”:[

” src/**/*。ts” //仅编译*。ts文件

]

}

生物钟查询(人体生物三节律查询曲线图下载)插图(4)

上图可以看到,tsc -w命令是用来实时编译ts文件的,这样就可以在小程序开发工具的目录下实时获取编译好的js文件。我只有一个ts文件wxPsi.ts,编译到小程序工具目录下就是wxPsi.js(这里不要直接修改js文件,编译时会被覆盖),如下图:

生物钟查询(人体生物三节律查询曲线图下载)插图(5)

微信小程序开发工具,用起来很简单。直接看公文没有问题,所以不深入。

人体生物钟的原理很简单,就是先求出出生日期(阳历)到今天的天数,再根据不同的系数计算出体力、情绪、智力的数值。

生物钟查询(人体生物三节律查询曲线图下载)插图(6)

体力= Sin *PI *生存天数/23

情绪= Sin * PI *生存天数/28

智力= Sin * PI *生存天数/33

这不是很简单吗?其实可以用Excel生成。

生物钟曲线。这个小程序的功能太简单了。我们自己研究一下源代码吧。如果您有任何意见或问题,请联系我进行讨论。谢谢大家!

https://gitee.com/liujiuwu/MyPsi

最后,特别感谢:

https://github.com/xiaolin3303/wx-charts

我去掉了大部分不用的代码,只保留了线图功能。不知道微信官方图表组件什么时候发布?

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

作者:美站资讯,如若转载,请注明出处:https://www.meizw.com/n/205648.html

发表回复

登录后才能评论