首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JS
加油乐
创建于2023-02-23
订阅专栏
JS合集
等 30 人订阅
共51篇文章
创建于2023-02-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JS实用小方法-获取当前时间向前/向后指定几个月的月份列表
一、功能/参数详解 reverseFlag参数用于控制向后向前 默认向前true,可传向后false type参数用于拼接返回日期格式,默认-,可传年月 / - .等 zeroFillFlag参数用于
JS获取随机颜色(三种方法)
一、代码注释详解 方法一 使用for循环6次,模拟生成6位16进制颜色码 Math.random() * 16 生成一个0到15之间的随机浮点数,然后使用按位或操作符(|)与0进行运算,将其转换为整数
CSS/JS/VUE分别实现逐字弹出(打字机效果)
特别注意:盒子为行内块及行内元素时光标同行显示,块级元素时为换行显示 一、CSS实现 相关公式:字体大小*动画步数=盒子总宽 动画forwards属性为停止在结束位置,替换为infinite则为无限循
JS-中文排序、英文排序(大小写可混合)
一、前言 适用场景: 通讯录 名称排序 商品排序 ... 二、中文排序 localeCompare()方法,用给定语言环境比较两个字符串,默认使用当前语言环境比较。 'zh' 表示主语言标记,代表中文
JS实用小方法-获取当前时间向前或向后任意天数的日期与星期(附严格模式下未知参数解决方案)
一、代码注释详解 参数相关 directionFlag参数控制生成时间的方向,'before'当前时间向前,'after'当前时间向后, 默认为向后生成 fewDays 参数控制向前或向后显示的天数
JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
一、代码注释详解 参数相关 date为传入时间 例:"2023/5/10 11:32:01" 2023-02-01 09:32:01 type为返回类型 例:YYYY-MM-DD YYYY年MM月DD
JS+canvas封装全屏水印、局部水印、多个dom水印
一、前言 之前看到element的水印功能比较有意思,特意学习了一下水印的方法,在生成基本水印的基础上又进行了二次封装,可适用多场景,vue项目也可以搭配路由、用户信息等等进行使用。 核心是通过创建一
VUE、JS实现复制文本
一、前言 适用场景: 复制文本 复制链接 复制段落 复制账号、手机号 ··· 友情提示:浏览器自带document.execCommand()方法(已弃用) 二、实现方法 剪贴板 clipboard
JS判断字符串是否全为空的两种方式
一、使用场景 当我们需要判断用户输入的是否全是空格,或用户在不输入内容的情况下使用回车发送。此时我们如果需求内容不能为空,常规判断无法识别,空格本身也有length,这个时候就可使用到下列两种方式。
JS多层嵌套数组属性名替换
一、需求场景 项目使用到layui组件库树形组件,这个组件需要一个数据源属性,名称显示默认是title,而后台返回的数据对应项为name,所以想把后台返回数据中的name换成title。由于是嵌套数组
JS封装时间戳转换
一、前言 传入两个参数,分别是转换类型和时间戳 两个参数都为可选参数 通过参数时间戳或当前时间戳进行年月日时分秒的转换 对转换后的年月日时分秒进行数字补零 按照类型组合字符串,可按需求任意修改 二、代
CSS使用JS变量
一、前置知识点 JS设置CSS变量 通过document.documentElement.style.setProperty()方法将变量设置为CSS变量。 例如下面的用法: CSS变量 CSS3中引
JS取整数
--- theme: smartblue highlight: a11y-dark --- # 一、 前言 js取整数的方法: - 1、通过`Math.trunc()`方法去除数字的小数部分,保留整数
JS对字符串中的指定字符进行替换
一、主要是运用replace方法进行字符的替换 单独使用replace方法只能替换字符串中重复字符的最前方的一个。 代码中只有第一个油字变为了饭。 二、利用for循环和replace实现字符串中字符某
JS数组去重的三种方法
一、Set实现去重 这种方法利用了在ES6中引入的Set对象的能力。 集合保证保留插入项的顺序,并且只包含唯一值。因此,根据定义,集合不可能包含重复项! 这里我们调用Set对象的构造函数,将我们想要从
JS返回两个数字之间的数组
一、返回两个数字之间的数组 1、Array() 方法生成一个长度为x的空数组 2、Array.from() 方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例。 如果指定了map参数,新数
JS图片懒加载(详解注释+功能解析)
一、前言 懒加载原理: 图片进入可视区域之后再去请求图片资源。 实现原理: 1.使用img标签,scr属性初始为空 2.写一个自定义属性字段,该属性的值写成图片地址 3.当图片在可视区域的范围内的时候
JS获取时间戳
Date.now() Math.round(new Date()) Date.parse() Date.UTC() (new Date()).valueOf() new Date().getTime(
JS实现放大镜
一、基本流程 创建左右盒子分别包含左右图片,左盒内含遮罩加图片,右图与左图宽高比 等同于 右盒与遮罩的比 应用事件: 鼠标移入事件(onmouseover) 鼠标移入事件(onmouseout) 鼠标
proxy对象转数组
proxy对象转数组 在 JavaScript 中,可以使用 Array.from() 方法将 Proxy 对象转换为数组。例如: 另外,也可以使用扩展运算符 ... 将 Proxy 对象转换为数组。
下一页