你不知道的 toLocaleString() 的妙用
摘要：前言 我们都知道，toLocaleString() 本身的用途是，根据本地时间把 Date 对象转换为字符串，返回值为字符串形式的日期和时间，如下图， 实际上，它还有一个很多人不知道的妙用，可以将数字变成千分位格式，如下图红色框部分 本身要实现上面数值千分位的效果还是比较麻烦的，但使用 toLoca
阅读全文
把 Number 类型转为 String 类型的 3 种方法
摘要：当你在实际项目开发中，遇到需要把 Number 转为 Sting 类型时，可以采取下面 3 种方法： 首先定义一个变量：let num = 666; 1. ES6 模板字符串 `${num}` 2. JS 隐式类型转换 '' + num 3. String() 构造函数 String(num) 有需
阅读全文
js的4种常用遍历方法在什么场景下使用更好？
摘要：for循环 最常用的遍历数组的方法 var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } 这种方法实际不是在遍历值，而是在遍历数组下标来指向值，如arr[i]； 注：如果要说缺点，相比而言
阅读全文
undefined 和 x is not defined有什么区别
摘要：前言 这个问题可能会让一些小白同学产生困惑，认为它们都表示同一个意思，但它们有着本质上的区别 undefined 表示声明了一个变量，但还未赋值，比如 var a; function a() { var a; console.log(a); } a(); 如果是下面这样，a依然会打印出undefin
阅读全文
console.log和console.error() 有什么区别？
摘要：我想console.log大家已经很熟悉了，就是在浏览器按F12或鼠标右键审查元素后，打开开发者工具，在控制台打印输出相关信息。 而console.error()同样能在控制台打印信息，主要区别在于会显示带有错误标志的错误信息提示，更加醒目， 我的理解是，前者多用于前端，后者多用于后端在前端显示报错
阅读全文
js获取对象属性值的2种方法分别解决调用后台接口时，获取到data为数组和对象时返回的不同数据结构
摘要：如果接口返回的数据格式是下面这种形式，data返回一个数组，可以直接循环遍历获取数据后， 在用拼接字符串的方式返回，这里用的es5的方式拼接字符串，获取数据 res.data[i].test / res.data[i].param { "code":0, "msg": "success", "dat
阅读全文
call，apply，bind三者的作用和区别
摘要：call，apply，bind三者的作用？ 简单来说就是改变this的指向 call，apply，bind三者的区别？ 相同之处：这三个函数的第一个参数都是 this 的指向对象，即把原本this替换掉后的对象 不同之处： 1. call和apply的区别在于，前者传入的参数为单个参数形式，后者为数
阅读全文
js常见4种函数
摘要：匿名函数 回调函数 递归函数 构造函数 有需要的朋友可以领取支付宝到店红包，能省一点是一点
阅读全文
window.location对象下的常用属性
摘要：代码很简单，主要为了做一个记录，方便以后查看 location对象通过window.location和document.location都可以拿到 location.href: 整个URL location.protocol: 当前URL的协议，包括冒号(:) location.host: 域名，如
阅读全文
js常用阻止默认事件跳转的2种方式
摘要：html元素常见默认行为 1. a标签自动跳转 2. button表单type设置为submit会自动提交 注：button的type属性设置为button可阻止表单自动刷新并跳转页面 阻止默认跳转的2种方式 e.preventDefault() return false 注：e.preventDe
阅读全文
js中3种绑定事件的方法和异同
摘要：3种绑定事件的方法和优缺点 html事件点击：编写简单，但css和js耦合深，不分离 事件绑定：让css和js解耦分离，但只能绑定一个事件，多个事件会被最后绑定的事件覆盖 事件监听：让css和js解耦分离，并且可以绑定多个事件 <!DOCTYPE html> <html lang="en"> <he
阅读全文
js图片懒加载的作用和实现方法
摘要：前言 什么是图片懒加载？ 访问一个电商网站，页面加载完时商品图片并没有加载，等鼠标滚动到商品图片所在区域时再显示 为什么需要图片懒加载？ 主要为了提升网页性能和用户体验，比如像京东淘宝等电商网站首页，商品图片资源非常多，加载时间会很久，服务器压力也倍增， 等待时间太久，用户不愿意等待从而导致客户流失
阅读全文
js中2种转码和解码的方法以及区别
摘要：主要有2种方法： 1. encodeURI()转码和decodeURI()解码 2. encodeURIComponent()转码和decodeURIComponent()解码 注：还有一种是escape()转码和unescape()解码，已从标准中废弃，不做推荐 encodeURI()和decod
阅读全文
js设置transition过渡效果不生效的原因和解决方法
摘要：前言 最近遇到一个几年前的小问题，但当时没有做记录，久了就忘记了，以至于卡了好一会儿才恍然大悟，现在做一个记录，方便日后查看。 问题描述 鼠标滚动到一定距离显示返回顶部按钮，点击返回顶部按钮或鼠标滚动到顶部后按钮消失， 然后我想给显示隐藏的过程增加一个过渡效果，这样自然平滑一些，但该效果始终未生效
阅读全文
js判断用户访问设备为mobile还是pc的方法和思考
摘要：前言 最近做完公司官网，因为不是做的响应式，而是分别PC和mobile各写了一套，所以有这样一个需求： 识别用户访问设备，如果用户通过电脑访问，则跳转至PC官网；反之通过手机访问，则跳转至mobile官网。 那应该怎么实现呢？ 解决方法 查了很多方法，最终选择了下面这种 <script type="
阅读全文
JS常用内置方法2——split()和join()的区别
摘要：split() 把一个字符串分割为字符串数组，不改变原始字符串 如果想要把每个字母都分隔，引号中间去掉空格即可 也可以指定某个字符作为分隔 下面1为可选参数，指定返回数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。 如果没有设置该参数，整个字符串都会被分割，就像上面截图所示。
阅读全文
typeof运算符的2个用处
摘要：第一种：识别所有基础类型，又叫原始类型，返回的是字符串 基础类型有number, string, boolean, undefined, null, symbol(ES6新增) 注：null是一个特殊的对象，typeof后类型为object 第二种：识别是否为引用类型 引用类型常用的有Object，
阅读全文
浅谈js作用域与闭包
摘要：作用域 js的作用域有3种，分别是全局作用域，局部作用域，块级作用域（ES6新增）。 全局作用域：在函数function以外定义的变量是全局变量，具有全局作用域，在任何地方都可以访问 let a = 1; function x() { console.log(a); } x(); x()函数中并未声
阅读全文
cssText属性的使用
摘要：cssText是什么？ 简单来说是设置元素的style属性值，比如 ele.style.cssText = 'display: block'; cssText的使用场景 有时我们需要使用原生js写css样式，比如 obj.style.width = '100px'; obj.style.height
阅读全文
三目运算怎么嵌套使用以及在antd Tag组件中的使用
摘要：基本使用 条件 ？结果1 ：结果2 例：true ? 1 ：2 如果条件为true，结果为1，否则结果为2，相当于 if else 嵌套使用 三元运算嵌套只能是用在第二个结果中进行嵌套 条件1 ？结果1 ：条件2 ？结果2 ：结果3 例：true ? 1 : false ? 2 : 3 如果条件为t
阅读全文