模板 基础vue
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++基础2: 优化C函数
1. 缺省参数 什么是缺省参数 缺省参数是声明或者定义函数时为函数的参数指定一个默认值,如果函数调用时没有传入实参, 那么这个默认值会被当做实参,如下例子 函数调用时, 传入参数1, a = 1,不传入参数, 默认a = 0, 这里的a就是一个缺省参数 缺省参数的分类 缺省参数分全缺省和半缺省参数 ......
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。所以尝试其他 ......
Django框架基础4
一、Django过滤器用法 过滤器从字面的意思上,可以理解为:过滤掉不需要的,剩下我们需要的,Django 的模板语言同样也内置了过滤器,如果你了解其他的框架对这个词一定不陌生,比如说 Flask 框架、Vue 框架等,都内置了过滤器这个功能,在本节我们将一起学习 Django 框架的过滤器。 1、 ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较,内部采用了双指针方式进行优化,优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性,如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后,复用老节点 比较儿子 一方有儿子 一方没 ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期,并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
k3s 基础 —— 配置 traefik dashboard & k8s dashboard 域名访问
配置 k8s dashboard 域名访问 安装略 ① kubectl 代理(只支持localhost 或 http): kubectl proxy --address='0.0.0.0' --accept-hosts='^*$' ② 若 k8s 在虚拟机中部署,局域网中临时访问,可使用端口转发: ......
C/C++《程序设计基础(C语言)课程设计》[2023-04-20]
C/C++《程序设计基础(C语言)课程设计》[2023-04-20] 《程序设计基础(C语言)课程设计》 课程说明及动员 《程序设计基础(C语言)课程设计》指导教师组 目录 课程目的 >>课程要求 >>团队题目 >>实施方案 >>课程设计报告 >>考核与成绩评定方法 >>本学期实施安排 >>其他说明 ......
玩转云端 | 算力基础设施升级,看天翼云紫金DPU显身手!
数字时代下,算力成为新的核心生产力,传统以CPU为核心的架构难以满足新场景下快速增长的算力需求,具备软硬加速能力的DPU得以出现并快速发展。天翼云凭借领先的技术和丰富的应用实践自研紫金DPU,打造为云而生的全新一代云计算体系结构,助力算力基础设施升级,赋能海量算力高效释放。 传统数据中心里,所有的数 ......
【0基础学爬虫】爬虫基础之自动化工具 Selenium 的使用
大数据时代,各行各业对数据采集的需求日益增多,网络爬虫的运用也更为广泛,越来越多的人开始学习网络爬虫这项技术,K哥爬虫此前已经推出不少爬虫进阶、逆向相关文章,为实现从易到难全方位覆盖,特设【0基础学爬虫】专栏,帮助小白快速入门爬虫,本期为自动化工具 Selenium 的使用。 概述 目前,很多网站都 ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。 这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月,N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON:JavaScript 对象表示法,是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML, 所以,本章内容主要分两部分, 一是介绍HTML的相关概念、发展历史, 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
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 的对象数组,其中每 ......
Kafka 中基础概念
Broker相关概念 一台 Kafka 服务器节点就是一个broker。一个集群中包含多个 broker。 一个 Kafka 节点就是一个broker。一个或者多个broker节点组成一个Kafka的集群。 比如: 在现在的环境中,我们分别在 10.0.24.12、10.0.24.13、10.0.2 ......
day 01 1.3 Python基础语法
三、基础语法 3.1、变量 3.1.1、python的标识符规范 简单地理解,标识符就是一个名字,就好像我们每个人都有属于自己的名字,它的主要作用就是作为变量、函数、类、模块以及其他对象的名称。Python中标识符的命名不是随意的,而是要遵守一定的命令规则 标识符是由字符(A~Z 和 a~z)、下划 ......
day 01 1.1 Python基础之编程语言介绍
Python基础之编程语言介绍 1.1、什么是编程语言 编程语言是用来控制计算机的一系列指令(Instruction),它有固定的格式和词汇(不同编程语言的格式和词汇不一样)。就像我们中国人之间沟通需要汉语,英国人沟通需要英语一样,人与计算机之间进行沟通需要一门语言作为介质,即编程语言。 编程语言的 ......
day 01 1.2 Python基础之Python语言介绍
Python语言介绍 2.1、了解Python语言 Python 是1989 年荷兰人 Guido van Rossum (简称 Guido)在圣诞节期间为了打发时间,发明的一门面向对象的解释性编程语言。 Python来自Guido所挚爱的电视剧Monty Python's Flying Circu ......
深度学习基础入门篇[六]:模型调优,学习率设置(Warm Up、loss自适应衰减等),batch size调优技巧,基于方差放缩初始化方法。
深度学习基础入门篇[六]:模型调优,学习率设置(Warm Up、loss自适应衰减等),batch size调优技巧,基于方差放缩初始化方法。 ......
Python基础语法
Python标识符 在Python中,标识符由字母、数字、下划线组成。标识符要求如下: 可以包括英文,数字以及下划线; 不能以数字开头; 区分大小写; 以单下划线开头 (eg:_foo) 的代表不能直接访问的类属性,需通过类提供的接口进行访问,不能用 from xxx import * 而导入; 以 ......
Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......