qq_33332184的博客

前端路由主要指url地址发生了变化，但是不用刷新整个页面去实现局部页面的无感刷新，用户感觉是在不同的两个页面，但实际上是在同一个页面。 我们需要考虑两个问题： 保证url地址改变了，但是页面不能刷新； 如何去监听url地址改变。 路由模式 hash Hash 模式其实就是通过改变 URL 中 # 号后面的 hash 值来切换路由，因为在 URL 中 hash 值的改变并不会引起页面刷新，再通过 hashchange 事件来监听 hash 的改变从而控制页面组件渲染。 history 它提供了 p

在实践过程中，我们发现axios源码经常使用，今天我们就自己实现一个axios（不包括nodejs） axios实现get，post实现 新建一个axios目录，在里面新建index.js 这里我们需要把自己的axios导出，代码如下： import Axios from './axios' const axios = new Axios() export default axios 接下来新建axios.js文件 class Axios { constructor() {}, get(){}

之前我们实现了简易版koa，router，static，今天我们在来实现一下koa-view，不说废话，直接上代码 koa-view 源码： const path = require('path') const EventEmitter = require('events'); /* * 匹配<%=xx%>将其变成${xx} 匹配<%xxxx%>将xxxx中的内容拼接...

koa-static 之前我们实现了koa，koa-router，现在我们来看一下koa-static实现思路 源码 const fs = require('fs'); const {promisify} = require('util'); //将函数promise化 const stat = promisify(fs.stat); //用来获取文件的信息 const mime = ...

koa-router简易封装 之前我们封装了application，可以通过app.use方式，设置ctx.body，但是如果我们不设置路由，就会想下面一样： var Koa = require('koa'); var Router = require('koa-router'); var app = new Koa(); var router = new Router(); //将路由的处理交给...

koa使用分析 const Koa = require('koa'); let app = new Koa();//Koa是一个类，通过new生成一个实例 //koa的原型上有use方法，来注册中间件 app.use((ctx,next)=>{ //koa拥有ctx属性，上面挂载了很多属性 console.log(ctx.req.path); console.log...