your_cleverpig的博客

1.原型链继承 首先先看一个关系图： 构造函数、原型对象以及实例对象的关系 对象都是由构造函数示例化出来的，所以由此接着推出整一条原型链： 现在再看一个例子：stu是Student的一个实例对象，stu寻找属性和方法的顺序是先去其构造函数上找属性，在构造的原型对象上找方法，没找到再去寻找上一级（Object）的原型对象上找。 所以要想stu拿到Person的方法就要把St...

1.类型获取 对于基础的obj对象，可以用typeof和toString： 但是对于数组对象，typeof得到的是object，toString则直接输出字符串： 这时候需要使用它的构造函数的name属性，就能正常获取array类型： 同样的内置对象Date和obj都可以使用这种方法： 如果要拿到它们的最顶级object可以用： 总结：需要查看是否是对象用typ...

在JavaScript的世界中，所有代码都是单线程执行的，由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：比如 function callback() { console.log('Done'); } console.log('before setTimeout()'); setTimeout(callback, 10...

Symbol的原理： 保证每一个属性名都是独一无二的，从根本上防止属性名的冲突，表示独一无二的值，是JavaScript的第七种数据类型，Symbol值通过Symbol函数，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol 类型。而Symbol类型的属性名都是独一无二的，保证不会与其他属性名发生冲突。 Symbol作为属性名： 由于每一个 Symbol ...

数组 数组扁平化： 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 递归:遍历最外层数组看是否是数组是的话继续执行递归，不是就放到结果数组中： {　　　　 //判断当前数组是否有子数组 function hasChildArray(arr) { return arr.some(myarr => { ...

最近做的项目中，需要一项人员的头像可以在地图上按轨迹运动，自己研究了下，做了个比较基础的： 目前有个小问题一直解决不了，就是svg里的img头像的圆角设置不了，我现在是把它放在一个circle里填充了，但是效果不好，还在研究更好的办法。。。。 先贴相关的代码八。 <svg width="100%" height="550px" id="svg" viewBox="0 0 730 ...