手机端新闻appDemo

• 使用Vue.js和Node.js做了一个新闻的app

• 先上效果图
  
  

• 其实是还有蛮多的Bug的，但是还没到自己能解决的时候，但是好歹大致的样子是出来了

• 我使用的接口是聚合数据的接口，一天只能怪访问100次，

• - 这就是Node.js所有的代码 主要的核心就是使用request模块去访问聚合数据给的接口，然后对放回数据的一些修饰 再传递给前端，其实我本人还是更喜欢用axios模块 因为这个模块前端后台都能用，而request模块只能是在后台额能够使用

• 

• 这两句代码是处理前端传递的数据的 会使前端传递过来的数据以json字符串的格式给后台，后台可以使用for in 循环语句来获取对象的属性名，也就是传递过来的值了~~~ for in就是这么好用 for of是处理迭代对象的 这里要记清楚

• 前端路由中要注意的问题是可以给路由设置id 再根据id来渲染特定的页面，这样我们就步用写多个类型基本一样的组件的，只需要根据id的不同来渲染一个组件就行

• 

• 我们再使用this.$route.params.id就可以获取传递的对应的id值了

• 

• 

• sessionStorage是在一次会话中会存入浏览器的数据 也就是关闭浏览器以后 就会自动删除的数据，如果这个sessionStorage的id值重复了就会覆盖掉原先的那条数据 要获取就是window.sessionStorage.getItem（）传递一个key值就行

• 使用 this.$router.push()可以我们呢手动以代码的方式跳转路由页面

• 如果要想以代码的方式手动的刷新一下页面 可以使用location.reload()方法，只要使用了这个方法，浏览器就会刷新一下

• 另外我们自己设置的vue.config.js中要设置一下跨域的处理 不然一般后台给前台传递数据的时候会出现跨域问题，就非常的难搞 所以我们需要先设置一下跨域的问题

• 

• 跨域的这一小段代码中其实我还是不能理解它的意思 但是我i已经勉强的在背了，以后看着就给他背下来了把~~呜呜呜~

• 这个就是这个Demo 还有很多Bug 最主要的Bug是点击一则新闻以后其实给的是别人写好的页面 这个就太low了 没办法聚合数据给的接口能给就不错了 咱也不挑剔，就这样吧~~ 也不知道以后还能做点啥，走一步看一步~~ 虚妄对大家有帮助

• 仓库的源码可以在 我的码云中获取

• 地址是： https://gitee.com/jimmyxuexue/news.git