- 博客(32)
- 收藏
- 关注
原创 css技巧
24、处理定位时,可以使用 inset 属性,而不是使用 top、right、bottom、left 属性。使用带有 < a > 元素的 download 属性来指定当用户单击链接时,应下载而不是导航到链接的资源。在本例中是一个 img 元素。(1)poster属性可以与 < video > 元素一起使用来显示图像,直到用户播放视频。23、background-filter属性,可对元素后面的区域应用滤镜效果(模糊效果)(2)preload 属性可加快视频文件的加载速度,实现更流畅的播放。
2024-07-08 17:00:01
507
原创 搭建vue3+ts项目流程
3.通过上下键选择,通过空格键选中(使用Babel,TypeScript,Router、Vuex、CSS Pre-processors、Linter / Formatter),按回车。2.通过上下键选择,选择 Manually select features,按回车,手动进行配置。1.输入命令 vue create vue3-ts-admin。1.检查vue版本:vue -V (需要在4.5.1之后)4.选择vue3按回车,后面按照图片所示选择,创建完成。
2024-04-16 11:52:22
440
原创 css媒体查询
媒体查询:允许您根据用户设备的特性应用不同的 CSS 样式。要使网站响应,您可以使用媒体查询定义断点并相应地调整布局、字体大小、图像和其他元素。
2024-02-29 09:21:45
138
原创 ES6语法
ES6语法1.新增了let,声明的变量有块级作用域,变量不能重复声明。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1i 只在for循环体内有效,在循环体外引用就会报错for (let i = 0; i < 10; i++) { // ...}console.log(i);// ReferenceError: i is not defined2.不存在变量提升//
2023-03-09 19:09:37
188
原创 使用 ES 5 的 Object.keys() 和 ES 6 Object.values()、Object.entries() 方法获取对象中的键值对
使用 ES 5 的 Object.keys() 和 ES 6 Object.values()、Object.entries() 方法获取对象中的键值对
2022-06-02 10:57:36
306
原创 HTML+CSS常用知识总结
HTML+CSS总结HTML基础音频标签audio ; 视频标签video超链接列表标签表单标签H5语义化标签表单标签CSS 选择器可以将 CSS 选择器分为五类:简单选择器(根据名称、id、类、来选取元素)组合器选择器(根据它们之间的特定关系来选取元素)伪类选择器(根据特定状态选取元素)伪元素选择器(选取元素的一部分并设置其样式)属性选择器(根据属性或属性值来选取元素)浮动布局浮动元素的特点有哪些?浮动元素会脱标,在标准流中不占位置浮动元素
2022-05-30 10:20:26
98
原创 vue内置动态组件component的使用
vue内置动态组件component的使用使用场景:点击不同按钮显示不同的组件代码如下:<template> <div> <el-card> <button @click="show = 'gedan'">个单</button> <button @click="show = 'tuandan'">团单</button> <!-- component 动态组件,指的是
2021-12-10 20:19:16
1276
原创 element的tab页刷新页面保存当前tab页面状态
element的tab页刷新页面保存当前tab页面状态做项目的时候遇到一个的问题,element-ui中Tabs 组件提供了选项卡功能,默认选中第一个标签页,在标签页较多的情况下,每次刷新页面都会回到默认页,这样就得来回点很麻烦。。。解决这个问题就是需要在本地存储,sessionStorage或者localStorage都可以!《方法一》<template> <el-tabs v-model="activeName" @tab-click="handleClick">
2021-08-30 19:06:32
1696
原创 el-table表格多个内容的值换行显示
el-table表格多个内容的值换行显示功能如图:可以用插槽来实现标签对多个值自动换行,详细代码如下:
2021-08-25 19:09:40
1705
原创 点击不同按钮显示不同按钮切换的内容
点击不同按钮显示不同按钮切换的内容,效果如下图:具体代码如下:按钮详细代码个单要显示的内容团单要显示的内容按钮样式
2021-08-25 18:52:23
1259
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人