标签： 语法

前端DAY01-HTML

DAY01 计算机的介绍 特点： 1.可以进行数值计算，可以进行逻辑计算 2.具有存储记忆功能 硬件：看得见，摸得着的 显示器，主机，存储器 软件：看得见，摸不着的 系统软件：操作系统：windows、Linux、UNIX等 应用软件：各类app C/S架构和B/S架构 1.C/S架构：需要安装 a ...

Vue3系列2--项目目录介绍及运行项目

1 Vite项目目录 用Vscode打开创建的项目，看到下面的目录结构： 通过运行 npm install 初始化项目后生成两个初始化文件：node_modules和 package-lock.json 2 SFC 语法规范 *.vue 件都由三种类型的顶层语法块所组成：<template>、<sc ...

BOW/DOM（上）

BOM 原生对象：成为js中的内置对象，就是由 js 中的构造函数创建的对象就被称为原生对象：Object、Number、Array、Date、String。。。。 宿主对象：web运行环境，也就是windows操作系统和浏览器这些被称为宿主，有这些宿主提供的对象，就叫宿主对象。 *BOM：浏览器对 ...

【H5/CSS】表格、列表、表单标签

1. 表格标签 1.1主要作用 显示和展示数据美观、良好。 1.2基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> <table></table>用来定义表格的标签 <tr></tr>标签用于定义表格中的行，必须镶嵌在<table>< ...

使用前端技术实现静态图片局部流动效果 ?

如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，本文使用前端开发技术，结合 SVG 和 CSS 来实现类似的液化流动效果。本文包含的知识点主要包括：mask-image 遮罩、feTurbulence ... ...

【H5/CSS】CSS的写法与选择器

百科简介 层叠样式表 (英文全称：Cascading Style Sheets)是一种用来表现 HTML （ 标准通用标记语言 的一个应用）或 XML （标准通用标记语言的一个子集）等文件样式的计算机语言。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 1. C ...

Vue的模板语法（条件判断、显示列表）、组件嵌套

我们在上文的基础上，继续学习 条件判断：v-if、v-show >作用：用于控制元素的显示 > 区别： v-if:不渲染DOM，前端页面看不到标签，更节省性能（常用） v-show:渲染DOM。将元素设置为display：none 我们看如下代码，将他们都取值为true时，表示显示 <templat ...

Vue3系列4--ref和reactive响应式

1 ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 案例 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}< ...

JS兼容问题总结

JS兼容问题总结 “标准浏览器”和“低版本浏览器（IE）”兼容写法 一、浏览器卷去的高度和宽度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop var scrollLeft = documen ...

Vue3系列3--模板语法和vue指令

1 模板插值语法 在script 声明一个变量可以直接在template 使用用法为{{变量名称}} 模板语法是可以编写条件运算的 运算也是支持的 操作API 也是支持的 <template> {{ message }} {{ message2==0 ? '我是老大' : '我笑的' }} {{ m ...

SASS 插值语句 #{ }的使用

在之前我们已经使用用 / 来进行计算，但如下情况不一样 例如 p{ font: 16px/30px Arial, Helvetica, sans-serif; } 如果需要使用变量，同时又要确保 / 不做除法运算，而是完整地编译到 CSS 文件中，这种情况怎么办？？？可以使用 #{} 插值语句将变量 ...