微信小程序开发初体验
昨天说到,准备今天就搞完计算器的demo,今天尽管遇到了重重困难,自闭了无数次,但是还是确实搞出来了,但是没料到小程序的审核要花7个工作日,截至发稿时还在审核中。(摊手)这里来简单回顾一下心路历程。小
微信小程序开发初体验昨天说到,准备今天就搞完计算器的demo,今天尽管遇到了重重困难,自闭了无数次,但是还是确实搞出来了,但是没料到小程序的审核要花7个工作日,截至发稿时还在审核中。(摊手) 这里来简单回顾一下心路历程。 小程序是去年就申请了,但是一直躺着吃灰,没有什么想法。昨天有了想法了,发现没有什么被注销之类问题,可以直接用。 电脑中的开发工具还是当时的微信web开发工具,直到昨天才更新了版本。 作为一个IDE,微信开发者工具的使用体验还是不错的(真的)。使用过程中模拟器、编辑器、调试器都需要打开,布局很合理,就是iPhone6屏幕略长,不得不把Windows任务栏放到了左边,不放不知道,放了之后扩展的视野是真的舒服,无论是在IDE中还是在浏览器。不用iPhone5是因为屏幕太小了,排版调整了半天手机上一看全傻眼了。第一次接触设备兼容类的问题,真让人头(tu)大,也更加佩服千千万万的苦逼程序员。编辑器自带字体和颜色都能看,不用改了。调试器刚开始占据了垂直第三栏的位置,后来发现不怎么常(hui)用,就放到下面。常用的预览、上传都有单独的按钮。Alt+Shift+F格式化还能用。有一定的自动补全功能,闭合标签的自动补全有点蠢,或许是我有点蠢。
怀着激动的心情,开始了正式的“开发”。创建一个项目,嗯,司空见惯了,选择了自带hello world的空项目,一下蹦出许多文件。 这些都是什么东西?page、log、app这些单词都认识,后缀在配置vs code的时候只见过json,其他的都不认识。搜索了一番了解了一点。wxml对标html,wxss对标css,js对标。。自己。嗯,不就是个网页嘛,先点开**ml,见到了熟悉的标签风格,不过头和身体都没有。整个页面是一个container。每当要显示一个元素就添加一个<view></view>。在初始页面中button、text、img都有了,后续根据需要添加了picker和input。本着能逃避就逃避的原则,准备不了解不使用wxss,需要样式时直接在属性里面搞,但是随着标签越来越多,非样式的属性也越来越多,而且有重复类型的元素,最终还是搞了wxss。CSS(Cascading Style Sheets)层叠样式表,WXSS(WeiXin Style Sheets)。调参的过程一言难尽,仅仅是单位就有这么多。
其中的种种属性数不胜数。幸运的是网上有许多参考资料可以使用。感到最让人眼前一亮的是分割线的实现。在html中有<hr>可以直接用,但是没有继承过来。
<!--wxml-->
<view class="divLine">
<text>something</text>
</view>
//wxss
.divLine {
background: black;
width: 100%;
height: 5rpx;
margin: 8mm;
//position: fixed;
//top:1%;
}
分割线其实就是一条黑线,只要设置背景色为黑色,高度宽度设置好就是一条分割线。
计算器的话考虑到用户实际痛点目前只实现了排列组合数的乘除法(其实是没有技术+懒)。逻辑就是点击picker选择P or C然后输入n和r,点击button就可以实时出结果。计算过程的算法就是暴力阶乘。据说JavaScript默认支持比较大的数字,实际题目中也没有算超大数据的必要(还是懒),就这样了,不过最后化简分式是用了辗转相除法(学过+网上有源码)。
code过程中的吐槽就不在这里写出来了(快到0点了),明天继续更新。
责任编辑:无心之惩