vue2升级vue3:Vue2/3插槽——vue3的jsx组件插槽slot怎么处理
Vue3(其实从2 6开始)中引入了一个新的指令v-slot,用来表示具名插槽和默认插槽,可以在slot容器上使用v-slot来表示一个传入组件的插槽,通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢? ...
组件通讯的方式有哪些
props传递数据 步骤: 首先,在子组件中声明props选项 其次,在子组件中使用v-bind指令动态绑定属性,通过插值表达式动态获取数据 最后,在父组件的template中调用子组件标签的使用传递数据 示例: 在子组件MovieItem.vue中 <template> <div class="s ...
【H5/CSS】标签与语法
1.HTML语法规范 1.1 基本语法概述 HTML 标签是由尖括号包围的关键词,例如<html>。 HTML 标签 通常成对出现,例如 开始标签 和 结束标签 ,当然也有单标签</br> 1.2 标签关系 包含关系: 比如 head标签包含title标签 并列关系: 比如 head标签跟body标 ...
sass语法嵌套规则与注释讲解
语法嵌套规则 选择器嵌套 例如有这么一段css,正常CSS的写法 .container{width:1200px; margin: 0 auto;} .container .header{height: 90px; line-height: 90px;} .container .header .lo ...
CSS进阶内容——布局技巧和细节修饰
CSS进阶内容——布局技巧和细节修饰 我们在之前的文章中已经掌握了CSS的大部分内容,但仍有一些内容我们没有涉略,这篇文章就是为了补充前面没有涉及的内容,为我们的知识做出补充并且介绍一些布局技巧 当然,如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园。 元素的显示与隐藏 ...
获取元素的宽高的三种办法
本案例代码背景如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo ...
CSS进阶内容—浮动和定位详解
CSS进阶内容—浮动和定位详解 我们在学习了CSS的基本知识和盒子之后,就该了解一下网页的整体构成了 当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园 CSS的三种布局流派 网页布局的本质就是用CSS控制盒子的摆放来形成页面 CSS提供了三种流派来控制盒子: 普通流 ...
XML入门介绍
XML 简介 什么是 xml? xml 是可扩展的标记性语言。 xml 的作用? xml 的主要作用有: 1、用来保存数据,而且这些数据具有自我描述性 2、它还可以做为项目或者模块的配置文件 3、还可以做为网络传输数据的格式(现在 JSON 为主)。 xml 语法 文档声明。 元素(标签) xml ...
利用噪声构建美妙的 CSS 图形
在平时,我非常喜欢利用 CSS 去构建一些有意思的图形。 我们首先来看一个简单的例子。首先,假设我们实现一个 10x10 的格子: 此时,我们可以利用一些随机效果,优化这个图案。譬如,我们给它随机添加不同的颜色: 虽然利用了随机,随机填充了每一个格子的颜色,看着有那么点意思,但是这只是一幅杂乱无章的 ...
vue2,vue指令和选项
vue特点 mvvm框架 响应式(声明式) 组件化(支持自定义组件) 丰富的指令(Dom功能的抽象) 基于选项(template,data,computed,watch,methods) vue文档集中ue Vue生态丰富且简单 渐进式() Veu和Dom开发思想 Dom开发思想:当我们需要在交互事 ...
Css3入门详解
一、Css基本语法 1.Html和Css没分开 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <!--规范,<style>可以编写css的代码,每一个声明,最好使用分号隔开 语法: 选择器{ 声明1; 声明2; 声明3; } --> <meta cha ...
视图技术Thymeleaf-SpringBoot(4)
1.什么是Thymeleaf Spring Boot 主要支持Thymeleaf、Freenrtarker、Mustache、Groovy Templates 等模板引擎。 Thymeleaf语法并不会破坏文档的结构,所以Thymeleaf模板依然是有效的HTML文档。模 板还可以被用作工作原型,T ...