学习写微信小程序

2021.09.22 星期三

        小程序和web网页有许多的不同，我先去熟悉了一下项目的结构，之后去看了编写小程序的官方文档，了解了一些基本内容：赋值data里面的值用setdata({})；ajax请求需要自己来封装；大小的单位是用rpx（px的一半，为了自适应屏幕大小）等。

        编写静态页面的时候可以使用iconfont里面的图标，使用很方便且数量丰富。当需要隐藏文本的时候可以使用下面css样式。

         下面是今天编写的进度。

        之后继续看算法题，

 该题目就是封装栈操作，之前也做过，但这次多了一个操作，可以用一个辅助栈，记录此时栈的最小值，具体实现如下：

2021.09.23 星期四

        今天早上由于实习单位的需要，将之前写的小系统交上去，并开一个总结会，所以我就将之前写的内容给优化了一下，顺便熟悉一下vue框架。之后后端打算加一个token在系统里面，所以便跟着后端一起改了许久，但最终还是失败了。

        之后继续写小程序，学习到了可以将每个部分相同的头部写成一个component组件，之后使用只需要引用一下便可以使用。今天打算将首页全部写完，但写排行榜的时候遇到了问题。

 该排行榜有许多不同的排行榜组成，每个排行榜里面有不同的内容，

 我在这里面获取了五个排行榜，并且将每个排行榜里面的重要内容存起来，但将他们遍历出来的时候却怎么也无法遍历，显示的永远是空白。

 看了很久很久，仍然没有得到解决，明天打算继续去认真仔细排查。

2021.09.24 星期五

        今天一天去医院做了一个检查，所以请假了。到家之后打算继续写小程序。

        今天将首页的内容的搭建全部写好了，之后准备写个人中心的时候，看了内容有许多的定位的内容，之前不是很了解，于是晚上去学习了定位。

        定位主要有：相对定位，绝对定位，固定定位。相对定位（relative）：相对于本身的位置进行移动，根据偏位移来进行改变它的位置，而且它是占位置的。

绝对定位（absolute）：相对于父级元素（父级元素有定位）进行位置的移动，若父级元素没有定位，则对于整个页面进行位置的移动，而且它是不占位置的（悬浮）；正常页面中会采取子绝对父相对的形式，这样 会更好的对页面进行排版。下面是例子：

 

 

固定定位（fixed）：可以固定在页面上，当页面滑动，也不会改变位置。如下：

         今天小程序的完成情况如下：