组件 函数vue design
vue3.0之cookies的操作
# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量', '7d') // 7d ......
vue编程-创建首页
1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
form组件
# form组件 在我们日常填写注册信息或者报名信息时,所访问的网页,在输入信息有错误时就显示一些后端传入的提示。 [![img](https://img2023.cnblogs.com/blog/2987404/202212/2987404-20221221202652169-1052672256 ......
Python中Lambda函数的威力与应用
Lambda函数是Python编程语言中一个强大而灵活的工具,它能够以简洁的方式定义匿名函数。本文将介绍Lambda函数的基本语法和特点,并通过实例展示其在Python编程中的广泛应用。 1. Lambda函数的基本语法: 在Python中,Lambda函数使用关键字"lambda"定义,后跟一个或 ......
python函数的高阶使用
一:* 强制位置传参和 / 分界线 强制位置参数可以使用*进行标记,*后面的参数将成为强制位置参数,它们必须按照位置传递给函数,而不能使用关键字传递。 / 用于标记位置参数和关键字参数之间的分界线,即 / 之前的参数只能通过位置传递,/ 之后的参数可以通过位置或关键字传递。 示例1:使用*强制位置传 ......
vue 电池样式组件 css样式
效果如图:(背景图片自行替换) 这是用纯css写的电池样式,获取数据后,找出最大值,并计算长条的宽度,从而完成样式。 话不多说上代码: <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
python | 正则匹配中re.match().group()函数的使用
正则表达式中,`group()`用来提出分组截获的字符串,`()`用来分组。 **例如:** ```python import re a = "123abc456" print re.search("([0-9]*)([a-z]*)([0-9]*)",a).group(0) #123abc456,返 ......
十七、函数里的模块
# 十七、函数里的模块 ## 1. 模块的定义 模块就是一个.py结尾的python代码文件(文件名为hello.py,则模块名为hello), 用于实现一个或多个功能(变量,函数,类等) ## 2. 模块的分类 1. 标准库(python自带的模块,可以直接调用) 2. 开源模块(第三方模块,需要 ......
【HarmonyOS】低代码项目中设置拖拽组件背景色透明度问题
【关键字】 HarmonyOS、低代码开发、拖拽组件、背景色透明度 【问题描述】 使用拖拽式组件开发HarmonyOS项目时,想给组件设置背景色透明度,有如下几个问题: 1)使用DevEco Studio自带的颜色选择器,无法设置透明度,只能手动输入 2)在子模块library中给组件手动输入#ff ......
vue12进阶
状态管理 一、什么是状态管理 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script>export default { //状态 data() { return { count: 0 } }, //动作 methods: { inc ......
vue01
day01 Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <st ......
vue02
day02 Vue常用特性 表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 ......
vue03
day03 组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素,封装可重用的代 组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象 全局组件注册后,任何vue实例都可以用 组件基础 ......
vue04
接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务 ......
vue07进阶
Vue开始 什么是vue? Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 下面是一个最基本的示例: impor ......
vue08进阶
Vue基础 一、创建一个Vue应用 1、应用实例 每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例: import { createApp } from 'vue'const app = createApp({ // 根组件选项}) 2、根组件 我们传入 createAp ......
vue09进阶
Vue组件 一、组件基础 组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构: 这和我们嵌套 HTML 元素的方式类似,Vue 实现了自己的组件模型,使我们可以在每个组件内封装自定义内容与逻辑。Vue 同样也能很好地配 ......
vue10进阶
逻辑复用 一、组合式函数 https://cn.vuejs.org/guide/reusability/composables.html 没看因为没学组合式 1、什么是“组合式函数”? 在 Vue 应用的概念中,“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和 ......
vue11进阶
内置组件 一、Transition Vue 提供了两个内置组件,可以帮助你制作基于状态变化的过渡和动画: <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。本章节会介绍如何使用它。 <TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入,移动,或 ......
vue05_路由
今日目标 1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由,动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例 1.路由的概念 路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地 ......
vue06_前端工程化
今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品 ......
VUE3学习笔记
VUE3出现已经很长时间了,由于工作比较忙,项目比较紧,现在才看,已经晚于很多人了。 这是vue3学习笔记,边学边写。 1,项目创建 可以使用git下载:winpty vue.cmd create hello-world 使用之后会让你选择vue2还是3 可以直接node创建:vue create ......
vue2源码刨析
手搓vue2源码地址: gitee地址:https://gitee.com/obsessed-with-summer/vue2-source-code-analysis.git 数据监听: 代码位置:src/observer 发布者订阅者+Object.defineProperty中的get和set ......
Kubernetes 关键组件和概念(二)
### 序 上一篇我们介绍了 k8s 的基本架构,我们在这篇文章将介绍 `Kubernetes` 关键组件和概念。 还是先来一张图: ![1_2pdatNn7KzcQZpc8cOALOQ.webp][1] 根据上图我们分别对`Deployment`、`ReplicaSet`、`Pod`详细的介绍,其 ......
vue 首屏添加加载动画 loading
效果为 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
h5-vue-uniapp-节流防抖共通方案
参考:https://juejin.cn/post/6959161295358656520 描述:防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用: ``` /* func:要进行防抖处理的函数 delay:要进行延时的时间 immediate:是否使用立即执行 true立即执行 ......
sort函数
在平常的排序过程中我么或许常常会犯难,遇到普通的数组或许还好,但是像结构体这样的数据多了难免会有些麻烦, 我查阅资料之后找到了一个函数这个函数是库里面自带的只需要头文件#include<algorithm> 下面讲讲详细用法,首先sort(a,a+n,cmp)它里面有三个变量 a代表我们的结构体的简 ......
【C/C++】排序函数sort()(基本数据类型&结构体排序)
库: #include<algorithm> sort函数原型(简化,能用就行): /* a和a+n是地址 对区间[a,a+n)中的元素进行排序,默认从小到大 可用cmp函数控制排序规则 */ sort(a,a+n,cmp){} 1.基本数据类型-修改排序规则-cmp函数 #include<iost ......
Vue(八):键盘事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 ......
js堆叠式卡片轮播图效果 vue
参考链接:https://www.jq22.com/jquery-info24050 说明:此组件为渲染曲线图的卡片堆叠轮播图,可以渲染不止5个,数量自己决定。核心代码js文件在后面。个人感觉这个的过渡效果最自然,最丝滑~ 效果如图: html部分:(此代码用到了之前写的折线图组件,这里不再赘述了) ......