
源码
文章平均质量分 74
niuyueyang
这个作者很懒,什么都没留下…
展开
-
vue-router简易实现
前端路由主要指url地址发生了变化,但是不用刷新整个页面去实现局部页面的无感刷新,用户感觉是在不同的两个页面,但实际上是在同一个页面。 我们需要考虑两个问题:保证url地址改变了,但是页面不能刷新;如何去监听url地址改变。路由模式hashHash 模式其实就是通过改变 URL 中 # 号后面的 hash 值来切换路由,因为在 URL 中 hash 值的改变并不会引起页面刷新,再通过 hashchange 事件来监听 hash 的改变从而控制页面组件渲染。history它提供了 p原创 2022-03-18 11:12:57 · 1279 阅读 · 1 评论 -
实现自己的axios
在实践过程中,我们发现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(){}原创 2021-11-26 17:02:56 · 877 阅读 · 0 评论 -
koa简易框架(四)
之前我们实现了简易版koa,router,static,今天我们在来实现一下koa-view,不说废话,直接上代码koa-view源码:const path = require('path')const EventEmitter = require('events');/** 匹配<%=xx%>将其变成${xx} 匹配<%xxxx%>将xxxx中的内容拼接...原创 2020-04-10 15:05:40 · 179 阅读 · 0 评论 -
koa简易框架(三)
koa-static之前我们实现了koa,koa-router,现在我们来看一下koa-static实现思路源码const fs = require('fs');const {promisify} = require('util'); //将函数promise化const stat = promisify(fs.stat); //用来获取文件的信息const mime = ...原创 2020-04-10 14:59:01 · 125 阅读 · 0 评论 -
koa简易框架(二)
koa-router简易封装之前我们封装了application,可以通过app.use方式,设置ctx.body,但是如果我们不设置路由,就会想下面一样:var Koa = require('koa');var Router = require('koa-router');var app = new Koa();var router = new Router();//将路由的处理交给...原创 2020-04-10 14:43:25 · 152 阅读 · 0 评论 -
koa简易框架(一)
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...原创 2020-04-10 14:27:31 · 1208 阅读 · 0 评论