- 博客(328)
- 收藏
- 关注
原创 Vue3 模板语法
Vue.js 是一种基于 HTML 的模板语法框架,允许开发者通过声明式的方式将 DOM 与 Vue 实例的数据进行绑定。其核心功能包括数据插值、指令、表达式和事件处理等。通过 {{...}} 进行文本插值,v-bind 绑定 HTML 属性,v-on 监听事件,v-for 渲染列表,v-if 条件渲染等。Vue 的响应式系统能够智能地更新 DOM,确保高效渲染。此外,Vue 支持 JavaScript 表达式、动态参数、修饰符和缩写语法,如 v-model 实现双向数据绑定,v-on:click 缩写为
2025-05-22 21:41:01
1225
原创 Vue3 指令
Vue指令是Vue.js框架中的核心功能,通过以v-为前缀的特殊HTML属性,开发者可以轻松地将响应式数据绑定到DOM元素或进行DOM操作。常用的指令包括v-bind(绑定数据到属性)、v-if(条件渲染)、v-show(条件显示/隐藏)、v-for(循环渲染)、v-on(事件绑定)和v-model(双向数据绑定)。这些指令简化了响应式页面的开发,减少了代码量。此外,Vue还支持自定义指令,提供了更大的灵活性。通过示例展示了如何使用这些指令实现表单绑定、条件渲染、事件处理等功能,体现了Vue在构建动态Web
2025-05-22 21:40:06
999
原创 Vue3 声明式渲染
声明式渲染是一种通过数据驱动视图更新的方式,开发者只需关注业务逻辑,无需直接操作DOM。Vue3采用模板语法和指令(如v-if、v-for、v-bind等)实现声明式渲染,简化了UI更新过程。Vue3的核心功能包括数据绑定、条件渲染、列表渲染、双向数据绑定、事件处理和计算属性。数据绑定通过插值表达式和v-bind指令实现,条件渲染使用v-if指令,列表渲染通过v-for指令完成。双向数据绑定通过v-model指令实现,事件处理使用v-on指令,计算属性则基于响应式数据自动更新。这些功能使得Vue3能够自动响
2025-05-22 21:39:34
1008
原创 Vue3 基础语法
Vue.js 是一个渐进式 JavaScript 框架,专注于构建用户界面。其核心特性包括组件化和响应式数据,通过单文件组件(SFC)将 HTML、JavaScript 和 CSS 封装在一个 .vue 文件中,提升代码复用性和可维护性。Vue 实例是使用 Vue.js 的起点,通过 Vue.createApp() 创建并挂载到 DOM 元素上。Vue 提供了丰富的模板语法和指令,如 v-bind、v-if、v-for 和 v-model,用于动态绑定、条件渲染、列表渲染和双向数据绑定。事件处理通过 v-o
2025-05-21 22:51:55
901
原创 Vue3 起步
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。对于初学者,建议通过直接引入 vue.global.js 文件来学习,而不是使用 vue-cli 工具。Vue 3 中,应用通过 createApp 函数创建,并需调用 .mount() 方法将应用挂载到指定的 DOM 元素上。根组件的选项通过 createApp 配置,模板可以嵌入在组件定义中或直接在挂载点容器内定义。Vue 3 引入了 setup 函数来定义组件的逻辑,使用 ref 创建响应式数据,并通过 data 选项返回对象来
2025-05-21 22:51:08
1117
原创 Vue3 项目说明
Vue3项目由多个核心文件和文件夹组成,每个部分都有其特定功能。核心文件包括index.html(HTML模板)、main.js(应用入口)和App.vue(根组件)。项目结构通常包含public(静态资源)、src(源代码)、node_modules(依赖库)等文件夹。src文件夹下包含components(可复用组件)、views(页面级组件)、router.js(路由配置)和store.js(状态管理)。Vue组件通过单文件组件(.vue文件)定义,包含<template>(UI)、<
2025-05-21 22:50:15
727
原创 Vue3 创建项目
推荐使用Visual Studio Code(VSCode)配合Vue-Official扩展进行Vue开发,其他IDE如SublimeText、vim/Neovim和emacs也通过特定插件支持Vue开发。创建Vue项目时,可以使用npm create vite@latest <project-name> --template vue命令,该命令利用Vite作为构建工具,快速生成Vue3项目模板。Vite支持多种模板,包括Vue、React、Svelte等,用户可根据需求选择。项目创建后,通过n
2025-05-19 21:31:25
989
原创 Vue3 项目打包
在将Vue项目发布到生产环境时,首先需要使用npm run build命令进行打包。执行该命令后,项目目录下会生成一个dist文件夹,其中包含index.html文件和static目录,后者存放了静态资源如JS、CSS和图片。直接打开index.html可能会显示空白页面,这是因为文件中的JS和CSS路径是绝对路径。为了解决这个问题,需要将路径修改为相对路径,例如将/static/css/app.33da80d69744798940b135da93bc7b98.css改为static/css/app.33d
2025-05-19 21:30:27
566
原创 Vue3 AI 编程助手
近年来,AI技术的快速发展为编程领域带来了革命性的变化,FittenCode作为一款基于非十大模型的AI编程助手,集成于VSCode中,极大地提升了开发效率。FittenCode支持80多种编程语言,提供智能补全、AI问答、代码生成、代码翻译、注释生成、代码解释、测试生成、BUG检查、代码编辑与优化、整项目分析与补全、图片问答等多项功能。通过简单的安装和配置,开发者可以利用FittenCode进行高效的代码编写和问题解决,显著减少开发时间和提高代码质量。FittenCode的免费使用和广泛的语言支持使其成为
2025-05-19 21:29:36
812
原创 使用 VSCode 开发 Vue
VisualStudioCode(VSCode)是微软开发的免费开源代码编辑器,支持多种编程语言,提供代码高亮、智能补全、调试等功能。VSCode内置支持Vue.js的核心构建块(HTML、CSS、JavaScript),并可通过安装Volar等扩展增强Vue.js开发体验。创建Vue项目时,使用npm create vue@latest命令,根据提示配置项目选项,完成后进入项目文件夹安装依赖并启动开发服务器。VSCode支持Vue.js文件的语法高亮、智能提示、跳转到定义等功能,开发者可以轻松编辑和调试V
2025-05-15 21:08:12
1323
原创 Vue3 教程
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架,专注于视图层,采用自底向上的增量开发设计。Vue 3.x 版本通过简单的 API 实现响应式数据绑定和组件化视图,具有易学、灵活、高效的特点。其核心优势包括响应式数据绑定、组件化开发、虚拟 DOM、双向数据绑定、轻量高效以及强大的工具链支持。Vue.js 的渐进式特性允许开发者按需引入功能,适合从小型到大型项目的不同需求,并能与现有技术无缝集成。此外,Vue 拥有丰富的生态系统和活跃的社区支持,提供了如 Vue Router、Vuex
2025-05-15 21:06:22
822
原创 MySQL 安装配置
MySQL是一款流行的开源关系型数据库管理系统,广泛应用于中小型网站开发。本文详细介绍了在CentOS 6.6系统上安装MySQL 5.6.15的步骤。首先,安装必要的编译工具和库文件,然后下载并安装CMake编译器。接着,下载MySQL源码包,使用CMake进行编译和安装。安装完成后,进行MySQL的配置,包括创建运行用户、设置存储路径、修改配置文件等。最后,初始化数据库、设置开机启动脚本并启动MySQL服务。整个过程涵盖了从安装到配置的完整流程,确保MySQL能够顺利运行。
2025-05-14 21:50:40
898
原创 Nginx 安装配置
Nginx是由俄罗斯程序员Igor Sysoev开发的高性能Web和反向代理服务器,支持IMAP/POP3/SMTP代理服务,适用于高并发场景。本文介绍了在CentOS 6.6 64位系统上安装Nginx的步骤。首先,安装必要的编译工具和库文件,然后下载并安装PCRE以支持Rewrite功能。接着,下载Nginx源码,编译并安装。安装完成后,配置nginx.conf文件,设置用户、工作进程、日志等参数,并启动Nginx服务。最后,提供了Nginx的常用命令,如重新载入配置、重启和停止服务。
2025-05-14 21:50:03
755
原创 Linux 命令大全
本文汇总了Linux系统中常用的命令,涵盖了文件管理、文档编辑、文件传输、磁盘管理、磁盘维护、网络通讯、系统管理、系统设置、备份压缩、设备管理等多个方面。文件管理部分包括chmod、chown、cp等命令,用于修改文件权限、所有者及复制文件。文档编辑部分提供了grep、sed、sort等命令,用于文本搜索、替换和排序。文件传输命令如ftp、scp,支持文件的上传和下载。磁盘管理和维护命令包括df、du、fsck等,用于查看磁盘使用情况和检测文件系统。网络通讯命令如ping、netstat,用于网络测试和状态
2025-05-14 21:49:24
679
原创 Shell 文件包含
Shell脚本支持包含外部脚本文件,以便封装和重用公共代码。包含外部脚本的语法有两种形式:. filename 或 source filename。例如,test1.sh 脚本定义了一个变量 url,而 test2.sh 脚本通过 . ./test1.sh 或 source ./test1.sh 包含 test1.sh,并输出 url 的值。执行 test2.sh 时,需先赋予其可执行权限,而被包含的 test1.sh 无需可执行权限。这种方式提高了代码的模块化和可维护性。
2025-05-12 20:57:59
121
原创 Shell 输入/输出重定向
UNIX系统命令通常从标准输入(默认是终端)读取输入,并将输出发送到标准输出(默认也是终端)。通过重定向操作符,可以改变输入和输出的来源或目的地。例如,command > file将输出重定向到文件,command < file将输入重定向到文件,command >> file将输出追加到文件末尾。文件描述符0、1和2分别代表标准输入、标准输出和标准错误输出。重定向可以用于合并输入输出、使用HereDocument传递多行输入,或将输出丢弃到/dev/null。这些功能使得UNIX命
2025-05-12 20:57:17
952
原创 Shell 函数
Linux Shell 允许用户定义函数,并在脚本中调用。函数定义格式灵活,可以带 function 关键字或直接使用函数名,如 fun()。函数可以返回数值,通过 return 语句实现,返回值为 0-255,若不指定 return,则默认返回最后一条命令的执行结果。函数调用时,直接使用函数名即可,且所有函数在使用前必须定义。对于需要返回较大数值的情况,可以直接使用 echo 输出结果。此外,Shell 函数支持参数传递,通过 $n 获取参数值,如 $1 表示第一个参数。特殊变量如 $#、$* 等可用于处
2025-05-12 20:56:34
729
原创 Shell 流程控制
Shell脚本的流程控制与其他编程语言如Java、PHP有所不同,特别是在if语句的使用上。在Shell中,if语句的else分支如果不需要执行任何操作,则不应写入。Shell的if语句基本格式为if condition; then commands; fi,其中fi是if的反写,用于结束if语句。Shell支持多条件判断,使用elif进行链式判断,且判断条件可以使用-gt(大于)、-lt(小于)等操作符。此外,Shell还支持for循环、while循环、until循环以及case语句,用于处理不同的循环和
2025-05-11 20:44:00
1001
原创 Shell test 命令
Shell中的test命令用于评估条件是否成立,支持数值、字符串和文件三种类型的测试。数值测试包括等于(-eq)、不等于(-ne)、大于(-gt)等;字符串测试包括等于(=)、不等于(!=)、长度为零(-z)等;文件测试包括存在(-e)、可读(-r)、可写(-w)等。此外,Shell还支持逻辑操作符与(-a)、或(-o)、非(!)来组合测试条件,优先级为非最高,与次之,或最低。通过这些工具,可以在Shell脚本中实现复杂的条件判断。
2025-05-11 20:43:13
426
原创 Shell printf 命令
printf命令是模仿C语言库中的printf()函数,由POSIX标准定义,具有较好的移植性。它通过格式化字符串控制输出,支持文本、数字、字符等多种格式,并能指定宽度、对齐方式等。与echo不同,printf默认不自动添加换行符,需手动添加\n。常用格式说明符包括%s(字符串)、%d(整数)、%f(浮点数)等。printf还支持转义序列,如\n(换行)、\t(制表符)等。通过脚本示例展示了printf的强大功能,如格式化输出表格数据。
2025-05-11 20:42:22
669
原创 Shell echo命令
Shell的echo指令与PHP的echo指令功能相似,主要用于字符串输出。通过echo,可以实现多种输出格式控制,包括显示普通字符串、转义字符、变量、换行、不换行等。例如,echo "It is a test"可以直接输出字符串,而echo -e "OK!\n"则可以在输出后换行。此外,echo还可以将输出重定向到文件,如echo "It is a test" > myfile。使用单引号可以原样输出字符串,不进行转义或变量替换,如echo
2025-05-09 20:37:17
446
原创 Shell test 命令
Shell中的test命令用于条件测试,支持数值、字符串和文件三种测试类型。数值测试包括-eq(等于)、-ne(不等于)、-gt(大于)等操作符,用于比较两个数值。字符串测试包括=(等于)、!=(不等于)、-z(字符串为空)等操作符,用于比较字符串内容。文件测试包括-e(文件存在)、-r(文件可读)、-w(文件可写)等操作符,用于检查文件属性。此外,test命令支持逻辑操作符-a(与)、-o(或)、!(非)来组合多个条件。通过这些功能,test命令可以灵活地用于Shell脚本中的条件判断。
2025-05-09 20:35:43
361
原创 Shell printf 命令
printf命令是模仿C语言库中的printf()函数,通过POSIX标准定义,具有更好的移植性。与echo不同,printf默认不自动添加换行符,需手动添加\n。其语法为printf format-string [arguments...],其中format-string包含普通文本和格式说明符,如%s(字符串)、%d(整数)、%f(浮点数)等。printf支持格式化输出,如指定宽度、对齐方式等。例如,%-10s表示左对齐的10字符宽度字符串,%-4.2f表示保留两位小数的浮点数。printf还支持转义序
2025-05-09 20:35:02
704
原创 Shell 基本运算符
原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 expr,expr 最常用。expr 是一款表达式计算工具,使用它能完成表达式的求值操作。例如,两个数相加(
2025-05-08 20:43:45
1404
原创 Shell 数组
数组中可以存放多个值。Bash Shell 只支持一维数组(不支持多维数组),初始化时不需要定义数组大小(与 PHP 类似)。与大部分编程语言类似,数组元素的下标由 0 开始。
2025-05-08 20:42:58
1303
原创 Shell 传递参数
我们可以在执行 Shell 脚本时,向脚本传递参数,脚本内获取参数的格式为 $n,代表一个数字,为执行脚本的第一个参数,为执行脚本的第二个参数。例如可以使用 $1、$2 等来引用传递给脚本的参数,其中 $1 表示第一个参数,$2 表示第二个参数,依此类推。
2025-05-08 20:42:26
788
原创 Shell 变量
在 Shell 中,用括号来表示数组,数组元素用"空格"符号分割开。定义数组的一般形式为:数组名=(值1 值2 ... 值n)例如:或者value0value1value2value3还可以单独定义数组的各个分量:可以不使用连续的下标,而且下标的范围没有限制。
2025-05-07 21:07:50
946
原创 Shell 教程
Shell 是一个用 C 语言编写的程序,它是用户使用 Linux 的桥梁。Shell 既是一种命令语言,又是一种程序设计语言。Shell 是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。Ken Thompson 的 sh 是第一种 Unix Shell,Windows Explorer 是一个典型的图形界面 Shell。
2025-05-07 21:07:10
881
原创 Linux apt 命令
apt(Advanced Packaging Tool)是一个在 Debian 和 Ubuntu 中的 Shell 前端软件包管理器。apt 命令提供了查找、安装、升级、删除某一个、一组甚至全部软件包的命令,而且命令简洁而又好记。apt 命令执行需要超级管理员权限(root)。
2025-05-07 21:06:29
776
原创 Linux yum 命令
yum( Yellow dog Updater, Modified)是一个在 Fedora 和 RedHat 以及 SUSE 中的 Shell 前端软件包管理器。基于 RPM 包管理,能够从指定的服务器自动下载 RPM 包并且安装,可以自动处理依赖性关系,并且一次安装所有依赖的软件包,无须繁琐地一次次下载、安装。yum 提供了查找、安装、删除某一个、一组甚至全部软件包的命令,而且命令简洁而又好记。
2025-05-06 20:59:34
1203
原创 Linux vi/vim
简单的来说, vi 是老式的字处理器,不过功能已经很齐全了,但是还是有可以进步的地方。vim 则可以说是程序开发者的一项很好用的工具。特别注意,在 vi/vim 中,数字是很有意义的!在编辑模式当中,你可以发现在左下角状态栏中会出现 –INSERT- 的字样,那就是可以输入任意字符的提示。这个按键之外,其他的按键都可以视作为一般的输入按钮了,所以你可以进行任何的编辑。vim 具有程序编辑的能力,可以主动的以字体颜色辨别语法的正确性,方便程序设计。底线命令模式可以输入单个或多个字符的命令,可用的命令非常多。
2025-05-06 20:58:49
845
原创 Linux 用户和用户组管理
Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管理员申请一个账号,然后以这个账号的身份进入系统。用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪,并控制他们对系统资源的访问;另一方面也可以帮助用户组织文件,并为用户提供安全性保护。每个用户账号都拥有一个唯一的用户名和各自的口令。用户在登录时键入正确的用户名和口令后,就能够进入系统和自己的主目录。
2025-04-29 20:39:48
838
原创 Linux 文件与目录管理
我们知道 Linux 的目录结构为树状结构,最顶级的目录为根目录 /。其他目录通过挂载可以将它们添加到树中,通过解除挂载可以移除它们。在开始本教程前我们需要先知道什么是绝对路径与相对路径。路径的写法,由根目录 / 写起,例如: /usr/share/doc 这个目录。路径的写法,不是由 / 写起,例如由 /usr/share/doc 要到 /usr/share/man 底下时,可以写成: cd ../man 这就是相对路径的写法。
2025-04-29 20:39:12
858
原创 Linux 文件基本属性
Linux 系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限。为了保护系统的安全性,Linux 系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定。下图中通过 chown 来授权用户,通过 chmod 为用户设置可以开门的权限。在 Linux 中我们可以使用 ll 或者 ls –l 命令来显示一个文件的属性以及文件所属的用户和组,如:total 64……实例中,文件的第一个属性用 d 表示。d 在 Linux 中代表该文件是一个目录文件。
2025-04-29 20:38:37
926
原创 Linux 远程登录
Linux 一般作为服务器使用,而服务器一般放在机房,你不可能在机房操作你的 Linux 服务器。这时我们就需要远程登录到Linux服务器来管理维护系统。Linux 系统中是通过 ssh 服务实现的远程登录功能,默认 ssh 服务端口号为 22。Window 系统上 Linux 远程登录客户端有 SecureCRT, Putty, SSH Secure Shell 等,本文以 Putty 为例来登录远程服务器。如果你下载了 Putty,请双击 putty.exe 然后弹出如下的窗口。
2025-04-28 21:33:09
989
原创 Linux 忘记密码解决方法
很多朋友经常会忘记Linux系统的root密码,linux系统忘记root密码的情况该怎么办呢?重新安装系统吗?当然不用!进入单用户模式更改一下root密码即可。
2025-04-28 21:32:31
526
原创 Linux 系统目录结构
proc 是 Processes(进程) 的缩写,/proc 是一种伪文件系统(也即虚拟文件系统),存储的是当前内核运行状态的一系列特殊文件,这个目录是一个虚拟的目录,它是系统内存的映射,我们可以通过直接访问这个目录来获取系统信息。var 是 variable(变量) 的缩写,这个目录中存放着在不断扩充着的东西,我们习惯将那些经常被修改的目录放在这个目录下。dev 是 Device(设备) 的缩写, 该目录下存放的是 Linux 的外部设备,在 Linux 中访问设备的方式和访问文件的方式是相同的。
2025-04-28 21:31:59
589
新梦想贩卖机2.0.4小程序源码-超快引流实现资源变现.zip
2025-05-21
流量主系列拼多多砍价小程序源码下载亲测.zip
2025-05-21
超强大微信小程序源码-内含几十款功能王者战力查询.zip
2025-05-21
宝宝起名神器小程序源码-支持多种流量主模式.zip
2025-05-21
驾考培训系统驾考答题系统科目一科目二科目三科目四模拟考试培训系统源码.zip
2025-05-20
格创校园跑腿小程序v1.1.45失物招领增加搜索功能.zip
2025-05-20
自动采集云开发热门表情包微信小程序源码下载.zip
2025-05-19
智慧党建云平台v4.0.5.zip
2025-05-19
全民经纪人小程序v2.6.10+插件+前端.zip
2025-05-19
趣味装逼恶搞娱乐小程序源码-支持流量主.zip
2025-05-19
全球手机验证码发放+短视频去水印等组合微信小程序源码下载.zip
2025-05-15
流量主制作生成装逼工具微信小程序源码下载.zip
2025-05-15
嘟嘟早教卡小程序源码分享带后台管理.zip
2025-05-15
Fan996餐饮外卖平台小程序 V1.0.1正式版源码下载.zip
2025-05-15
智力测试情商测试提升智力小程序源码.zip
2025-05-14
掌上题库微信小程序源码下载全开源版本.zip
2025-05-22
微信活码系统源码微信群二维码活码生成网站系统生成微信活码.zip
2025-05-22
多个微信游戏网页小游戏源码,测试游戏,适合公众号互动粉丝传播朋友圈.zip
2025-05-22
姓氏头像框多模板制作微信小程序源码下载,复古等等超多模板支持流量主.zip
2025-05-22
小程序 芒果红包封面1.0.5+前端-豪华无限开.zip
2025-05-21
知识付费小程序公众号-互站买的虚拟资源变现-激励广告流量主-开源无授权新项目.zip
2025-05-21
飞鱼知识变现2.5.3小程序源码+前端.zip
2025-05-21
得推交友系统源码 v3.0.zip
2025-05-21
wordpress 星宿UI v1.0.3 小程序开源 文章资讯视频资源下载.zip
2025-05-21
2025红包封面小程序源码 带后台-无限裂变-引流工具.zip
2025-05-21
365外链助手小程序2.0.4+前端-商用5开版.zip
2025-05-21
小程序 健身房小程序源码独立版+前端.zip
2025-05-21
小程序 新版影视源码 前后端非框架版+破解域名授权.zip
2025-05-21
竹鸟微信原生会员卡源码 V2.0.3开源.zip
2025-05-21
梦昂图文V20.0.60开源版 小程序公众号源码+前端.zip
2025-05-21
桔子云测评小程序V1.1.1+前端.zip
2025-05-21
家政服务小程序源码v2.8.59+前端.zip
2025-05-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人