vue特性vue3
key在vue中的作用与虚拟dom与diff算法
一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node,也就是虚拟节点;事实上,无论是组件还是元素,它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后,虚拟Dom ......
vue-day26--引出生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
Java8新特性之Optional类的妙用
该新特性也是翻java八股翻到的,感觉有点小用,所以记录一下 通常我们在调用方法获取参数时,常常会出现要避免空指针,从而进行一系列判断非空的代码,这部分十分冗长且啰嗦还重复,故可以使用一下今天的主角: **Java.util.Optional**类 1. 创建方式 共有三种方式供您选择 * 直接创建 ......
vue-day25--自定义指令总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令v-fbind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--v-pre指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
vue-day25--v-once指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
Java语言的特性
面向对象:Java 是一种纯面向对象的编程语言,这意味着 Java 中所有的代码都是以对象为基础的。在 Java 中,你可以通过定义类来创建对象,这些对象可以具有状态(属性)和行为(方法)。Java 支持继承、多态和封装等面向对象的概念,使代码更加清晰、易于扩展和维护。 平台无关性:Java 的平台 ......
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
【IP】vivado中IP核的Core Container特性
一、XCI和XCIX格式文件 在Vivado中生成 IP核时,一般默认是对应的IP核文件夹会生成在工程目录的.srcs/sources_1/ip路径下。这个文件夹包含了所有与该IP核相关的文件,最主要的是XCI文件,其中包含了用户配置的相关信息。 Vivado还提供了Core Container特性 ......
JDK1.8 新特性
JDK1.8 都有哪些新特性? JDK1.8 有不少新特性,我们经常接触到的新特性如下: JDK1.8主要新特性 接口默认方法:Java 8 允许我们给接口添加一个非抽象的方法实现,只需要使用 default 关键字修饰即可 Lambda 表达式和函数式接口:Lambda 表达式本质上是一段匿名内部 ......
vue -父子组件值传递
父组件:是指引用其他组件东西(这里叫attrgroup.vue) 子组件:是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件,如下: <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件,通过事件触发然后 ......
vue-day21-过滤器学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
vue.js浏览器插件
提取地址: 链接:https://pan.baidu.com/s/1Uf9yZaQfRQ1r2JvOxXX50A?pwd=l3iw 提取码:l3iw 加载已解压的扩展程序 ......
vue-day20---收集表单数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>收集表单数 ......
vue2
一.mvvm模型 MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分: View 表示当前页面所渲染的 DOM 结构。 Model 表示当前页面渲染时所依赖的数据源。 ViewModel 表示 vue 的实例,它是 MVVM 的核心 1.为 ......
JDK有用的新特性-Switch
[TOC] Switch 的三个方面,参考: [JEP 361](https://openjdk.org/jeps/361) - 支持箭头表达式 - 支持 yied 返回值 - 支持 Java Record ## 箭头表达式,新的 case 标签 Switch 新的语法,`case label -> ......
vue我自己的动态菜单思路
1、在router里把所有的路由都加上。 2、后端存储路由path和其他设计需要的信息。 3、登录后,后端返回菜单树,根据权限不同,返回的菜单不同,并且还要返回每个path代表的页面具有的权限数组。可以实现前端对权限的控制。 4、根据后端返回的菜单树的path,去过滤路由数组,即path对应相同的路 ......
vue-day19--Vue监测数据的原理--大综合练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vue监测 ......
vue-day18--vue监测数组
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue--day17---Vue.set()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue: number addition
单页应用:(Single Page App, SPA)体现了其强大的优势。页面是局部刷新的,响应速度快,不需要每次加载所有的CSS/JS。前后端分离,前端(手机端)不受后端(服务器端)的开发语言的限制。Angular,React ,Vue.js框架都是很好的选择。 https://github.co ......
vue-day16---模拟一个数据监测
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>模拟一个数据监测你</title> </head> <body> <script type="text/javascript"> let data = { ......
【技术积累】Vue.js中的事件【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
Vue安装
#### 安装vue及脚手架 ##### 1.安装vue.js npm install vue -g 或者 cnpm install vue -g 查看安装的vue信息: npm info vue 或者 cnpm info vue ![image-20230715211634838](https:/ ......
vue--day16---列表排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......