- 博客(112)
- 收藏
- 关注
RSS订阅原创 PHP框架之Laravel框架教程：3. 数据库操作（简要）
如果你数据库还没有表。在 Laravel 中，你可以通过模型（Model）结合迁移（Migration）来创建数据库表下面是一个完整的示例，演示如何用 Laravel模型 + 迁移创建一个“博客文章（Blog Article）”的表，并实现模型逻辑，便于你插入、查询数据。php// 主键// 标题// 正文// 作者// 是否发布// 发布时间// created_at 和 updated_at});
2025-07-27 21:23:51
609
原创 PHP框架之Laravel框架教程：2. 控制器、路由、视图简单介绍
新建控制器Ding.phpDing.phpphp// 定义命名空间，表示该文件位于 App\Http\Controllers 目录下/*** 一个继承 Laravel 基础控制器的类* 用于处理业务逻辑并返回响应*/// 输出调试信息："随便写点东西"dump('随便写点东西');此时，我们访问域名/ding/test是访问不了的。，打开我们可以看到：控制器路由// 当一个请求与指定路由的 URI 匹配时， UserController 控制器中的 show 方法将会执行。
2025-07-27 13:33:21
340
原创 PHP框架之Laravel框架教程：1. laravel搭建
或者其他产品配置域名 创建网站等（学过php基础的都懂），运行目录是。通过框架访问某个位置（控制器/视图/字符串），必须自定义路由。安装好后，上面这些文件和文件夹就出来了。各个文件夹和文件的介绍，可以到官网了解看下。为了方便，现在我直接使用方式二里的安装最新版本。创建好后进入网站，可以看到以下界面。打开终端，cd 进入项目目录。laravel没有默认路由。访问框架，运行目录是。
2025-07-26 22:48:23
655
原创 go语言基础教程：【2】基础语法：基本数据类型（整形和浮点型）
位（bit）：也叫作“比特”，计算机中数据储存的最小单位，因为在计算机中是以二进制的形式数据储存，所以每个位以“0”或”1”表示。基本数据类型包含整型和浮点型，布尔类型以及字符串，这几种数据类型在几乎所有编程语言中都支持。字节（Byte）：计算机中数据储存的单位。位和字节的关系是：8个位组成一个字节。字节与位的关系：1Byte=8bit。
2025-07-25 22:37:07
297
原创 go语言基础教程：【1】基础语法：变量
匿名变量即没有命名的变量，在使用多重赋值时，如果想要忽略某个值，可以使用匿名变量（anonymous variable）。让代码非常清晰，基本上屏蔽掉了可能混淆代码阅读者视线的内容，从而大幅降低沟通的复杂度和代码维护的难度。4、建议使用驼峰式命名，当名字有几个单词组成的时优先使用大小写分隔。变量命名是需要遵循一定的语法规范的，否则编译器不会通过。还有30多个预定义的名字，用于内建的常量、类型和函数。声明同一个变量x，这在Go语言中是不允许的。1、变量名称必须由数字、字母、下划线组成。或者使用不同的变量名。
2025-07-24 23:05:01
458
原创 go语言基础教程：1. Go 下载安装和设置
官网下载安装即可，注意要记住安装的位置，例如。等都可以，看自己习惯，自行下载安装。是以文件夹为最小单位管理程序的，跟。会输出各种信息，代表安装成功。，或者自行切换到当前目录。
2025-07-24 21:11:35
310
原创 Vue3进阶教程：1.初次了解vue
此课程对针对有点vue基础的同学，或者看过我上部分vue的教程。与之前我的Vue教程不同的是，写法和内容有区别。vue文件目录和各个文件在这里不做介绍。打开：localhost:5173。下 创建文件夹和文件。
2025-05-27 20:59:36
1129
1
原创 前端流行框架Vue3教程：28. Vue应用
方法后才会渲染出来。该方法接收一个“容器"参数，可以是一个实际的DOM元素或是一个 CSS 选择器字符串。Vue教程至此结束。当然，vue要学的还有很多，比如前后端分离等等。的对象实际上是一个组件，每个应用都需要一个根组件”，其他组件将作为其子组件。文件夹的作用就是存放公共资源，例如：图片、公共CSS或者字体图标等。函数创建一个新的 应用实例。应用实例必须在调用了。
2025-05-25 23:36:36
538
原创 前端流行框架Vue3教程：27. 依赖注入
可以帮助我们解决这一问题。一个父组件相对于其所有的后代组件，会作为依赖提供者。任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用。通常情况下，当我们需要从父组件向子组件传递数据时，会使用。则必须将其沿着组件链逐级传递下去，这会非常麻烦。这一问题被称为“prop 逐级透传”只能由上到下的传递，不能反向传递。
2025-05-25 23:27:35
452
原创 前端流行框架Vue3教程：25. 组件保持存活
我们点更新数据，A组件会变成新数据。切换组件B后，再去切回A组件，发现又变成了老数据。说明我们在切换的时候，组件被卸载了，所以加载的还是原始的数据。来在多个组件间作切换时，被切换掉的组件会被卸载。组件强制被切换掉的组件仍然保持"存活”的状态。那么我们怎么保持组件存活呢？此时，我们切换回A组件，就还是新数据了。
2025-05-24 22:14:46
596
原创 前端流行框架Vue3教程：24.动态组件
有些场景会需要在两个组件间来回切换，比如 Tab 界面。此时，我们就可以点击按钮切换组件了。我们准备好A B两个组件。
2025-05-24 22:14:29
594
原创 前端流行框架Vue3教程：22. 组件生命周期
每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码在 Vue 中，组件的生命周期是指从创建到销毁的整个过程。Vue 提供了多个钩子函数，允许我们在特定的阶段执行自定义逻辑。Vue 组件的生命周期可以分为四个主要阶段：2. 挂载阶段beforeMount()：模板编译/挂载之前，此时还没有渲染 DOM。mounted()：模板渲染完成
2025-05-22 10:51:43
528
原创 前端流行框架Vue3教程：21. 插槽（3）
在某些场景下插槽的内容可能想要同时使用父组件域内和子组件域内的数据。要做到这一点，我们需要一种方法来让子组件在渲染时将一部分数据提供给插槽。我们也确实有办法这么做！那样，向一个插槽的出口上传递。
2025-05-20 16:39:16
198
原创 前端流行框架Vue3教程：20. 插槽slot（2）
插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。在外部没有提供任何内容的情况下，可以为插槽指定默认内容。其意思就是“将这部分模板片段传入子组件的。
2025-05-20 15:56:52
263
原创 前端流行框架Vue3教程：19. 插槽slot（1）
插槽是 Vue 中组件内容分发的机制，允许你在父组件中向子组件传递任意 HTML 内容。子组件通过定义插槽入口。父组件在使用子组件时，在其标签内部写入内容即可传入插槽。插槽内容支持任何 HTML 元素和结构。<slot>元素是一个插槽出口(slotoutlet)，标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。
2025-05-20 15:40:02
371
原创 前端流行框架Vue3教程：18. 透传 Attributes
透传attribute指的是传递给一个组件，却没有被该组件声明为props或emits的attribute或者v-on事件监听器。最常见的例子就是class、style和id当一个组件以单个元素为根作渲染时，透传的attribute会自动被添加到根元素上透传 Attributes 是 Vue 的一个特性，允许父组件传递任意属性到子组件上，而无需显式声明。这在封装可复用的组件时非常有用。
2025-05-16 15:50:58
519
原创 前端流行框架Vue3教程：17. _组件数据传递
我们之前讲解过了组件之间的数据传递，props和自定义事件 两种方式props：父传子自定义事件：子传父除了上述的方案，props也可以实现子传父。
2025-05-15 23:01:49
381
原创 前端流行框架Vue3教程：16. 组件事件配合`v-model`使用
父子组件通信：通过$emit在子组件中发送事件，在父组件中监听并处理。数据绑定v-model简化了表单元素与数据之间的双向绑定。模块化开发：将功能拆分为多个组件，提高可维护性和复用性。
2025-05-15 22:14:02
588
原创 前端流行框架Vue3教程：15. 组件事件
触发自定义事件的目的是组件之间传递数据。在组件的模板表达式中，可以直接使用。我们来创建2个组件。子传父：自定义事件(
2025-05-13 20:59:02
344
原创 前端流行框架Vue3教程：14. 组件传递Props效验
比如我们用button添加个事件，是不允许修改父元素传递过来的数据。Vue组件可以更细致地声明对传入的props的校验要求。
2025-05-06 20:27:16
262
原创 前端流行框架Vue3教程：13. 组件传递数据_Props
传递数据，不仅可以传递字符串类型的数据，还可以是其他类型，例如：数字、对象、数组等。组件与组件之间不是完全独立的，而是有交集的，那就是组件与组件之间是可以传递数据的。传递数据：只能从父级传递到子级，不能反其道而行。但实际上任何类型的值都可以作为。传递数据的解决方案就是。我们新增2个vue文件。
2025-05-06 16:04:48
256
原创 前端流行框架Vue3教程：12. 组件的注册方式
全局注册，但并没有被使用的组件无法在生产打包时被自动移除（也叫"tree-shaking”)。如果你全局注册了一个组件，即使它并没有被实际使用，它仍然会出现在打包后的JS文件中。全局注册在大型项目中使项目的依赖关系变得不那么明确。在父组件中使用子组件时，不太容易定位子组件的实现。和使用过多的全局变量一样，这可能会影响应用长期的可维护性。一个Vue组件在使用前需要先被“注册”，这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。局部注册需要使用components选项。
2025-05-06 15:50:54
195
原创 前端流行框架Vue3教程：11. 组件嵌套关系
组件允许我们将 UI划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构。这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。方便我们干净的创建组件和引用关系。这个时候，我们大概就可以看到页面整体的样式了。里引用这个组件，而不是App.vue。全部写完后我们看下页面，就完成了。我们就可以看到页面显示了。我们继续写其他的：（记得在。创建新项目后，我们删掉。上面图我们可以看到，
2025-01-21 16:47:59
1164
原创 前端流行框架Vue3教程： 10. 组件组成
当使用构建步骤时，我们一般会将Vue组件定义在一个单独的vue文件中，这被叫做单文件组件(简称SFC)组件最大的优势就是可复用性。
2025-01-20 09:17:32
268
原创 前端流行框架Vue3教程： 9. 模板引用
虽然Vue的声明性渲染模型为你抽象了大部分对DOM的直接操作，但在某些情况下，我们仍然需要直接访问底层DOM元素。要实现这一点，我们可以使用特殊的。attribute挂载结束后引用都会被暴露在。
2025-01-19 08:52:44
286
原创 前端流行框架Vue3教程： 8. 表单输入绑定
在前端处理表单时，我们常常需要将表单输入框的内容同步给JavaScript 中相应的变量。默认情况下， v-mode!会在每次 input 事件后更新数据。修饰符来改为在每次 change 事件后更新数据。输入的时候并不能时时显示，失去焦点的时候才会显示。手动连接值绑定和更改事件监听器可能会很麻烦,这样，就可以时时看到输入内容了。单一的复选框，绑定布尔类型值。指令帮我们简化了这一步骤。
2025-01-18 08:38:29
223
原创 前端流行框架Vue3教程：6. Class绑定
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表，因为 class 是 attribute，我们可以和其他attribute 一样使用 v-bind 将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。因此，Vue 专门为 cass 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达的值也可以是对象或数组。如果你也想在数组中有条件地渲染某个 class，你可以使用三元表达式。
2025-01-16 13:11:51
428
原创 前端流行框架Vue3教程：5. 计算属性
模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护，因此我们推荐使用计算属性依赖响应式状态的复杂逻辑。你可能注意到我们在表达式中像这样调用一个函数也会获得和计算属性相同的结果。如果上面逻辑太多的话，会让模板变得臃肿。所以我们用计算属性。
2025-01-15 13:31:44
244
原创 前端流行框架Vue3教程：4. 数组变化侦测
变更方法，顾名思义，就是会对调用它们的原数组进行变更。相对地，也有一些不可变（immutable）方法，例如。，这些都不会更改原数组，而总是返回一个新数组。当遇到的是非变更方法时，我们需要将旧的数组替换为新的。Vue 能够侦听应式数组的变更方法，并在它们被调用时触发相关的更新。我们可以看到，并不会自动更新。但数组已经是添加进去了的。
2025-01-14 13:32:16
349
原创 前端流行框架Vue3教程：3. 事件处理（3） 事件修饰符
尽管我们可以直接在方法内调用，但如果方法能更专注于数据逻辑而不用去处理 DOM 事件的细节会更好。上面代码，我们点击 测试冒泡，就会2个事件都触发。这样，我们点百度一下，就不会跳转了。其他修饰符大家可以参考官网自行尝试。为解决这一问题，Vue 为。
2025-01-13 09:24:45
451
原创 前端流行框架Vue3教程：3. 事件处理（1）事件处理
来监听DOM事件，并在事件触发时执行对应的JavaScript。内联事件处理器通常用于简单场景。我们点击按钮的时候，会累计增加。
2025-01-10 09:41:28
240
原创 前端流行框架Vue3教程：2. Vue模板语法（4） 列表渲染
Vue默认按照“就地更新”的策略来更新通过v-for渲染的元素列表。当数据项的顺序改变时，Vue不会随之移动DOM元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。为了给Vue一个提示，以便它可以跟踪每个节点的标识，从而重用和重新排序现有的元素，你需要为每个元素对应的块提供一个唯一的。绑定的值期望是一个基础类型的值，例如字符串或number类型。也支持使用可选的第二个参数表示当前项的位置索引。的值，我们要确保每一条数据的唯一索引不会发生变化。推荐在任何可行的时候为v-for提供一个。
2025-01-09 09:31:55
165
原创 前端流行框架Vue3教程：2. Vue模板语法（3）条件渲染
也是惰性的:如果在初次渲染时条件值为 false，则不会做任何事。是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。这个时候 flag: false是看不到内容的，如果为ture，是可以看到的。这块内容只会在指令的表达式返回真值时才被渲染。另一个可以用来按条件显示一个元素的指令是 v-show。简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS。有更高的初始渲染开销。因此，如果需要频繁切换，则使用。的时候，是不会不渲染出来的。有更高的切换开销，而。
2025-01-08 09:13:33
349
原创 前端流行框架Vue3教程：2. Vue模板语法（2）属性绑定
布尔型 attribute 依据true / false 值来决定 attribute 是否应该存在于该元素上，双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用。如果你有像这样的一个包含多个 attribute 的JavaScript对象。，那么该 attribute 将会从渲染的元素上移除。我们这时候看到，tittle属性都不存在了。非常常用，我们提供了特定的简写语法。attribute 与组件的。指令指示 Vue 将元素的。
2025-01-07 14:13:10
419
原创 前端流行框架Vue3教程：2. Vue模板语法（1）文本插值
Vue 使用一种基于HTML的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模板都是语法层面合法的HTML，可以被符合规范的浏览器和HTML解析器解析。每个绑定仅支持单一表达式，也就是一段能够被求值的JavaScript代码。一个简单的判断方法是是否可以合法地写在return后面。双大括号将会将数据插值为纯文本，而不是HTML。若想插入HTML，你需要使用。App.vue`的代码全部删除。我们发现，页面并没有识别出来。最基本的数据绑定形式是文本插值，它使用的是。
2025-01-06 14:28:46
670
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人