自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(216)
  • 资源 (3)
  • 收藏
  • 关注

原创 【Go】切片入门

切片入门

2022-05-08 22:39:59 397

原创 【Go】数组入门

数组入门

2022-05-05 22:52:28 357

原创 【Go】常用的内建函数

内含错误处理机制和自定义错误案例

2022-05-04 09:21:09 418

原创 【Go】常用时间和日期相关的函数

内含休眠函数以及测试程序执行时间的案例

2022-05-01 00:30:00 480

原创 【Go】常用字符串相关的函数

常用字符串相关的函数

2022-04-27 23:15:45 569

原创 【Go】函数

内含自定义数据类型、HasSuffix函数的使用

2022-04-26 11:18:22 158

原创 【Go】程序流程控制

内含生成随机数等方法

2022-04-20 23:46:01 329 2

原创 【Linux】入门篇

内含虚拟机安装CentOS的完整步骤

2022-04-20 19:33:07 937

原创 【Go】从终端获取用户输入的数据

从终端获取用户输入的数据

2022-04-10 19:54:29 1047

原创 【Go】运算符

内含Go语言运算符优先级和结合性一览表

2022-04-10 16:16:52 488

原创 【Go】工程创建与包管理

2022年Go工程的创建完整过程,含包管理工具的使用

2022-04-09 22:29:51 583

原创 【Go】标识符

内含Go所有关键字与保留字

2022-04-09 20:15:53 460

原创 【Go】值类型与引用类型

值类型与引用类型介绍

2022-04-09 13:43:06 106

原创 【Go】指针入门

指针入门介绍及使用

2022-04-09 13:21:49 173

原创 【Go】变量与数据类型

内含常用的格式化动作

2022-04-07 21:10:18 468 1

原创 【Go】编程语言

Go的简介

2022-04-07 08:44:47 726

原创 Markdown编辑器

Markdown编辑器

2022-04-05 20:16:07 95

原创 Git快速入门

快速入门

2022-03-17 22:11:02 563

原创 VUE3-异步组件的使用(21)

关键词:suspense、v-slot:default、v-slot:fallback、defineAsyncComponent、async setup()

2022-03-14 23:07:16 1686

原创 VUE3-利用teleport标签传送并制作模态框(20)

关键词:teleport、模态框

2022-03-14 21:08:26 1034

原创 VUE3-响应式数据的判断(19)

判断响应式数据的常用API:isRef, isReactive, isReadonly, isProxy

2022-03-14 16:13:34 1383

原创 VUE3-实现祖先与后代组件的数据通信(18)

provide函数与inject函数实现祖先组件传数据给后代组件

2022-03-14 15:49:52 993

原创 VUE3-用customRef函数来自定义ref(17)

<template> <input type="text" v-model="keyword"> <h2>{{ keyword }}</h2></template><script>import {customRef} from "vue";export default { name: 'App', setup() { //自定义ref function myRef(value, delay)

2022-03-13 14:44:48 480

原创 VUE3-toRaw函数与markRaw函数(16)

<template> <h2>姓名:{{ name }}</h2> <h2>年龄:{{ age }}</h2> <h2>薪资:{{ job.j1.salary }}K</h2> <h2 v-show="person.car">座驾信息:{{ person.car }}</h2> <hr> <button @click="showRawPerson">输

2022-03-13 09:54:01 158

原创 VUE3-readonly函数与shallowReadonly函数(15)

<template> <h4>当前求和为:{{ sum }}</h4> <button @click="sum++">点我++</button> <hr> <h2>姓名:{{ name }}</h2> <h2>年龄:{{ age }}</h2> <h2>薪资:{{ job.j1.salary }}K</h2> <button @c

2022-03-13 08:51:31 166

原创 VUE3-shallowReactive函数与shallowRef函数(14)

<template> <h2>当前的x.y值是:{{ x.y }}</h2> <button @click="x={y: 888}">点我替换x</button><!-- 整体替换当然有响应式 --> <button @click="x.y++">点我x.y++</button><!-- 内部的x没有响应式处理,所以此按钮失效 --> <hr> <h2>姓

2022-03-10 20:44:26 160

原创 VUE3-toRef函数与toRefs函数(13)

文章目录toRef函数toRefs函数toRef函数<template> <h3>{{ student }}</h3> <h1>学生姓名:{{ name }}</h1> <h1>学生年龄:{{ age }}</h1> <h1>学生薪资:{{ job.web.salary }}K</h1> <hr> <button type="button" @click

2022-03-10 17:08:40 382

原创 VUE3-自定义hook(12)

本案例需要关闭语法检查。hook的使用就是模块化的思想,我们可以将一些公共的方法封装为一个js文件,放入hooks文件夹,这样所有组件都可以调用这个js文件,从而使得组件内部简单明了。文章目录目录结构App.vuehooks文件夹下的usePoint.jscomponents文件夹下的Demo.vuecomponents文件夹下的Test.vue目录结构App.vue<template> <button @click="isShowDemo = !isShowDemo".

2022-03-10 15:57:34 625

原创 VUE3-生命周期(11)

记得事先关闭语法检查。App.vue:<template> <button @click="isShowDemo = !isShowDemo">切换隐藏/显示</button> <Demo v-if="isShowDemo"/></template><script>import {ref} from 'vue'import Demo from './components/Demo'export defaul.

2022-03-07 23:24:15 97

原创 VUE3-watchEffect函数(10)

<template> <h2>当前求和为:{{ sum }}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{ msg }}</h2> <button @click="msg+='!'">修改信息</button> <hr> <h2>姓名:{{ person.na

2022-03-07 22:23:24 87

原创 VUE3-watch监视ref数据的说明(9)

<template> <h2>当前求和为:{{ sum }}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{ msg }}</h2> <button @click="msg+='!'">修改信息</button> <hr> <h2>姓名:{{ person.na

2022-03-07 22:04:39 1647

原创 VUE3-watch函数(8)

<template> <h2>当前求和为:{{ sum }}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{ msg }}</h2> <button @click="msg+='!'">修改信息</button> <hr> <h2>姓名:{{ person.na

2022-03-05 11:43:33 70

原创 VUE3-computed函数(7)

<template> 姓:<input type="text" v-model="person.firstName"> <br> 名:<input type="text" v-model="person.lastName"> <br> 全名:<input type="text" v-model="person.fullName"> <br> 全名:{{ person.fullName }}

2022-03-04 21:07:48 391

原创 VUE3-setup的两个注意点(6)

在VUE3中,此案例的Demo.vue组件命名是不规范的,运行时会报错,此时需要关闭语法检查才能继续运行。组件名必须为多个单词App.vue<template> <Demo @hello="showHelloMsg" msg="你好啊" school="尚硅谷"> <template v-slot:qwe> <h3>测试数据1</h3> </template> <template.

2022-03-02 21:26:04 310

原创 VUE3-响应式原理(5)

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>V

2022-03-01 23:57:56 88

原创 VUE3-reactive函数(4)

<template> <h1>一个人的信息</h1> <h2>姓名:{{ person.name }}</h2> <h2>年龄:{{ person.age }}</h2> <h3>工作种类:{{ person.job.type }}</h3> <h3>工作薪水:{{ person.job.salary }}</h3> <h3>爱好:{{ pe

2022-03-01 21:58:10 66

原创 VUE3-ref函数(3)

<template> <h1>一个人的信息</h1> <h2>姓名:{{ name }}</h2> <h2>年龄:{{ age }}</h2> <h3>工作种类:{{ job.type }}</h3> <h3>工作薪水:{{ job.salary }}</h3> <button @click="changeInfo">修改人的信息</b

2022-03-01 21:30:40 111

原创 VUE3-初识setup(2)

<template> <h1>一个人的信息</h1> <h2>姓名:{{ name }}</h2> <h2>年龄:{{ age }}</h2> <h2>性别:{{ sex }}</h2> <button @click="sayHello">说话(Vue3所配置的——sayHello)</button> <br> <br>

2022-02-25 23:42:12 497

原创 VUE3-分析工程结构(1)

main.js文件:// 引入的不再是Vue构造函数了,引入的是一个名为createApp的工厂函数import { createApp } from 'vue'import App from './App.vue'// 创建应用实例对象--app(类似于之前Vue2中的vm,但app比vm更“轻”)const app = createApp(App)// 挂载app.mount('#app')Vue3组件中的模板结构可以没有根标签...

2022-02-25 22:15:33 296

原创 VUE3快速上手笔记汇总

话不多说

2022-02-23 20:30:29 286

[145-148]_美图公司官网导航栏练习.zip

先看博客,再下载

2021-09-01

[141-142]_移动端页面练习.zip

先看博客,再下载

2021-08-30

[84-86]_京东顶部导航条练习.zip

先看博客,再下载

2021-08-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除