- 博客(15)
- 收藏
- 关注
原创 JavaScript 测手机浏览器的五种方法
的参数是一个 CSS 查询语句,表示只对屏幕宽度不超过 700 像素的设备生效。这种方法的优点是简单方便,缺点是不可靠,因为用户可以修改这个字符串,让手机浏览器伪装成桌面浏览器。字符串解析为一个对象,该对象的mobile属性,返回一个布尔值,表示用户是否使用移动设备。属性用于获取屏幕的当前方向,只有移动设备才有这个属性,桌面设备会返回undefined。对象返回用户设备的屏幕信息,该对象的width属性是屏幕宽度(单位为像素)。表示所有指针里面,只要有一个指针是不精确的,就符合查询条件。
2024-12-30 16:29:43
865
原创 VUE3 + Element Plus el-button添加回车enter事件实现登录
el-input框绑定键盘回车搜索事件 加上@keydown.enter=“handleEnter()”
2024-12-18 10:48:03
926
原创 JavaScript 37个常用片段,收藏备用!
实用 JavaScript 代码片段,涵盖字符串、数组、日期、数字、对象、Web 操作等多个方面。这些代码片段简洁易懂,可以直接复制粘贴使用,节省时间,提高代码质量。2. 反转字符串3. 检查字符串是否为回文二. 数组1. 数组扁平化一层2. 从数组中移除假值它接受一个数组作为参数,并返回一个新数组,其中所有假值(例如 false、0、null、undefined、NaN)都被移除。4. 随机打乱数组顺序5. 移除数组中所有重复元素,只保留一个6. 根据唯一值对数组去重7.
2024-12-16 14:32:49
246
原创 vue全局方法封装: 构造树型结构数据, 导出下载, 时间格式化
在日常需求开发中, 如数据树状结构处理, 文档下载, 时间日期处理… 一般会在当前页面对数据直接处理, 如果项目中处理同类数据太多, 即可提出来进行封装。
2024-12-13 09:52:16
377
原创 VScode 添加代码片段
日常的开发过程中,我们都会有一些常用的代码片段,这些代码片段是通用的, 可以直接复制到各个项目中使用,非常方便。下面介绍在vscode快速添加代码片段的方法。
2024-12-12 15:43:53
546
原创 vue3 + elementPlus封装table组件
讲述项目中列表页重复工作多而封装 table 组件。介绍封装思路,如接收数据和配置项、循环列等,还说明了组件使用及效果展示,包括特殊项配置.
2024-12-12 13:54:55
966
1
转载 人人都能懂的构造函数
大家都知道原型和原型链是 JavaScript 中最经典的问题之一,而构造函数又是原型和原型链的基础,所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。本文将从以下几个方面来探讨构造函数:1.什么是构造函数2.为什么要使用构造函数3.构造函数的执行过程4.构造函数的返回值1.什么是构造函数在 JavaScript 中,用 new 关键字来调用的函数,称...
2020-04-08 16:23:32
247
原创 BFC规则 + 原理
不得不懂的BFC原理BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。一个页面是由很多个 Box 组成的,元素的类型和 display 属性,决定了这个 Box 的类型。不同类型的 Box,会参与不同的 Formatting Context(决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染,也就是说BFC内部的元素和外部的元素不会互相影响...
2020-04-07 12:33:12
1464
原创 二倍精灵图操作方法
为什么要有精灵图? 最早的时候网速十分有限,为了提升用户体验,我们会将一张大图分解成多张小图来提高页面打开速度,但是网速得到了提升,为了能够让服务器承载更多的请求,我们要减少浏览器对服务器的请求,最直接的方式,就是将多张较小的图片放在一张大图上,从而减轻服务器的压力。而将多张小图放到一张大图上的操作就叫做精灵图,也可以叫做雪碧技术 也叫做css sprite。精灵图的操作方法1、先了解...
2020-04-02 12:07:52
1456
原创 重点掌握:Flex布局 + 原理
Flex布局 + 原理意为"弹性布局",通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。注意!设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。flex主轴和侧轴在flex布局当中有主轴和侧轴两个方向。也是X轴和Y轴,行和列。1、默认主轴方向是X轴方向,水平向右。2、默认侧轴方向是Y轴方向,水平向下。flex常见属性...
2020-04-01 21:53:49
365
原创 Display显示 + Visibility可见性 + Overflow溢出
Display显示 + Visibility可见性 + Overflow溢出 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。1. ## display 显示display 设置或检索对象是否及如何显示。none 隐藏功能block 除了转换成块级元素外,还有显示元素功能特点:隐藏之后,不保留位置(如空气...
2020-04-01 20:58:22
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人