資訊專欄INFORMATION COLUMN
摘要：專題系列共計(jì)篇，主要研究日常開發(fā)中一些功能點(diǎn)的實(shí)現(xiàn)，比如防抖節(jié)流去重類型判斷拷貝最值扁平柯里遞歸亂序排序等，特點(diǎn)是研究專題之函數(shù)組合專題系列第十六篇，講解函數(shù)組合，并且使用柯里化和函數(shù)組合實(shí)現(xiàn)模式需求我們需要寫一個(gè)函數(shù)，輸入，返回。
JavaScript 專題之從零實(shí)現(xiàn) jQuery 的 extend
JavaScritp 專題系列第七篇，講解如何從零實(shí)現(xiàn)一個(gè) jQuery 的 extend 函數(shù) 前言 jQuery 的 extend 是 jQuery 中應(yīng)用非常多的一個(gè)函數(shù)，今天我們一邊看 jQuery 的 extend 的特性，一邊實(shí)現(xiàn)一個(gè) extend! extend …
JavaScript 專題系列第十五篇，講解惰性函數(shù) 需求 我們現(xiàn)在需要寫一個(gè) foo 函數(shù)，這個(gè)函數(shù)返回首次調(diào)用時(shí)的 Date 對(duì)象，注意是首次。 解決一：普通方法 var t; function foo() { if (t) return t; t = new Date()…
JavaScript 專題系列第一篇，講解防抖，帶你從零實(shí)現(xiàn)一個(gè) underscore 的 debounce 函數(shù) 前言 在前端開發(fā)中會(huì)遇到一些頻繁的事件觸發(fā)，比如： window 的 resize、scroll mousedown、mousemove keyup、keydow…
JavaScript專題系列第五篇，講解更加復(fù)雜的類型判斷，比如 plainObject、空對(duì)象、類數(shù)組對(duì)象、Window對(duì)象、DOM 元素等 前言 在上篇《JavaScript專題之類型判斷(上)》中，我們抄襲 jQuery 寫了一個(gè) type 函數(shù)，可以檢測(cè)出常見的數(shù)據(jù)類型…
JavaScript 專題系列第三篇，講解各種數(shù)組去重方法，并且跟著 underscore 寫一個(gè) unique API 前言 數(shù)組去重方法老生常談，既然是常談，我也來談?wù)劇?雙層循環(huán) 也許我們首先想到的是使用 indexOf 來循環(huán)判斷一遍，但在這個(gè)方法之前，讓我們先看看最原…
亂序的意思就是將數(shù)組打亂。 嗯，沒有了，直接看代碼吧。 Math.random() - 0.5 隨機(jī)得到一個(gè)正數(shù)、負(fù)數(shù)或是 0，如果是正數(shù)則降序排列，如果是負(fù)數(shù)則升序排列，如果是 0 就不變，然后不斷的升序或者降序，最終得到一個(gè)亂序的數(shù)組。 看似很美好的一個(gè)方案，實(shí)際上，效果卻…
JavaScript 專題系列第二篇，講解節(jié)流，帶你從零實(shí)現(xiàn)一個(gè) underscore 的 throttle 函數(shù) 前言 在《JavaScript專題之跟著underscore學(xué)防抖》中，我們了解了為什么要限制事件的頻繁觸發(fā)，以及如何做限制： debounce 防抖 throt…
JavaScript 專題系列第九篇，講解如何實(shí)現(xiàn)數(shù)組的扁平化，并解析 underscore 的 _.flatten 源碼 扁平化 數(shù)組的扁平化，就是將一個(gè)嵌套多層的數(shù)組 array (嵌套可以是任何層數(shù))轉(zhuǎn)換為只有一層的數(shù)組。 舉個(gè)例子，假設(shè)有個(gè)名為 flatten 的函數(shù)可…
JavaScritpt 專題系列第八篇，講解多種方式求數(shù)組的最大值和最小值 前言 取出數(shù)組中的最大值或者最小值是開發(fā)中常見的需求，但你能想出幾種方法來實(shí)現(xiàn)這個(gè)需求呢？ Math.max JavaScript 提供了 Math.max 函數(shù)返回一組數(shù)中的最大值，用法是： Math…
JavaScript專題系列第四篇，講解類型判斷的各種方法，并且跟著 jQuery 寫一個(gè) type 函數(shù)。 前言 類型判斷在 web 開發(fā)中有非常廣泛的應(yīng)用，簡(jiǎn)單的有判斷數(shù)字還是字符串，進(jìn)階一點(diǎn)的有判斷數(shù)組還是對(duì)象，再進(jìn)階一點(diǎn)的有判斷日期、正則、錯(cuò)誤類型，再再進(jìn)階一點(diǎn)還有比如…
JavaScript 專題系列是我寫的第二個(gè)系列，第一個(gè)系列是 JavaScript 深入系列。 JavaScript 專題系列共計(jì) 20 篇，主要研究日常開發(fā)中一些功能點(diǎn)的實(shí)現(xiàn)，比如防抖、節(jié)流、去重、類型判斷、拷貝、最值、扁平、柯里、遞歸、亂序、排序等，特點(diǎn)是研(chao)究…
JavaScript 專題系列第十六篇，講解函數(shù)組合，并且使用柯里化和函數(shù)組合實(shí)現(xiàn) pointfree 模式 需求 我們需要寫一個(gè)函數(shù)，輸入 "kevin"，返回 "HELLO, KEVIN"。 嘗試 var toUpperCase = function(x) { return…
JavaScript 專題系列第十二篇，講解如何判斷兩個(gè)參數(shù)是否相等 前言 雖然標(biāo)題寫的是如何判斷兩個(gè)對(duì)象相等，但本篇我們不僅僅判斷兩個(gè)對(duì)象相等，實(shí)際上，我們要做到的是如何判斷兩個(gè)參數(shù)相等，而這必然會(huì)涉及到多種類型的判斷。 相等 什么是相等？在《JavaScript專題之去重》…
JavaScript 專題系列第十一篇，講解 jQuery 通用遍歷方法 each 的實(shí)現(xiàn) each介紹 jQuery 的 each 方法，作為一個(gè)通用遍歷方法，可用于遍歷對(duì)象和數(shù)組。 語法為： jQuery.each(object, [callback])回調(diào)函數(shù)擁有兩個(gè)參數(shù)…
JavaScript 專題系列第十四篇，講解偏函數(shù)以及如何實(shí)現(xiàn)一個(gè) partial 函數(shù) 定義 維基百科中對(duì)偏函數(shù) (Partial application) 的定義為： In computer science, partial application (or partial …
JavaScript專題系列第十篇，講解如何從數(shù)組中查找指定元素，并且跟著 undersocre 實(shí)現(xiàn) findIndex 和 findLastIndex、sortedIndex、indexOf 和 lastIndexOf 前言 在開發(fā)中，我們經(jīng)常會(huì)遇到在數(shù)組中查找指定元素的需…
JavaScript 專題系列第十八篇，講解遞歸和尾遞歸 定義 程序調(diào)用自身的編程技巧稱為遞歸(recursion)。 階乘 以階乘為例： function factorial(n) { if (n == 1) return n; return n * factorial(n …
JavaScript 專題系列第六篇，講解深淺拷貝的技巧和以及實(shí)現(xiàn)深淺拷貝的思路 前言 拷貝也是面試經(jīng)典吶！ 數(shù)組的淺拷貝 如果是數(shù)組，我們可以利用數(shù)組的一些方法比如：slice、concat 返回一個(gè)新數(shù)組的特性來實(shí)現(xiàn)拷貝。 比如： var arr = ["old", 1, …
v8 是 Chrome 的 JavaScript 引擎，其中關(guān)于數(shù)組的排序完全采用了 JavaScript 實(shí)現(xiàn)。 排序采用的算法跟數(shù)組的長(zhǎng)度有關(guān)，當(dāng)數(shù)組長(zhǎng)度小于等于 10 時(shí)，采用插入排序，大于 10 的時(shí)候，采用快速排序。(當(dāng)然了，這種說法并不嚴(yán)謹(jǐn))。 我們先來看看插入排序…
JavaScript 專題系列第十三篇，講解函數(shù)柯里化以及如何實(shí)現(xiàn)一個(gè) curry 函數(shù) 定義 維基百科中對(duì)柯里化 (Currying) 的定義為： In mathematics and computer science, currying is the technique o…
JavaScript 專題系列第十七篇，講解函數(shù)記憶與菲波那切數(shù)列的實(shí)現(xiàn) 定義 函數(shù)記憶是指將上次的計(jì)算結(jié)果緩存起來，當(dāng)下次調(diào)用時(shí)，如果遇到相同的參數(shù)，就直接返回緩存中的數(shù)據(jù)。 舉個(gè)例子： function add(a, b) { return a + b; } // 假設(shè) m…
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90268.html
摘要：寫在前面專題系列是我寫的第二個(gè)系列，第一個(gè)系列是深入系列。專題系列自月日發(fā)布第一篇文章，到月日發(fā)布最后一篇，感謝各位朋友的收藏點(diǎn)贊，鼓勵(lì)指正。 寫在前面 JavaScript 專題系列是我寫的第二個(gè)系列，第一個(gè)系列是 JavaScript 深入系列。 JavaScript 專題系列共計(jì) 20 篇，主要研究日常開發(fā)中一些功能點(diǎn)的實(shí)現(xiàn)，比如防抖、節(jié)流、去重、類型判斷、拷貝、最值、扁平、柯里...
摘要：專題系列第十八篇，講解遞歸和尾遞歸定義程序調(diào)用自身的編程技巧稱為遞歸。然而非尾調(diào)用函數(shù)，就會(huì)創(chuàng)建多個(gè)執(zhí)行上下文壓入執(zhí)行上下文棧。所以我們只用把階乘函數(shù)改造成一個(gè)尾遞歸形式，就可以避免創(chuàng)建那么多的執(zhí)行上下文。 JavaScript 專題系列第十八篇，講解遞歸和尾遞歸 定義 程序調(diào)用自身的編程技巧稱為遞歸(recursion)。 階乘 以階乘為例： function factorial(n...
摘要：前言自從上次在掘金發(fā)布年山地人的前端完整自學(xué)計(jì)劃講一個(gè)站主山地人的天前端自學(xué)故事以來，一眨眼山地人老哥在站做主已經(jīng)有天了。所以這個(gè)體系里的一些框架包括也是山地人年自學(xué)計(jì)劃的一部分。月底，山地人老哥開啟了的兩個(gè)專題。 前言 自從上次在掘金發(fā)布【2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事】 以來，一眨眼山地人老哥在B站做Up主已經(jīng)有85天了。 時(shí)隔一個(gè)...
摘要：所以它與其他系列的文章并不沖突，完全可以在閱讀完這個(gè)系列后，再跟著其他系列的文章接著學(xué)習(xí)。如何閱讀我在寫系列的時(shí)候，被問的最多的問題就是該怎么閱讀源碼我想簡(jiǎn)單聊一下自己的思路。感謝大家的閱讀和支持，我是冴羽，下個(gè)系列再見啦 前言 別名：《underscore 系列 8 篇正式完結(jié)！》 介紹 underscore 系列是我寫的第三個(gè)系列，前兩個(gè)系列分別是 JavaScript 深入系列、...
摘要：寫在前面深入系列共計(jì)篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順底層知識(shí)的系列。深入系列自月日發(fā)布第一篇文章，到月日發(fā)布最后一篇，感謝各位朋友的收藏點(diǎn)贊，鼓勵(lì)指正。 寫在前面 JavaScript 深入系列共計(jì) 15 篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順 JavaScript 底層知識(shí)的系列。重點(diǎn)講解了如原型、作用域、執(zhí)行上下文、變量對(duì)象、this、...
閱讀 2510·2021-11-15 11:38
閱讀 1959·2021-11-05 09:37
閱讀 2281·2021-10-08 10:12
閱讀 2818·2019-08-30 15:55
閱讀 2119·2019-08-30 15:52
閱讀 1230·2019-08-29 13:24
閱讀 470·2019-08-26 18:27
閱讀 1482·2019-08-26 18:27
