前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-前端洋葱圈模型

简介: 前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-前端洋葱圈模型

image.png

// 演示koa2 中间件的洋葱圈模型
const Koa = require('koa');
 const app = new Koa;// logger       ctx = req+res
 app.use(async(ctx, next) => {
     await next();               // 执行下一个中间件
     const rt = ctx.response.get('X-Response-Time')     // res获取时间差
     console.log(`${ctx.method} ${ctx.url} - ${rt}`)
 })// x-response-time
 app.use(async(ctx, next) => {
     const start = Date.now();
     await next();              // 执行下一个中间件
     const ms = Date.now()- start;       // 计算时间差
     ctx.set('X-Response-Time', `${ms}ms`)       // 记录/设置时间差
 })// response
 app.use(async(ctx, next) => {
     ctx.body = 'Hello world';
 }) app.listen(3000);
 console.log('koa2已经开始监听3000端口')
相关文章
|
5天前
|
前端开发 JavaScript API
阿珊比较Vue和React:两大前端框架的较量
阿珊比较Vue和React:两大前端框架的较量
|
4天前
|
运维 Linux Docker
Docker笔记(个人向) 简述,最新高频Linux运维面试题目分享
Docker笔记(个人向) 简述,最新高频Linux运维面试题目分享
|
6天前
|
开发框架 Dart 前端开发
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
【4月更文挑战第30天】对比 Flutter(Dart,强类型,Google支持,快速热重载,高性能渲染)与 React Native(JavaScript,庞大生态,热重载,依赖原生渲染),文章讨论了开发语言、生态系统、性能、开发体验、学习曲线、社区支持及项目选择因素。两者各有优势,选择取决于项目需求、团队技能和长期维护考虑。参考文献包括官方文档和性能比较文章。
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
|
4天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
4天前
|
前端开发
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
React Hooks - useState 的使用方法和注意事项(1),web前端开发前景
|
5天前
|
设计模式 缓存 前端开发
真的强!借助阿里技术博主分享的Android面试笔记,我拿到了字节跳动的offer
真的强!借助阿里技术博主分享的Android面试笔记,我拿到了字节跳动的offer
|
6天前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS前端技术趋势篇】前端框架(React/Vue/Angular)与HTML/CSS的结合使用
【4月更文挑战第30天】前端框架React、Vue和Angular助力UI开发,通过组件化、状态管理和虚拟DOM提升效率。这些框架与HTML/CSS结合,使用模板语法、样式管理及组件化思想。未来趋势包括框架简化、Web组件标准采用和CSS在框架中角色的演变。开发者需紧跟技术发展,掌握新工具,提升开发效能。
|
6天前
|
开发框架 缓存 前端开发
|
6天前
|
前端开发 JavaScript Linux
relectron框架——打包前端vue3、react为pc端exe可执行程序
relectron框架——打包前端vue3、react为pc端exe可执行程序
36 1
|
6天前
|
前端开发 数据可视化 API
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
41 0
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)