1.server-side : Rest API

2. client-side

想要持续不断的下拉获取新闻

有两种做法

一种是在UI

我们调用API 获取所有的新闻

然后在UI 拉下的时候显示新闻

其实一开始就全部获取到所有新闻了

只不过展示的时候显示一部分

给人感觉是下拉时从后端获取新闻的效果

这种做法不推荐

因为一次获取所有新闻的话 response很多

第一次loade很卡 时间很长去下载新闻

第二种做法是

我们持续不断的发送API从后端拿去新闻

获取到新闻添加到NEWS DATA中去

这是推荐的做法

这样第一次load不会卡

只有下拉时请求才会调用API从后边拿新闻

下面我们就按第二种做法做

首先呢

和Angular类似

我们也分成client和server端来做

将tapnews放入web——server并改名为client

‘’

还需要一个server端（放nodejs内容）

server端我们还是node server选用express

我们不像前面一样一步一步做

我们用一个工具

叫做 express generator（官方推荐 说白了就是脚手架和 那个 create react app 类似）

https://www.npmjs.com/package/express-generator

他帮助我们生成一个express的项目

我们全局安装

我们将server文件夹删掉

然后用express gennerator 创建项目的时候 我们直接取名项目名 为server即可

我们安装依赖package.json中的内容

然后start

然后我们打开网站

说明工作了

week5 03 continus loading news的更多相关文章

  1. (转)【Android测试工具】03. ApkTool在Mac上的安装和使用（2.0版本）

    http://blog.csdn.net/wirelessqa/article/details/8997168 http://code.google.com/p/android-apktool/dow ...

  2. sqlmap用户手册 | WooYun知识库

    sqlmap用户手册 说明:本文为转载,对原文中一些明显的拼写错误进行修正,并标注对自己有用的信息. 原文:http://drops.wooyun.org/tips/143  ============ ...

  3. sqlmap用户手册

    http://192.168.136.131/sqlmap/mysql/get_int.php?id=1 当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数2.判断可以用那种SQL注入 ...

  4. sqlmap用户手册详解(转)

    http://url/sqlmap/mysql/get_int.php?id=1 当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数 2.判断可以用那种SQL注入技术来注入 3.识别出 ...

  5. sqlmap

    http://192.168.136.131/sqlmap/mysql/get_int.php?id=1 当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数 2.判断可以用那种SQL注 ...

  6. 【转】sqlmap用户手册

    http://192.168.136.131/sqlmap/mysql/get_int.php?id=1 当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数2.判断可以用那种SQL注入 ...

  7. rndc 错误解决 和 远程配置

    dc: connect failed: connection refusedrndc: connect failed: connection refused 解决办法:默认安装BIND9以后,是无法直 ...

  8. sqlmap用户手册 [详细]

    当给sqlmap这么一个url的时候,它会: 1.判断可注入的参数 2.判断可以用那种SQL注入技术来注入 3.识别出哪种数据库 4.根据用户选择,读取哪些数据 sqlmap支持五种不同的注入模式: ...

  9. (转载)sqlmap用户手册详解

    文章转载自 http://www.vuln.cn/2035 当给sqlmap这么一个url (http://www.target.com/sqlmap/mysql/get_int.php?id=1) ...

随机推荐

  1. (转)C#实现注册码

    原文地址:http://www.cnblogs.com/netcorner/archive/2011/08/31/2911922.html 开发软件时,当用到商业用途时,注册码与激活码就显得很重要了. ...

  2. 由web项目中上传图片所引出的路径问题

    我在做javaweb项目的时候,有个项目中需要进行图片的上传,有次我重新部署项目后,发现之前上传的图片不见了,最后找出原因:图片上传在服务器目录上,而不是绝对路径,所以特别想弄清楚javaweb项目中 ...

  3. tomcat简单使用（二）

    这次主要说一说tomcat的目录文件和配置文件 先看一看tomcat的目录结构, bin:该目录下存放的是二进制可执行文件,如果是安装版,那么这个目录下会有两个exe文件:tomcat6.exe.to ...

  4. day17常用模块1记忆

    常用模块(详细见'egon'博客)1. 时间模块time与datetime 1. 时间戳:time.time()        应用: 用来计算时间间隔  time.sleep(5) 延迟5秒    ...

  5. 关于transition和animation

    最近的工作以移动端项目居多,经常会涉及一些比较小的动画效果,所以使用css3设计动画效果也就越发熟练起来.但是不得不承认,一直以来都是凭感觉使用transform, transition, anima ...

  6. chattr和lsattr命令的使用（对于root用户也无法修改删除的操作问题）

    1.chattr命令的用法:chattr [+-=] [ASacdistu] File/Directory 参数说明: +-= :分别为 [+ 增加] [- 减少] [= 设定] 属性的意思 A :当 ...

  7. angularjs探秘<五> 举足轻重的scope

    scope在angular中的作用可谓举足轻重,不理解scope就不会angular: scope是应用在 HTML (view) 和 JavaScript (controller)之间的纽带. sc ...

  8. 【Docker-机器学习-神经网络】初始这些新鲜的概念

    ==================================================================================================== ...

  9. [配置]给Myeclipse配置Tomcat

    http://jingyan.baidu.com/article/4853e1e53465271909f72690.html 步骤 1 2 3 4 5 6 7 8   Meclipse是java We ...

  10. window.location.search的用法 和 地址栏的的javsscript编码与解码

    ocation.search是从当前URL的?号开始的字符串 如:http://www.51js.com/viewthread.php?tid=22720 它的search就是?tid=22720 e ...