@underscore / 博客 RSS 訂閱

ecmascript-6 , es5 , underscore , 前端 , Javascript

Nov 06 2025

洋仔 - 數組並集/交集/差集

underscore 官網 _.union([2,1,2]); // [2,1] lodash 官網 _.uniq([2,1,2]); [2,1] 不產生新數組使用indexOf判斷和splice刪除。 const removeDuplicates = (nums) = { let len = nums.length - 1 for(let i = len; i=0; i--

Dec 14 2017

冴羽 - underscore 系列之防衝突與 Utility Functions

防衝突 underscore 使用 _ 作為函數的掛載對象，如果頁面中已經存在了 _ 對象，underscore 就會覆蓋該對象，舉個例子： var _ = {value: 1 } // 引入 underscore 後 console.log(_.value); // undefined 所以 underscore 提供了 noConflict 功能，可以放棄 underscore 的控制變量

underscore系列 , underscore , 總結 , Javascript

Apr 03 2018

冴羽 - underscore 的源碼該如何閲讀？

前言別名：《underscore 系列 8 篇正式完結！》介紹 underscore 系列是我寫的第三個系列，前兩個系列分別是 JavaScript 深入系列、JavaScript 專題系列。這個系列算是 JavaScript 專題系列的番外篇，總共寫了 8 篇，重點介紹了 underscore 中的代碼組織、鏈式調用、內部函數、模板引擎、工具函數等內容，旨在幫助大家閲讀源碼，以及寫出自己的

轉義字符 , underscore系列 , underscore , escape , Javascript

Mar 29 2018

冴羽 - underscore 系列之字符實體與 _.escape

前言 underscore 提供了 _.escape 函數，用於轉義 HTML 字符串，替換 , , , ", ', 和 ` 字符為字符實體。 _.escape('Curly, Larry Moe'); = "Curly, Larry amp; Moe" underscore 同樣提供了 _.unescape 函數，功能與 _.escape 相反： _.unescape('Curly, Larr

函數 , lodash , underscore , Javascript

Jun 17 2019

條件狀語從句 - 説説JavaScript中函數的防抖 (Debounce) 與節流 (Throttle)

為何要防抖和節流有時候會在項目開發中頻繁地觸發一些事件,如 resize、 scroll、 keyup、 keydown等，或者諸如輸入框的實時搜索功能，我們知道如果事件處理函數無限制調用，會大大加重瀏覽器的工作量，有可能導致頁面卡頓影響體驗；後台接口的頻繁調用，不僅會影響客户端體驗，還會大大增加服務器的負擔。而如果對這些調用函數增加一個限制，讓其減少調用頻率，豈不美哉？針對這個問題，一般有兩

node.js , lodash , Css , underscore , Javascript

Dec 29 2017

端端 - You-Dont-Need : 你不需要系列

1 You-Dont-Need-JavaScript CSS是強大的，你可以做很多事情沒有JS。本文教你使用原生CSS做下面的事情。內容目錄手風琴/切換圓盤傳送帶檢查複選框的計數器翻轉點擊 Textfield上的浮動標籤字體（拉丁）遊戲懸停/彈出信息圖片廊菜單移動菜單關閉畫布漢堡菜單花式菜單莫代爾/彈出鼠標跟蹤視差滾動標

Apr 29 2019

suporka - underscore 誕生記（二）—— 鏈式調用與混入（mixin）

上篇文章講述了 underscore 的基本結構搭建，本文繼續講鏈式調用與混入。如果你還沒看過第一篇文章，請點擊 “underscore 誕生記（一）—— 基本結構搭建” 鏈式調用在 JQuery 中，我們經常使用到鏈式調用，如： $('.div') .css('color', 'red') .show(); 那麼在 underscore 中，是否支持鏈式調用呢？答案是支持的，只不過

Mar 14 2019

zhehuaxuan - 跟underscore一起學如何寫函數庫

原文：https://zhehuaxuan.github.io/... 作者：zhehuaxuan 目的 Underscore 是一個 JavaScript 工具庫，它提供了一整套函數式編程的實用功能，但是沒有擴展任何 JavaScript 內置對象。本文主要梳理underscore內部的函數組織與調用邏輯的方式和思想。通過這篇文章，我們可以：瞭解underscore在函數組

underscore , Javascript

underscore系列 , 模板引擎 , underscore , Javascript

Jan 25 2018

冴羽 - underscore 系列之實現一個模板引擎(下)

前言本篇接着上篇 underscore 系列之實現一個模板引擎(上)。鑑於本篇涉及的知識點太多，我們先來介紹下會用到的知識點。反斜槓的作用 var txt = "We are the so-called "Vikings" from the north." console.log(txt); 我們的本意是想打印帶 "" 包裹的 Vikings 字符串，但是在 JavaScript 中，字符串

數組 , 面試 , underscore , Javascript

May 30 2019

yidingyaodidiao - JavaScript 數組展開(扁平化)和underscore的 flatten

原文地址數組展開就是將嵌套的數組扁平化（轉換為一維的）eg: const arr=[[[1, 2], [1, 2, 3]], [1, 2]] = [1, 2, 1, 2, 3, 1, 2] console.log(flatten(arr)) //[1,2,1,2,3,1,2] 1、判斷每一項是否是數組，然後遞歸 const arr=[[[1, 2], [1, 2, 3,"a"]], [

Dec 06 2017

冴羽 - underscore 系列之內部函數 restArgs

partial 在《 JavaScript 專題之偏函數》中，我們寫了一個 partial 函數，用來固定函數的部分參數，實現代碼如下： // 這是文章中的第一版 function partial(fn) { var args = [].slice.call(arguments, 1); return function() { var newArgs = args.

Mar 16 2018

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構最近打算好好看看underscore源碼，一個是因為自己確實水平不夠，另一個是underscore源碼比較簡單，比較易讀。本系列打算對underscore1.8.3中關鍵函數源碼進行分析，希望做到最詳細的源碼分析。今天是underscore源碼剖析系列第一篇，主要對underscore整體架構和基礎函數進行分析。基礎模塊首先，我們先來簡

Dec 06 2018

不做祖國的韭菜 - 打造屬於自己的underscore系列 ( 一 )

本文為博主原創文章，轉載請註明出處 https://www.cnblogs.com/kidfl... underscore作為開發中比較常用的一個javascript工具庫，提供了一套豐富的函數式編程功能，該庫並沒有拓展原有的javascript原生對象，而是在自定義的_對象上，提供了100多個方法函數。在這個系列中，將從uderscore源碼角度，打造一個自己的underscore框架

underscore , Javascript

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

Aug 08 2019

若川 - 學習 underscore 源碼整體架構，打造屬於自己的函數式編程類庫

前言你好，我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大，姑且就算是源碼整體結構吧，主要就是學習是代碼整體結構，不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼，不是實際倉庫中的拆分的代碼。要是有人説到怎麼讀源碼，正在讀文章的你能推薦我的源碼系列文章，那真是太好了。學習源碼整體架構系列文章如下： 1.學習 jQuery 源碼整體架構，打造屬於自

Dec 20 2017

冴羽 - underscore 系列之實現一個模板引擎(上)

前言 underscore 提供了模板引擎的功能，舉個例子： var tpl = "hello: %= name %"; var compiled = _.template(tpl); compiled({name: 'Kevin'}); // "hello: Kevin" 感覺好像沒有什麼強大的地方，再來舉個例子：在 HTML 文件中： ul id="name_list"/ul scrip

Dec 07 2017

oneday - underscore源碼解讀系列之一--underscore的一些工具函數

首先看一些在object塊定義的常用的類型判斷函數。 _.isElement(object) _.isElement = function(obj) { return !!(obj obj.nodeType === 1); }; nodeType相關知識點：節點類型描述名稱 1 Element 元素 ELEM

underscore

Mar 21 2020

王大山 - 我看underscore 源碼設計

先過濾掉underscore內部各個工具函數的具體邏輯，只看源碼庫本身有什麼內容。構造函數 underscore有兩種調用方式：風格對象 _.map([1, 2, 3], function(n){ return n * 2; }); 函數風格_([1, 2, 3]).map(function(n){ return n * 2; }); _是一個函數對象，api中的函數全都掛載到_上，實

Mar 20 2018

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

Apr 26 2019

suporka - underscore 誕生記（一）—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫，正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異，讓我們可以簡單地對 DOM 進行操作，underscore 則提供了一套完善的函數式編程的接口，讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時，會把自身綁定到唯一的全局變量 $ 上，underscore 與其類似，會把自身綁定到唯一的

Mar 19 2018

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , HTML , 前端 , Javascript

Mar 23 2018

尹光耀 - underscore debounce函數分析

underscore debounce函數分析標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發