微信小程序项目实例——备忘录(1)

=======================================================================

二、项目介绍

=======================================================================

项目是一个备忘录，拥有记录文字、计时和提醒的基本功能

项目只有一个页面，整体简约便捷

用户可以输入相关事件，并设立时间，便可完成备忘

当完成或未按期完成时，可以自行确认或删除

三、核心代码

=======================================================================

<!--index.wxml-->

<view class="container">

  <view  bindtap="bindViewTap" class="header">    

    欢迎<text class="userinfo-nickname">{{userInfo.nickName}}</text>使用

  </view>

<form bindsubmit="formSubmit" bindreset="formReset">

 <view class="input-wrap">    

      <input type="text" value='{{curIpt}}' returnKeyType='send' placeholder="请输入待做的事" class="ipt-main"  bindinput='iptChange' />     

      <view class="flex-row flex-time" wx:if="{{curIpt}}">

            <picker range='{{curRange}}' value='{{curBegin}}' bindchange='beginChange'  class="pick-time time">

                <text>

                    开始时间：{{curRange[curBegin]}}

                </text>

            </picker>  

            <picker range='{{curRange}}' value='{{curFinish}}' bindchange='finishChange'  class="pick-time time">

                <text>

                    结束时间：{{curRange[curFinish]}}

                </text>

            </picker>  

            <label class="time"><switch class="switch" checked bindchange="switch1Change" />提醒</label>

        </view>

        <view class="flex-row" wx:if="{{curIpt}}">        

          <button class="btn btn-submit" formType="submit" hover-class="btn-hover">提交</button>

          <button class="btn btn-cancel" formType="reset">清空</button>

       </view>

  </view>

  </form>

  <view class="list-wrap" wx:if="{{lists.length>0}}">

    <view wx:for="{{lists}}" wx:if="{{showAll ||(!showAll && !item.done)}}" id="{{item.id}}" class="{{item.done?'done list':'list'}}">        

        <text>{{index+1}}:</text>

        <text data-id ="{{index}}"  class="cnt" bindtap="toChange" >{{item.content}}</text>

        <view hidden="{{!item.editing}}" class="edit-wrap">

            <input class="ipt-edit" value="{{item.content}}"  data-id="{{index}}" bindinput='iptEdit' />

            <button class="btn btn-edit" data-id="{{index}}" bindtap="saveEdit">修改</button>

        </view>

        

        <text class="time"> {{item.beginTime}}-{{item.finishTime}}</text>

        <icon class="ico-done" bindtap="setDone" data-id="{{index}}" type="success_no_circle" size='18' color="{{item.done?'#d7d7d7':'#6fa6cf'}}" />

        <icon class="ico-delete" bindtap="toDelete" data-id="{{index}}" type='cancel' size='20' color="#6fa6cf" />

    </view>

    <view class="footer">

        <view class="ft-area">

            <text>{{lists.length}}条</text>

        </view>



## 最后

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。这和我们收集资料就要收集那些系统化的，是一个道理。

![](https://img-blog.csdnimg.cn/img_convert/0addf7674c7d72de7afeb464e36fca64.webp?x-oss-process=image/format,png)

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。




**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化学习资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618156601)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

ttps://bbs.csdn.net/topics/618156601)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**