HELLO WORD

之前在项目中维护同事代码，发现部分浏览器及低版本Chrome浏览器都出现报错情况。排查发现是由于replaceAll()函数兼容性问题所导致解决方案利用splite()和join()let str = '2021.01.25'//要将其转换成2021-01-25console.log(str.split('.').join('-'))//2021-01-25使用replace()代替let str = '2021.01.25'//要将其转换成2021-01-25console

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/需求场景：一个进度条渐变色块，使用标签表明当前进度，标签背景色要与当前位置色值统一。思路：根据渐变的两个色值，计算得到两个色值中间100个色值列表，根据百分比，取对应的色值。代码：//css.gradientDiv{ width: 300px; height: 10px; background: linear-gradient(90deg,#FAD961,#F76B1C); p.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/Date对象用于处理日期和时间一、new Date()默认状态下，new Date()会返回当前日期和时间，格式如下var date = new Date() //Tue Sep 29 2020 16:38:00 GMT+0800 (中国标准时间)创建特定的时间，传参如下：new Date(“month dd,yyyy hh:mm:ss”);new Date(“month dd,yyy.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/基本概念目前，我查找了一下，下面三种数据类型都可以使用toLocaleString的方法number.toLocaleString([locales [, options]])：返回这个数字在特定语言环境下的表示字符串array.toLocaleString([locales [, options]])：返回一个字符串表示数组中的元素date.toLocaleString([locales .

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/网上关于clientHeight， offsetHeight，scrollHeight…的相关文章其实很多，整理这篇文章的主要目的还是在于加深一下自己对于这些元素的记忆，每次用到的时候，总是模棱两可的，需要再去查阅一下，希望自己总结之后，彻底把这几种height搞明白！以height为例，width相关方法与其相同详细列举除了各种height所代表的具体值容易把人搞晕之外，js和jquery.

console.log()差不多是我们平时开发过程中最常用的调试手法了，但其实关于Console还有很多其他方法可以帮助我们提高开发效率，虽然不常用，但可以作为扩展知识，稍作了解。关于控制台可以先全面了解一下 console 控制台选项卡中的内容。第一行：清空 console 控制台top — 在默认状态下，Console 的上下文（context）为 top（顶级）。不过当你检查元素...

Array.from()从一个类似数组或可迭代对象中创建一个新的，浅拷贝的数组实例用途：字符串转数组结合new Set()，进行数组去重遍历数组生成一个数字序列<!--字符串转数组-->Array.from('foo');// ["f", "o", "o"]<!--去重-->let s = new Set(['1', '2','2','3']); ...

前言日常开发中，数组或是对象的遍历是一个经常会遇到的事情，关于遍历，其实Js提供了很多方法，但是对于他们之间的区别却理解的不是很透彻，通常情况就是抓起来一个forEach就用。为了提高代码质量，我认为有必要深入了解一下不同遍历的特点。当然，本文不作太多深入讲解，只是就各种的特点进行整理展示。一、for..in，for..of，forEach1、遍历对象for..in：输出 索引let o...

从前我们在网页中会需要内容定位，或者返回顶部之类的功能，通常使用锚点来实现，但是页面跳转太过生硬，用户体验不够，于是会通过一大串的js来实现平滑滚动的效果，近两年出现了一些新的属性可以很方便的完成这种交互，很大程度的减小了开发难度。一、CSS：scroll-behavior约莫是去年开始出现的这个属性，只需要在需要滚动的地方增加一行如下属性，即可。scroll-behavior:smooth...

经常会遇到一些开发场景需要我们按照一定的概率执行某件事，经常遇到的比如电商活动的抽奖，前段时间写一个类似头脑王者的答题小程序，如果没有玩家匹配时，需要与机器人，而机器人的答题正确率需要设定。那么关于正确率具体实现的思路是什么呢，其实很简单，就是利用“随机数”实现代码如下：//首先创建一个随机数nlet n = Math.floor(Math.random() * 100);//然后根据给...