uniapp一课一得

使用uniapp开发小程序心得：

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。

uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

在开发小程序过程中我需要实现的需求：

个人中心:要求能够实现当前登录用户信息展示、浏览记录展示、以及收藏新闻列表的展示功能。

登录用户信息展示：

登录后将返回的token信息保存在本地缓存中：

 

收藏新闻列表的展示

浏览记录展示：

使用登录获取到的token访问个人收藏接口：

 

遇到的问题：

新闻的浏览历史接口并没有提供，所以需要自己实现本地的浏览记录展示。

解决办法：

在点击新闻进入详情页时，把这个新闻的标题、新闻id和图片添加到一个数组history里，再把这个数组使用uni.setStorageSync 方法添加到本地缓存中，添加时先获取本地缓存中的‘history‘并赋值给数组history，这样就不会只有一条数据了，把新闻的标题、新闻id和图片添加到一个数组history里时可以先判断数组里是否已经有了相同的元素，通过循环判断新闻id(唯一)是否相同,没有相同就添加。

       比如：