js基础---3 - HelloWorld开发者社区

实现promise

const PENDING = 'pending'
const RESOLVED = 'resolved'
const REJECTED = 'rejected'
function MyPromise(fn){
 const that = this
  that.state = PENDING
  that.value = null
  that.resolvedCallbacks = []
  that.rejectedCallbacks = [] 
  function resolve(value) {
    if(that.state === PENDING) {
      that.state = RESOLVED
      that.value = value
      that.resolvedCallbacks.map(cb => cb(that.value))
    }
  }    
  function reject(value) {
    if(that.state === PENDING){
      that.state = REJECTED
      that.value = value;
      that.rejectedCallbacks.map(cb => cb(that.value));
    }
  }
  try {
    fn(resolve, reject)
  } catch (e) {
    reject(e)
  }
}    
MyPromise.prototype.then = function(onFulfilled, onRejected) {
  const that = this
  //对传入的两个参数做判断，如果不是函数将其转为函数
  onFulfilled = 
    typeof onFulfilled === 'function'
    ? onFulfilled 
    : v => v  // onFulfilled = v => v
  onRejected = 
    typeof onRejected === 'function'
    ? onRejected
    : r => {
      throw r
    }
  if(that.state === PENDING) {
    that.resolvedCallbacks.push(onFulfilled)
    that.rejectedCallbacks.push(onRejected)
  }
  else if(that.state === RESOLVED) {
    onFulfilled(that.value)
  }
  else {
    onRejected(that.value)
  }
}
new MyPromise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功的回调数据')
  }, 1000)
}).then(value => {
  console.log('Promise.then:  ', value)
})

大数相加

1.末尾加上末尾，如果大于等于10，产生进位。如果没有进位就是0。2.倒数第二位加上倒数第二位，再加上进位，如果大于等于10，产生进位。3.倒数第三位加上倒数第三位，再加上进位，如果大于等于10，产生进位。。。。直到加完数字小的位数。第一循环结束，进行第二循环。第二循环是指，数字较小（或者长度较短）的数字已经加完结束了。剩下的就是第一循环加完后，剩下的进位与剩下的相加。

//bigNumberA和bigNumberB使用字符串存储，否则会自动转化为科学计数
let bigNumberAdd = (bigNumberA, bigNumberB) => {
    let A  = (bigNumberA + '').split('');
    let B = (bigNumberB + '').split('');
    let aLen = A.length, bLen = B.length, cLen = Math.max(aLen, bLen) + 1;
    let result = [], prefix = 0;
    for (let i = 0; i< cLen -1; i++ ) {
        let a = aLen - i - 1 >= 0 ? parseInt(A[aLen - i - 1]) : 0, b = bLen - i - 1 >= 0 ? parseInt(B[bLen - i - 1]) : 0;
    result[i] = (a + b + prefix) % 10;
        prefix = Math.floor((a + b + prefix) / 10);
    }
    return result.reverse().join('');
};
bigNumberAdd('45486646468484544661134868968','544545867466464646');

纯js写一个动画，5s由快到慢，速度自定义

animation ease

实现一个三角形

.triangle{
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-buttom:100px solid yellow;
}

快排是怎样实现的

冒泡排序？

手写二分查找

手写求一个字符串中出现次数最多且长度最长的子串

反转链表

var reverseList=function(head){
if(head===null||head.next===null){
return head;
}
var new_head=reverseList(head.next);
head.next.next=head;
head.next=null;
return new_head;
};

图片懒加载怎么做？

防抖

函数防抖就是在函数需要频繁触发的情况下，只有足够的空闲时间，才执行一次。
触发高频事件后n秒后汉书只会执行一次，如果n秒内再次被触发，则重新计算时间。
典型应用

百度搜索框在输入稍有停顿时才更新推荐热词。

拖拽

function debounce(handler, delay){
 delay = delay || 300;
 var timer = null;
 return function(){
   var _self = this,
       _args = arguments;    
   clearTimeout(timer);
   timer = setTimeout(function(){
     handler.apply(_self, _args);
   }, delay);
 }


}

节流

一个函数只有在大于执行周期时才执行，周期内调用不执行。好像水滴积攒到一定程度才会触发一次下落一样。
典型应用：

抢券时疯狂点击，既要限制次数，又要保证先点先发出请求
窗口调整

页面滚动

function throttle(handler, wait){

 wait = wait || 300;
 var lastTime = 0;
 return function(){
   var _self = this,
   _args = arguments;
   var nowTime = new Date().getTime();
   if((nowTime - lastTime) > wait){
     handler.apply(_self, _args);
     lastTime = nowTime;
   }
 }
 }

js中最大整数是多少？

9开头

数组扁平化是指将一个多维数组变为一维数组

[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]
递归法：

function flatten(arr) {
  let res = [];
  arr.map(item => {
    if(Array.isArray(item)) {
      res = res.concat(flatten(item))
    } else {
      res.push(item);
    }
  })
  return res;
}

js如何存储一个数据？

cookie，session,localStorage,sessionStorage

正则表达式

nginx的适合做什么，反向代理，正向代理

http 中如果想要使用缓存需要设置哪些字段

Expires、Cache-Control、(强缓存)
Last-Modified、Etag。(协商缓存)

哪些数组会返回一个新的数组

map、filter、concat、slice

对称加密和非对称加密有哪些区别？又有哪些应用

websocket 如何传输文件

WebSocket发送图片时候，我建议是进行图片压缩，最好把图片压缩在100K以内。
websocket发送大文件的时候，经过我的测试，如果客户端连接的服务器端的量比较大，分段发送，然后保存到数据库。

你用node一般做什么？（包装数据，转发请求）

react如何优化

react的diff算法

进程与线程

进程是操作系统资源分配的基本单位，而线程是任务调度和执行的基本单位。
个程序至少有一个进程,一个进程至少有一个线程。