JavaScript
FairyLiberty
这个作者很懒,什么都没留下…
展开
-
elementUI中el-select可选全部/多选/单选(最少选一个)
elementUI中el-select可选全部/多选/单选(最少选一个)原创 2022-10-20 14:56:17 · 5704 阅读 · 1 评论 -
前端数组对象去重
数组对象去重原创 2022-08-09 10:19:42 · 389 阅读 · 0 评论 -
前端过滤特殊字符、表情包
过滤特殊字符、表情包、空格原创 2022-07-26 15:30:41 · 1021 阅读 · 0 评论 -
前端复制到剪切板
前端复制功能原创 2022-07-11 18:28:20 · 101 阅读 · 0 评论 -
uniapp时间处理封装
formatter 时间参数处理const formatter = function(str, fmt) { if (!str) { return '-' } if (typeof str === 'string') { // 后端吐的时间戳可能为Date(111111111) // 转换标准格式 str = str .replace(/^\/Date\((\d+)\)\/$/gi, '$1') .replace(/\.\d+$/, ''原创 2022-04-18 14:57:13 · 246 阅读 · 0 评论 -
JS中sort方法排序
JS中sort方法排序一、数字排序(string类型)二、数字排序(string类型和number类型)三、混合排序(string、number和字母)四、函数排序五、数组对象排序一、数字排序(string类型)var arr=['1','2','4','3'];console.log(arr.sort());// 输出结果: ["1", "2", "3", "4"]二、数字排序(string类型和number类型)var arr=[1,'2',7,'3'];console.log(ar原创 2022-03-16 15:22:43 · 2342 阅读 · 0 评论 -
JS监听窗口变化及获取页面大小
JS监听窗口变化及获取页面大小一、页面初始化二、页面大小改变时大致思路:一、页面分为三个部分,上中下二、先获取页面总高度,然后每个部分按照百分比进行计算三、盒子设置 box-sizing属性,用来计算的实际高度 = 页面总高度 - 盒子外部总 margin;四、单个区域的高度 = 实际高度 * 百分比五、单个区域内部变化高度 = 单个区域高度 - 单个区域内部固定高度今天做页面兼容的时候突然遇到这个问题,就简单写写;监听页面大小改变主要注意两方面,一个是初始化的时候,另一个是页面大小改变的时候重新设置;原创 2021-07-12 16:57:00 · 8258 阅读 · 1 评论 -
自定义滚动条样式
CSS修改滚动条颜色样式(右边滚动条、底部滚动条、div内滚动条)/* 滚动条宽度 */::-webkit-scrollbar{width:1px;}/* 滚动条轨道颜色 */::-webkit-scrollbar-track{background-color: #000;}/* 滚动条颜色 */::-webkit-scrollbar-thumb{background-color: #000;}/* 鼠标移动到滚动条上后显示的颜色 */::-webkit-scrollbar-thumb:ho原创 2021-05-21 10:22:11 · 61 阅读 · 0 评论 -
jQuery 通过hover 调用函数方法
hover()函数的用法hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。实例一当鼠标指针悬停在上面时,改变p元素的背景颜色:$(“p”).hover(function(){ // 鼠标悬停时颜色设置$(“p”).css(“background-color”,“yellow”);},function(){ $(“p”).css(“background-color”,“pink”); // 鼠标离开时颜色设置});实例二当鼠标指针悬停在svg图形g标签上面时,调用自定义原创 2021-05-17 10:10:05 · 496 阅读 · 0 评论 -
自定义鼠标右键菜单栏
昨天在项目中遇到了一个需要自定义鼠标右键菜单栏的功能,今天在这里写个小的方法,可以参考参考,同时欢迎大佬指出存在的问题大概思路如下html结构css样式js代码一、 html结构二、 css样式三、 js代码大概效果如下html结构css样式js代码一、 html结构<!-- 自定义鼠标右键菜单 --> <div id="menu"> <ul> <li onc原创 2021-03-17 08:59:01 · 451 阅读 · 0 评论 -
如何判断输入框中value值是否为空或者全部为空格?
如何判断输入框中value值是否为空或者全部为空格?一、输入框中没有值二、输入框中只有空格三、输入框中有值四、整体代码结构如下:在做搜索框功能时候发现存在的一些问题,要根据输入框中的值进行判断,主要分为三部分:一是输入框中没有值时,二是输入框中只有空格时,三是有值时候一、输入框中没有值直接通过if条件语句判断输入框中的value值是否为空,如果有就提示请输入关键字 if(this.data.inputValue == '' ){ dd.alert({content: '请输入关键词'})原创 2020-12-08 11:02:44 · 4109 阅读 · 0 评论