摘要:
<router-view> 是基本的动态组件,所以可以用 <transition> 组件给它添加一些过渡效果 单个路由的过渡 若希望给每个路由组件设置各自的过渡效果,可以在各组件内使用 <transition> 并设置不同的 name 基于路由的动态过渡 可以基于当前路由与目标路由的变化关系,动态设 阅读全文
摘要:
有时,进入某个路由之后,需要从服务器获取数据,可以通过两种方式实现: 1,导航完成之后获取 ① 先完成导航,然后在接下来的组件的生命周期钩子函数中获取数据,在数据获取期间显示“加载中” 之类的指示 ② 当使用这种方式时,我们会马上导航和渲染组件,然后在组件的 created 钩子中获取数据,这样我们 阅读全文
摘要:
当切换到新路由时,若希望页面滚动到顶部,或者是保持原先的滚动位置,就像重新加载页面一样,vue-router 可以自定义路由切换时页面如何滚动 这个功能只在支持 history.pushState 的浏览器中可用 当创建一个Router实例,可以提供一个 scrollBehavior 方法: scr 阅读全文
摘要:
打包构建应用时,JavaScript 包会变得非常大,影响页面加载,如果我们能把不同路由对应的组件分割成不同的代码块,然后在路由被访问的时候才加载对应组件,这样会更加高效。 结合Vue的异步组件和Webpack的代码分割功能,实现路由的懒加载 首先,可以将异步组件定义为返回一个Promise的工厂函 阅读全文
摘要:
中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以把它叫做中间件。 在express , 中间件(Middleware)是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)), 和web 应用中处理请求-响 阅读全文
摘要:
安装 koa-views 和 ejs npm install --save koa-views npm install ejs --save https://www.npmjs.com/package/koa-views 引入 koa-views ,配置 ejs 模板引擎 配置方式1: const 阅读全文
摘要:
原生 NodeJS 获取 post 提交的数据 request.js exports.getPostData=function(ctx){ return new Promise((resolve,reject)=>{ try { let params = ''; ctx.req.on('data', 阅读全文
摘要:
安装 koa-static ,配置静态服务: https://www.npmjs.com/package/koa-static npm install koa-static --save 配置中间件: app.js const Koa = require('koa') const app = new 阅读全文
摘要:
art-template 模板引擎: 中文文档:http://aui.github.io/art-template/zh-cn/docs/ 既支持ejs 的语法,也可以用自己的类似angular 数据绑定的语法 在 koa 中使用 art-template 模板引擎: npm install --s 阅读全文
摘要:
Cookie: ① cookie 是存储于访问者的计算机中的变量。可以让我们用同一个浏览器访问同一个域的不同页面的时候共享数据。② HTTP 是无状态协议。简单地说,当你浏览了一个页面,然后转到同一个网站的另一个页面,服务器无法认识到这是同一个浏览器在访问同一个网站。每一次的访问,都是没有任何关系的 阅读全文