- 博客(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
584
原创 搭建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
538
原创 css媒体查询
媒体查询:允许您根据用户设备的特性应用不同的 CSS 样式。要使网站响应,您可以使用媒体查询定义断点并相应地调整布局、字体大小、图像和其他元素。
2024-02-29 09:21:45
220
原创 ES6语法
ES6语法 1.新增了let,声明的变量有块级作用域,变量不能重复声明。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 i 只在for循环体内有效,在循环体外引用就会报错 for (let i = 0; i < 10; i++) { // ... } console.log(i); // ReferenceError: i is not defined 2.不存在变量提升 //
2023-03-09 19:09:37
256
原创 使用 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
363
原创 HTML+CSS常用知识总结
HTML+CSS总结 HTML基础 音频标签audio ; 视频标签video 超链接 列表标签 表单标签 H5语义化标签 表单标签 CSS 选择器 可以将 CSS 选择器分为五类: 简单选择器(根据名称、id、类、来选取元素) 组合器选择器(根据它们之间的特定关系来选取元素) 伪类选择器(根据特定状态选取元素) 伪元素选择器(选取元素的一部分并设置其样式) 属性选择器(根据属性或属性值来选取元素) 浮动布局 浮动元素的特点有哪些? 浮动元素会脱标,在标准流中不占位置 浮动元素
2022-05-30 10:20:26
149
原创 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
1400
原创 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
1952
原创 el-table表格多个内容的值换行显示
el-table表格多个内容的值换行显示 功能如图: 可以用插槽来实现标签对多个值自动换行,详细代码如下:
2021-08-25 19:09:40
1796
原创 点击不同按钮显示不同按钮切换的内容
点击不同按钮显示不同按钮切换的内容,效果如下图: 具体代码如下: 按钮详细代码 个单要显示的内容 团单要显示的内容 按钮样式
2021-08-25 18:52:23
1367
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅