fncheng / js-learn Goto Github PK

function scrollToTop() {
  document.body.scrollTop = document.documentElement.scrollTop = 0;
}

function scrollToTop() {
  scrollTo(0, 0);
}

function scrollToTop() {
  const app = document.querySelector("#app");
  app.scrollIntoView();
}

function Person(name) {
  this.name = name;
}

Person.prototype.getName = function () {
  return this.name;
};

var objFactory = function () {
  let obj = new Object();
  // 获取实参的第一个值
  // 等效于 arguments.shift()
  Constructor = [].shift.call(arguments); // arguments  实参 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments
  // arguments对象不是一个 Array 。它类似于Array，但除了length属性和索引元素之外没有任何Array属性。例如，它没有 pop 方法。但是它可以被转换为一个真正的Array
  obj.__proto__ = Constructor.prototype;
  // 修改Constructor(这里是指Person)里的this指向obj
  // 所以obj.name = 'seven'
  // 这里argiments第一个值已经被shift() 了
  var ret = Constructor.apply(obj, arguments);
  console.log(ret);
  // var ret = Person.apply(obj, arguments);
  return typeof ret === 'object' ? ret : obj;
};
// let a = new Person('seven');
var a = objFactory(Person, 'seven');
console.log(a.name);
console.log(a.getName());
console.log(Object.getPrototypeOf(a) === Person.prototype);

@id // 随机身份证
@guid // 随机id
@ip // 随机ip地址

// 数字
"number|1-100": 100   // 随机数字1-100内
"number|+1": 202  // 202开始自增1
// 布尔值
'boolean': '@boolean'
// 或者用0/1代替
'numnber|0-1': 0

// 时间
@date
Random.date('yyyy-MM-dd')
@time

// 姓名
@name
Random.name()
@name(true) // 有middle name

// 获取屏幕可视区域的高度 （不包括滚动条）
document.documentElement.clientHeight

// 获取元素相对于文档顶部的高度
element.offsetTop

// 获取浏览器窗口顶部与文档顶部之间的距离，也就是滚动条滚动的距离
document.documentElement.scrollTop

const bound = el.getBoundingClientRect();

var oReq = new XMLHttpRequest();
oReq.open("GET", url);
// 以二进制字符串形式检索未处理的数据
oReq.overrideMimeType("text/plain; charset=x-user-defined");
/* ... */

xhr.open('POST', 'http://127.0.0.1:3000', true);
// xhr.setRequestHeader(
//   'Content-Type',
//   'multipart/form-data;boundary=----WebKitFormBoundaryVFmi5Doq4aeH0RQ1'
// );//无效

// xhr.overrideMimeType('multipart/form-data'); //有效

xhr.responseType = 'blob'; //有效
xhr.send(formdata);

Boolean('')  // false
Boolean(0)  // false

const arr = [['1', 1], ['2', 2]]

const List = [
  { name: 'zs', age: 20 },
  { name: 'zs', age: 30 },
  { name: 'zs', age: 50 },
  { name: 'zs', age: 80 },
  { name: 'zs', age: 17 },
  { name: 'zs', age: 33 }
]

const List2 = List.sort((a, b) => {
  return a.age - b.age
})

<div id="app">Button</div>

const app = document.getElementById('app');
app.onclick = () => {
  console.log(123);
};
app.onclick = () => {
  console.log(456);
};
app.addEventListener('click', () => {
  console.log(789);
});
app.addEventListener('click', () => {
  console.log(890);
});

e.path || (e.composedPath && e.composedPath())