axlroseart/drx

drx

drx's Issues

深入了解VUE

test

JS作用域和变量提升

ES6 新特性相关

服务端渲染

JS基础算法相关（数组，字符串处理等）

比如 'abbcddeeeacdb'

按照每个字母出现频率次数从大到小排序

React-Native - 知识收集整理

开发中比较实用的JS技巧类

面试相关

• vue父子组件通信方法
• 什么情况下用父子通信，什么情况下用vuex
• 如何向外部组件上绑定的方法上传递自定义参数
• computed的使用场景，仅读取以及读取和设置的区别

微信小程序使用总结

React开发手记

1

JS原型链与继承相关

混合web app开发相关手记

2019-10-15

1、cordova最新版本9.0.0，ionic-cli本5.4.4
2、使用ionic start构建的react项目
3、执行ionic cordova platform add ios的时候提示：
Cordova is not supported for react projects

深入了解js拷贝（赋值与引用）

number,string类型都是基本类型，而基本类型存放在栈区，访问时按值访问，赋值是按照普通方式赋值，对象和数组是通过引用来赋值的，所以改变a的同时b也会跟着改变。
引用类型指的是对象。可以拥有属性和方法，并且我们可以修改其属性和方法。引用对象存放的方式是：在栈中存放对象变量标示名称和该对象在堆中的存放地址，在堆中存放数据。

浅拷贝：

先写一个浅拷贝函数，接收一个参数为要拷贝的对象

function shallowClone(o) {
  const obj = {}
  for(let i in o) {
    obj[i] = o[i]
  }
  return obj
}

const obj1 = {
name: 'hiko'
}
const obj2 = shallowClone(obj1)

console.log(obj2) ==> { name: 'hiko' }

但如果拷贝对象是这样的：

const oldObj = {
  a: 1,
  b: [ 'e', 'f', 'g' ],
  c: { h: { i: 2 } }
}

调用shallowClone方法后，对不同类型的属性拷贝及相互干扰结果输出如下：

很明显虽然oldObj.c.h被克隆了,但是它还与oldObj.c.h相等,这表明他们依然指向同一段堆内存,这就造成了如果对newObj.c.h进行修改,也会影响oldObj.c.h

深拷贝：

JSON对象parse方法可以将JSON字符串反序列化成JS对象，stringify方法可以将JS对象序列化成JSON字符串,这两个方法结合起来就能产生一个便捷的深克隆.

const newObj = JSON.parse(JSON.stringify(oldObj))

1.他无法实现对函数 、RegExp等特殊对象的克隆
2.会抛弃对象的constructor,所有的构造函数会指向Object
3.对象有循环引用,会报错

比上面这种好一点的：

// 先写个判断函数判断对象类型是否为数据：
function isArray(arr) {
 return Object.prototype.String.call(arr) === '[object Array]'
}
// 具体的拷贝方法
function deepClone(obj) {
 // 返回原有类型
 if(typeof obj !== 'object' && typeof obj !== 'function') {
  return obj
 }
// 判断要拷贝的是数组还是对象
var o = isArray(obj) ? [] : {}
// 遍历递归引用赋值
for (const key in obj) {
        if (object.hasOwnProperty(key)) {
          const element = obj[key]
          // 如果具体属性为对象，则递归调用
          o[i] = typeof element === 'object' ? deepClone(element) : obj[i]
        }
      }
}
return o

算法与数据结构

Typescript相关

1