大小 模板vue
12-Vue组件之间的传值
title: 12-Vue组件之间的传值 publish: true 父组件向子组件传值 我们可以这样理解：Vue实例就是一个父组件，而我们自定义的组件（包括全局组件、私有组件）就是子组件。 【重点】需要注意的是，子组件不能直接使用父组件中的数据。父组件可以通过props属性向子组件传值。 父组件向 ......
08-Vue实例的生命周期函数
title: 08-Vue实例的生命周期函数 publish: true 介绍 vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。 生命周期钩子：就是生命周期事件的别名而已。 生命周期钩子 = 生命周期函数 = 生命周期事件。 生命周期函数 ......
01-Vue的介绍和vue-cli
title: 01-Vue的介绍和vue-cli publish: true MVVM模式 Model：负责数据存储 View：负责页面展示 View Model：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示 关于框架 为什么要学习流行框架 1、企业为了提高开发效率：在企业中 ......
02-Vue的系统指令
title: 02-Vue的系统指令 publish: true 本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 本文主要内容 插值表达式 {{}} v-cloak v-text v-html v-bind v-on 举 ......
Bootstrap模板-使用现成的免费完善模板制作网页.
Bootstrap有一系列现成的免费而优秀的模板，我们可以用于制作前端页面 稍加改进就是一个美观的页面 模板代码（源自purpleTemplate）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name= ......
vue中的ref 和 reactive--今天学了啥 23/3/12
这两者都是默认deep reactive，不同的是reactive使用es6的proxy，只能使对象reactive。ref不仅支持对象还支持基本数组，不能说ref是reactive的超集，因为这两者返回的类型就不一样。 Ref type: function ref<T>(value: T): Re ......
关于vue3中Scope slot实战中使用
今天学了啥-23/03/28 vue提供slot机制让组件可以接收模板片段，来渲染模板片段。比如最常见的button组件，基本是如下这样使用。 <FancyButton> Click me! <!-- 插槽内容 --> </FancyButton> FancyButton 组件则是这样： <butt ......
【vue】记录收缩展开的动画效果
前言 项目里有时候使用到类似于收缩展开的功能，不设置动画会显得过程很生硬，记录下项目里有使用过的收缩展开的动画实现方式。 方式一：element UI 的折叠动画 如果项目使用到 element UI 可以引入如下组件，实现动画效果： 1、引入组件 import 'element-ui/lib/th ......
模板方法模式
概述 《设计模式》一书中对于 “模板方法模式” 的意图描述如下： 定义一个操作中的算法骨架，而将一些步骤延迟到子类中 一般在以下几种情况下使用模板方法模式： 一次性实现一个算法的不可变部分，并将可变的行为留给子类来实现 各个子类中的公共行为应当被提取出来并集中到一个公共父类中以避免重复代码（提炼父类 ......
C++黑马程序员——P197-200. vector容器 构造函数，赋值，容量和大小，插入和删除
P197. vector容器——构造函数 P198. vector容器——赋值操作 P199. vector容器——容量和大小 P200. vector容器——插入和删除 P197. vector容器 构造函数 vector基本概念 功能：vector数据结构和数组非常相似，也称为单端数组 vect ......
linux创建指定大小的文件并查看
转载自：https://www.shuzhiduo.com/A/Gkz10WM2dR/ 生成文件大小和实际占空间大小一样的文件 dd if=/dev/zero of=50M.file bs=1M count=50 dd if=/dev/zero of=20G.file bs=1G count=20 ......
vue全家桶进阶之路46：Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后 ......
【第一章 web入门】afr_3——模板注入与proc文件夹
【第一章 web入门】afr_3——模板注入与proc文件夹 题目来源n1book，buu上的环境 看题 url中提供了name参数，类似在路径中进行了文件名查询然后展示： 随便输入一个数字： 说明肯定题目要求我们利用这个文件读取漏洞。但是输入flag之后显示no permission。所以尝试其他 ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较，内部采用了双指针方式进行优化，优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性，如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后，复用老节点 比较儿子 一方有儿子 一方没 ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期，并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
Vue+el-table实现行内新增、编辑、取消、删除
table代码： 1 <el-table 2 border 3 :data="tableData" 4 > 5 <el-table-column prop="name" label="Name" align="center"> 6 <template slot-scope="scope"> 7 <e ......
Vue3 watch 监听对象数组中对象的特定属性
Vue3 watch 监听对象数组中对象的特定属性 在 Vue 3 中，可以使用 watch 函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化，并在变化发生时执行相应的操作。 一、监听对象的特定属性 例如，假设有一个名为 items 的对象数组，其中每 ......
Vue3，使用 JS 调用弹窗组件，并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造，使其能用 JS 调用，并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
GG lua脚本菜单模板
常用写法如下，当然你也可以使用multiChoice或者说是choice配合multiChoice去使用。此处使用的是choice方法实现，是一个比较经典和常规的模板： function main() local m={ '功能一', '功能二', '功能三', '退出脚本' } local g=g ......
CentOS7 云服务器搭建及部署SpringBoot+vue项目
CentOS7 云服务器搭建及部署SpringBoot+vue项目 1）云服务器配置以及环境搭建 1.1 JDK安装 卸载现有环境（有则卸载） 使用rpm命令查询相关java套件 rpm -qa | grep java 如果存在，通过命令删除对应版本的JDK rpm -e --nodeps java ......
python操作pptx设置title字体大小插入全屏图片A4尺寸实例一枚
pip install python-pptx 安装好pptx，设置标题最大的作用是ppt里面的摘要视图显示摘要文字 参考：https://python-pptx.readthedocs.io/en/latest/ from pptx import Presentation from pptx.ut ......
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils'
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils' 因：没有安装axios插件 在运行项目的地方npm install --save axios ......
linux 查看进程使用的内存大小
你可以使用 ps 命令结合 grep 命令来查看进程使用的内存大小。以下是示例代码： ps aux | grep <进程名> 这个命令会列出所有匹配 <进程名> 的进程，并显示它们的详细信息，包括进程 ID、CPU 使用情况、内存使用情况等。你可以从中找到你感兴趣的进程，并查看它们的内存使用情况。其 ......
14 13 | 为什么表数据删掉一半，表文件大小不变？
经常会有同学来问我，我的数据库占用空间太大，我把一个最大的表删掉了一半的数据，怎么表文件的大小还是没变？ 那么今天，我就和你聊聊数据库表的空间回收，看看如何解决这个问题。 这里，我们还是针对MySQL中应用最广泛的InnoDB引擎展开讨论。一个InnoDB表包含两部分，即：表结构定义和数据。在MyS ......
vue路由切换时终止异步请求【转载】
项目场景：bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止， ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
Vue3+TS+Node打造个人博客（后端架构）
在使用 Express 搭建后端服务时，主要关注的几个点是： 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由，各个模块的子功能相当于是用二级路由处理。 简单举个例子，/article ......
vue全家桶进阶之路45：Vue3 Element Plus el_button组件
在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......
vue全家桶进阶之路44：Vue3 Element Plus el_row和el_col组件
在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......