属性 变量vue css
09-Vue中的Ajax请求
title: 09-Vue中的Ajax请求 publish: true vue-resource的介绍 vue-resource是Vue高度集成的第三方包。 官网链接: 文档(http相关):https://github.com/pagekit/vue-resource/blob/master/do ......
11-Vue组件的定义和注册
title: 11-Vue组件的定义和注册 publish: true 前言 什么是组件 组件: 组件的出现,就是为了拆分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 举 ......
02-CSS基础练习:JD首页的制作(快捷导航部分)
title: 02-CSS基础练习:JD首页的制作(快捷导航部分) publish: true 我们在上一篇文章中制作的网页最顶部的导航,是属于网页导航。 本文中,Banner图上方的导航,叫做快捷导航(shortcut)。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示: 上图中,sho ......
01-CSS基础练习:JD首页的制作(顶部和底部)
title: 01-CSS基础练习:JD首页的制作(顶部和底部) publish: true 前言 京东是典型的电商类网站,学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为:http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
时间类-类的定义,类作为“零件”的载体,有内部属性,有对外接口
类作为"零件"的载体,有内部属性(private),有对外接口(public), 内部属性的数据成员或函数成员,仅仅供给class内部函数成员使用,不对外开放,public规定的对外开放的接口。 设置Cmytime类。 具有两个成员函数 int Set(int h,int m,int s) Show ......
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 ......
变量名称规则
变量命名的规则变量类型包括(环境变量,位置变量,只读变量,局部变量,状态变量)一 环境变量可以使子进程继承父进程的变量1.PATH:指定命令的搜索路径2.HOME:指定用户的主工作目录(即用户登陆到Linux系统中时,默认的目录)3.HISTSIZE:指保存历史命令记录的条数。4.LOGNAME:指 ......
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 然后 ......
uniapp计算属性和监听属性的使用及props验证
计算属性: 定义: computed:{ 变量名xx(){ return 计算的代码 } } 使用: <p>乘以2的值为{{ 变量名xx() }}</p> 监听属性: (普通监听:无法监听到第一次绑定的变化) 定义: watch: { 变量名xx (newName, oldName){ consol ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较,内部采用了双指针方式进行优化,优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性,如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后,复用老节点 比较儿子 一方有儿子 一方没 ......
Postman接口测试-变量
postman的四种变量:全局变量、环境变量、集合变量(项目变量)、普通变量 全局变量:整个postman中的请求都可以使用创建的两种方法: 第一种方法:再界面右上角-MANAGE ENVIRONMENTS 添加变量名称+变量值 第二种方法:再Pre-requests Script和Tests选择右 ......
[oeasy]python0135_变量名与下划线_dunder_声明与赋值
变量定义 回忆上次内容 变量 就是 能变的量 上次研究了 变量标识符的 规则 第一个字符 应该是 字母或下划线 合法的标识符可以包括 大小写字母 数字 下划线 还研究了字符串(str)的函数 isidentifier 查询字符串 是否为合法标识符 最后发现 这个isidentifier函数有时候不好 ......
css 利用 linear-gradient 实现条纹背景
1. 水平条纹背景 当给背景设置渐变效果时,默认的渐变方向是垂直由上到下的,效果如下: { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离,会发现渐变区域变小了: { background: linear-gradient(#aaa 40%, ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期,并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
SAP程序属性中的固定点算术Fixed point arithmetic的控制作用
SAP程序创建时,程序属性面板中有一个选项叫做“固定点算术”,默认是勾上的,如下图所示: 通过按F1在该选上调取帮助说明,可以看到官方是这样解释的: 如果标记该复选框,该程序中的所有计算都将使用定点运算。 如果未标记,那么当在分配、比较和计算中使用压缩数字,与定义的小数位无关时,就把压缩数字(ABA ......
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 ......
三、监听属性
import {watch, watchEffect} from "vue" 1、watch 监听属性 let message = ref({ foo:{ bar:{ name:'aaa' } } }) watch(message,(newVal,oldVal)=>{ console.log(new ......
CentOS7 云服务器搭建及部署SpringBoot+vue项目
CentOS7 云服务器搭建及部署SpringBoot+vue项目 1)云服务器配置以及环境搭建 1.1 JDK安装 卸载现有环境(有则卸载) 使用rpm命令查询相关java套件 rpm -qa | grep java 如果存在,通过命令删除对应版本的JDK rpm -e --nodeps java ......
MySQL: 为什么使用 innobackupex 备份恢复搭建主从时,必须人为设置 gtid_purged 变量
###问题描述: 使用innobackupex 搭建主从的步骤如下: 1.主库使用 innobackupex 备份并 apply-log 2.将备份文件拷贝至从库,从库清空datadir目录,并使用 innobackupex 进行 copy-back 3.从库根据备份目录中的 xtrabackup_ ......
a标签onclick事件传值(传递属性值),js接值读取
1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon"></i>下载 </a> 2 ......
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 ......