js基礎(chǔ)---3

王軍發(fā)布于2019-08-23 17:54 / 3304人閱讀

摘要：倒數(shù)第三位加上倒數(shù)第三位，再加上進(jìn)位，如果大于等于，產(chǎn)生進(jìn)位。。。。第一循環(huán)結(jié)束，進(jìn)行第二循環(huán)。第二循環(huán)是指，數(shù)字較小或者長(zhǎng)度較短的數(shù)字已經(jīng)加完結(jié)束了。拖拽節(jié)流一個(gè)函數(shù)只有在大于執(zhí)行周期時(shí)才執(zhí)行，周期內(nèi)調(diào)用不執(zhí)行。

實(shí)現(xiàn)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
  //對(duì)傳入的兩個(gè)參數(shù)做判斷，如果不是函數(shù)將其轉(zhuǎn)為函數(shù)
  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("成功的回調(diào)數(shù)據(jù)")
  }, 1000)
}).then(value => {
  console.log("Promise.then:  ", value)
})

大數(shù)相加

1.末尾加上末尾，如果大于等于10，產(chǎn)生進(jìn)位。如果沒有進(jìn)位就是0.2.倒數(shù)第二位加上倒數(shù)第二位，再加上進(jìn)位，如果大于等于10，產(chǎn)生進(jìn)位。3.倒數(shù)第三位加上倒數(shù)第三位，再加上進(jìn)位，如果大于等于10，產(chǎn)生進(jìn)位。。。。直到加完數(shù)字小的位數(shù)。第一循環(huán)結(jié)束，進(jìn)行第二循環(huán)。第二循環(huán)是指，數(shù)字較小（或者長(zhǎng)度較短）的數(shù)字已經(jīng)加完結(jié)束了。剩下的就是第一循環(huán)加完后，剩下的進(jìn)位與剩下的相加。

//bigNumberA和bigNumberB使用字符串存儲(chǔ)，否則會(huì)自動(dòng)轉(zhuǎn)化為科學(xué)計(jì)數(shù)
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寫一個(gè)動(dòng)畫，5s由快到慢，速度自定義

animation ease

實(shí)現(xiàn)一個(gè)三角形

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

快排是怎樣實(shí)現(xiàn)的 冒泡排序？ 手寫二分查找 手寫求一個(gè)字符串中出現(xiàn)次數(shù)最多且長(zhǎng)度最長(zhǎng)的子串 反轉(zhuǎn)鏈表

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;
};

圖片懶加載怎么做？ 防抖

函數(shù)防抖就是在函數(shù)需要頻繁觸發(fā)的情況下，只有足夠的空閑時(shí)間，才執(zhí)行一次。
典型應(yīng)用

百度搜索框在輸入稍有停頓時(shí)才更新推薦熱詞。

拖拽

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);
 }


}

節(jié)流

一個(gè)函數(shù)只有在大于執(zhí)行周期時(shí)才執(zhí)行，周期內(nèi)調(diào)用不執(zhí)行。好像水滴積攢到一定程度才會(huì)觸發(fā)一次下落一樣。
典型應(yīng)用：

搶券時(shí)瘋狂點(diǎn)擊，既要限制次數(shù)，又要保證先點(diǎn)先發(fā)出請(qǐng)求

窗口調(diào)整

頁面滾動(dòng)

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中最大整數(shù)是多少？

9開頭

數(shù)組扁平化是指將一個(gè)多維數(shù)組變?yōu)橐痪S數(shù)組

[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如何存儲(chǔ)一個(gè)數(shù)據(jù)？

cookie，session,localStorage,sessionStorage

正則表達(dá)式 nginx的適合做什么，反向代理，正向代理 http 中如果想要使用緩存需要設(shè)置哪些字段

Expires、Cache-Control、(強(qiáng)緩存)
Last-Modified、Etag。(協(xié)商緩存)

哪些數(shù)組會(huì)返回一個(gè)新的數(shù)組

map、filter、concat、slice

解析302、303、304、404、400狀態(tài)碼 對(duì)稱加密和非對(duì)稱加密有哪些區(qū)別？又有哪些應(yīng)用 websocket 如何傳輸文件

WebSocket發(fā)送圖片時(shí)候，我建議是進(jìn)行圖片壓縮，最好把圖片壓縮在100K以內(nèi)。
websocket發(fā)送大文件的時(shí)候，經(jīng)過我的測(cè)試，如果客戶端連接的服務(wù)器端的量比較大，分段發(fā)送，然后保存到數(shù)據(jù)庫。

你用node一般做什么？（包裝數(shù)據(jù)，轉(zhuǎn)發(fā)請(qǐng)求） react如何優(yōu)化 react的diff算法 進(jìn)程與線程

進(jìn)程是操作系統(tǒng)資源分配的基本單位，而線程是任務(wù)調(diào)度和執(zhí)行的基本單位。
個(gè)程序至少有一個(gè)進(jìn)程,一個(gè)進(jìn)程至少有一個(gè)線程。

云服務(wù)器 GPU云服務(wù)器深度學(xué)習(xí)的3個(gè)基礎(chǔ) python基礎(chǔ)教程第3版pdf js基礎(chǔ) js的基礎(chǔ)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104316.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

王軍

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

raksmart，中國(guó)香港機(jī)房服務(wù)器測(cè)評(píng)（大陸優(yōu)化線路）

閱讀 2498·2021-08-11 11:16
前端基礎(chǔ)入門四（JavaScript基礎(chǔ)）

閱讀 2938·2019-08-30 15:55
編程開發(fā)資源導(dǎo)航

閱讀 3337·2019-08-30 12:53
CSS自定義變量屬性——像less，sass那樣在css中使用變量（譯）

閱讀 1578·2019-08-29 13:28
塊級(jí)元素和行內(nèi)元素的區(qū)別

閱讀 3271·2019-08-28 18:17
this關(guān)鍵字

閱讀 944·2019-08-26 12:19
基于Webpack/TypeScript/Koa的環(huán)境配置

閱讀 2475·2019-08-23 18:27
設(shè)計(jì)模式：從ES5 到 TypeScript ——單例模式

閱讀 712·2019-08-23 18:17

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

js基礎(chǔ)---3

相關(guān)文章

**【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門**

**【重溫基礎(chǔ)】15.JS對(duì)象介紹**

【JS】關(guān)于JS的一些知識(shí)點(diǎn)（JS基礎(chǔ)，純記錄）

那些年，我的前端/Java后端書單

那些年，我的前端/Java后端書單

發(fā)表評(píng)論

0條評(píng)論

王軍

男|高級(jí)講師

TA的文章

raksmart，中國(guó)香港機(jī)房服務(wù)器測(cè)評(píng)（大陸優(yōu)化線路）

前端基礎(chǔ)入門四（JavaScript基礎(chǔ)）

編程開發(fā)資源導(dǎo)航

CSS自定義變量屬性——像less，sass那樣在css中使用變量（譯）

塊級(jí)元素和行內(nèi)元素的區(qū)別

this關(guān)鍵字

基于Webpack/TypeScript/Koa的環(huán)境配置

設(shè)計(jì)模式：從ES5 到 TypeScript ——單例模式

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

js基礎(chǔ)---3

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！