Go实现 Gee 框架 Day2 学习笔记

最新推荐文章于 2024-08-02 20:26:31 发布
最新推荐文章于 2024-08-02 20:26:31 发布
阅读量613 收藏 2
点赞数
分类专栏： Go Go实战 文章标签： golang
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gxy_2016/article/details/114576465
版权

Go实现 Web 框架 Day2 学习笔记

极客兔兔大佬的《七天用Go从零实现系列》Day2 上下文 学习笔记

文章目录

Day2内容

  • 独立路由
  • 封装Context，作为请求和响应的上下文
  • Day2 框架新增代码约90行

前置知识

  • go的类型转换
  • 字符串 和 byte切片类型转换
  • json 的解析和生成
  • 字符串拼接
  • 变量、常量、函数自定义类型可见性或作用域设定

实际代码

目的：

  • 类似 ServletContext，构建请求的 Context 上下文，将 ResponseWriter、Request 等封装。
  • 简化业务构建逻辑，区分 GET、POST 请求，并封装 string、json、html 等类型的框架处理。
  • 路由处理的逻辑内聚为 router

步骤：

  • 封装 Context
  • 封装 router
  • 修改调用逻辑

学习内容: https://geektutu.com/post/gee-day2.html

思考题

最低0.47元/天 解锁文章
Vue3 methods
siweisibiansitui的博客
03-17 994
Options API 中的methods：是通过对象的方式来定义方法，使用this来访问数据和方法。Composition API 中的setup()：方法在setup()中作为函数定义，不依赖于this，而是直接操作响应式数据。在 Vue 3 中，方法可以用于处理事件、逻辑、异步操作等，并可以通过组件的生命周期钩子和计算属性来结合使用。
vue3 setup函数
leveretz的博客
07-25 1055
vue3 set函数
Vue3之setup方法
qq_43536788的博客
03-28 1695
在。
Vue3 核心语法 setup函数概述
qq_66851231的博客
01-28 893
(return 必须在方法或参数下进行返回 不然会导致方法和参数失效 通过return 将我们的方法名 或参数名进行返回即可 在return 方法域 中定义 被调用方法名和参数名 )Setup : 将Vue 2中的 data 和 methods 选项中的相关代码迁移到Vue 3的。
vue3 setup methods
09-07
- *3* [vue3中setup用法与methods用法踩坑](https://blog.csdn.net/m0_67393157/article/details/123219594)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
vue3 methods
07-29
- *1* [vue3中setup用法与methods用法踩坑](https://blog.csdn.net/weixin_41256281/article/details/117538874)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+业务需要功能扩展
weixin_55846296的博客
12-01 1万+
在Vue项目的开发过程中，经常需要使用富文本编辑器来处理用户的输入内容。 是一个功能强大且易于使用的富文本编辑器，它支持大多数常见的文本编辑功能，并且可以通过插件进行扩展。本文将详细介绍如何在Vue项目中使用Tinymce富文本编辑器
vue3的setup的使用和原理解析
weixin_42974827的博客
09-24 2万+
在vue3中，新的setup函数属性给我们提供了书写的便利，其背后的工作量无疑是巨大的，有状态的组件的初始化的过程，在 setup 函数初始化部分我们讨论的源码的执行过程。
vue3.0中setup使用(两种用法)
01-21
一、setup函数的特性以及作用 　　可以确定的是 Vue3.0 是兼容 Vue2.x 版本的 也就是说我们再日常工作中 可以在 Vue3 中使用 Vue2.x 的相关语法 但是当你真正开始使用 Vue3 写项目时 你会发现他比 Vue2.x 方便的多 　　Vue3 的一大特性函数 —- setup 　　1、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数 也就说在 setup函数中是无法 使用 data 和 methods 中的数据和方法的 　　2、setup函数是 Composition API（组合API）的入口 　　3、在setu
vue3中的setup方法
jieyucx的博客
07-05 788
template > < h2 > 姓名： {name } } < / h2 > < h2 > 年龄： {age } } < / h2 > < button @click = "sayHello" > 说话 < / button > < / template > < script > export default {name : 'App' , //此处只是测试一下setup，暂时不考虑响应式的问题。setup() {
组合API、methods中定义的方法写在setup()、在setup中使用生命周期函数、Vue3加载Element-plus
weixin_49775218的博客
11-16 3963
在vue2中methods来定义一些当前组件内部方法在vue3中直接在setup方法中定义并return修改上面message值setup()中可以使用props和context（ctx）在vue2中，组件的方法中可以通过this获取到当前组件的示例，并执行data变量的修改，方法的调用，组件的通信等等，但是在vue3中，setup()在beforeCreate和created时机就已调用，无法使用和vue2一样的this（
vue3中的setup()函数详解
唯见青山不见君
11-29 1万+
vue3中的setup()函数详解
vue3 setup使用（详细）
热门推荐
冰雪为融的博客
05-10 5万+
官网vue3-setup 总结： 1、setup 函数时，它将接受两个参数：（props、context(包含attrs、slots、emit)） 2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数 3、执行 setup 时，组件实例尚未被创建（在 setup() 内部，this 不会是该活跃实例的引用，即不指向vue实例，Vue 为了避免我们错误的使用，直接将 setup函数中的this修改成了 undefined） 4、与模板一起使用：
vue3函数setUp和reactive函数详细讲解
ting2909的博客
06-10 2200
1 setUp的执行时机 我们都知道，现在vue3是可以正常去使用methods的。 但是我们却不可以在setUp中去调用methods中的方法。 为什么了？？？ 我们先了解一下下面这两个生命周期函数，分别是： beforeCreate 表示data 中的数据还没有初始化，是不可以使用的 Created : data已经被初始化了，可以使用 setUp在beforeCreate 和 Created 这两个函数之间。 是不是就知道为啥setUp中不可以去调用methods中的方法了。 2.setUp中无法使用
Vue3 setup语法糖
最新发布
qq_20672733的博客
08-02 1162
提示：Vue3.2 版本开始才能使用语法糖！在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！1、由于在执行 setup函数的时候，还没有执行 Created 生命周期方法，所以在 setup 函数中，无法使用 data 和 methods 的变量和方法。
3-3.Vue选项之methods选项
落叶的博客
01-22 6257
Vue选项 Vue中methods选项 构造器里的methods选项在不同情况下有不一样的调用方式，有下面三种情况： 1.在Vue构造器内部调用方法—methods选项 点击按钮，实现数值相加的功能 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的...
vue3中setup用法
05-30
在 Vue 3 中，`setup` 函数是一个新的组件选项，它是组件的入口点。与之前的选项 `data`、`computed`、`methods` 不同，`setup` 函数是一个普通的函数，不是对象，它可以进行一些数据处理、事件监听、组件声明等操作，并返回一个对象，这个对象就是模板中需要用到的数据和方法。 下面是一个简单的例子： ``` <template> <div> <p>count: {{ count }}</p> <button @click="increment">Increment</button> </div> </template> <script> import { ref } from &#39;vue&#39; export default { setup() { const count = ref(0) const increment = () => { count.value++ } return { count, increment } } } </script> ``` 在上面的例子中，使用了 `ref` 函数来创建一个响应式数据 `count`，并声明了一个 `increment` 函数来处理点击事件。在 `setup` 函数中返回了一个包含 `count` 和 `increment` 的对象，以便在模板中使用。 需要注意的是，`setup` 函数必须返回一个对象，否则会导致组件无法渲染。此外，`setup` 函数中的数据和方法都需要通过 `return` 语句返回，否则无法在模板中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值