Creates a function that accepts up to n arguments, ignoring any additional arguments.
Call the provided function, fn, with up to n arguments, using Array.slice(0,n) and the spread operator (...).
const ary = ( fn, n) => ( ... args) => fn ( ... args. slice ( 0 , n));
+ } 30 seconds of code Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
Adapter ary call collectInto flip over overArgs pipeAsyncFunctions pipeFunctions promisify rearg spreadOver unary Array all any bifurcate bifurcateBy chunk compact countBy countOccurrences deepFlatten difference differenceBy differenceWith drop dropRight dropRightWhile dropWhile everyNth filterNonUnique findLast findLastIndex flatten forEachRight groupBy head indexOfAll initial initialize2DArray initializeArrayWithRange initializeArrayWithRangeRight initializeArrayWithValues intersection intersectionBy intersectionWith isSorted join last longestItem mapObject maxN minN none nthElement partition permutations pull pullAtIndex pullAtValue pullBy reducedFilter reduceSuccessive reduceWhich remove sample sampleSize shuffle similarity sortedIndex sortedIndexBy sortedLastIndex sortedLastIndexBy stableSort symmetricDifference symmetricDifferenceBy symmetricDifferenceWith tail take takeRight takeRightWhile takeWhile union unionBy unionWith uniqueElements unzip unzipWith without xProd zip zipObject zipWith Browser arrayToHtmlList bottomVisible copyToClipboard createElement createEventHub currentURL detectDeviceType elementIsVisibleInViewport getScrollPosition getStyle hasClass hashBrowser hide httpsRedirect observeMutations off on onUserInputChange prefix recordAnimationFrames redirect runAsync scrollToTop setStyle show smoothScroll toggleClass UUIDGeneratorBrowser Date formatDuration getColonTimeFromDate getDaysDiffBetweenDates getMeridiemSuffixOfInteger tomorrow Function attempt bind bindKey chainAsync compose composeRight converge curry debounce defer delay functionName memoize negate once partial partialRight runPromisesInSeries sleep throttle times uncurry unfold Math approximatelyEqual average averageBy binomialCoefficient clampNumber degreesToRads digitize distance elo factorial fibonacci gcd geometricProgression hammingDistance inRange isDivisible isEven isPrime lcm luhnCheck maxBy median minBy percentile powerset primes radsToDegrees randomIntArrayInRange randomIntegerInRange randomNumberInRange round sdbm standardDeviation sum sumBy sumPower toSafeInteger Node atob btoa colorize hasFlags hashNode isTravisCI JSONToFile readFileLines untildify UUIDGeneratorNode Object bindAll deepClone defaults equals findKey findLastKey flattenObject forOwn forOwnRight functions get invertKeyValues lowercaseKeys mapKeys mapValues matches matchesWith merge nest objectFromPairs objectToPairs omit omitBy orderBy pick pickBy shallowClone size transform truthCheckCollection unflattenObject String byteSize capitalize capitalizeEveryWord decapitalize escapeHTML escapeRegExp fromCamelCase isAbsoluteURL isAnagram isLowerCase isUpperCase mask pad palindrome pluralize removeNonASCII reverseString sortCharactersInString splitLines stringPermutations stripHTMLTags toCamelCase toKebabCase toSnakeCase truncateString unescapeHTML URLJoin words Type getType is isArrayLike isBoolean isEmpty isFunction isNil isNull isNumber isObject isObjectLike isPlainObject isPrimitive isPromiseLike isString isSymbol isUndefined isValidJSON Utility castArray cloneRegExp coalesce coalesceFactory extendHex getURLParameters hexToRGB httpGet httpPost mostPerformant nthArg parseCookie prettyBytes randomHexColorCode RGBToHex serializeCookie timeTaken toCurrency toDecimalMark toOrdinalSuffix validateNumber yesNo Adapter ary Creates a function that accepts up to n arguments, ignoring any additional arguments.
Call the provided function, fn, with up to n arguments, using Array.slice(0,n) and the spread operator (...).
const ary = ( fn, n) => ( ... args) => fn ( ... args. slice ( 0 , n));
Show examples const firstTwoMax = ary ( Math. max, 2 );
[[ 2 , 6 , 'a' ], [ 8 , 4 , 6 ], [ 10 ]]. map ( x => firstTwoMax ( ... x));
📋 Copy to clipboard call Given a key and a set of arguments, call them when given a context. Primarily useful in composition.
Use a closure to call a stored key with stored arguments.
const call = ( key, ... args) => context => context[ key]( ... args);
@@ -747,6 +747,15 @@ document. bodyShow examplesonUserInputChange ( type => {
console. log ( 'The user is now using' , type, 'as an input method.' );
});
+📋 Copy to clipboard prefix Returns the prefixed version (if necessary) of a CSS property that the browser supports.
Use Array.findIndex() on an array of vendor prefix strings to test if document.body has one of them defined in its CSSStyleDeclaration object, otherwise return null. Use String.charAt() and String.toUpperCase() to capitalize the property, which will be appended to the vendor prefix string.
const prefix = prop => {
+ const capitalizedProp = prop. charAt ( 0 ). toUpperCase () + prop. slice ( 1 );
+ const prefixes = [ '' , 'webkit' , 'moz' , 'ms' , 'o' ];
+ const i = prefixes. findIndex (
+ prefix => typeof document. body. style[ prefix ? prefix + capitalizedProp : prop] !== 'undefined'
+ );
+ return i !== - 1 ? ( i === 0 ? prop : prefixes[ i] + capitalizedProp) : null ;
+};
+Show examples prefix ( 'appearance' );
📋 Copy to clipboard recordAnimationFrames Invokes the provided callback on each animation frame.
Use recursion. Provided that running is true, continue invoking window.requestAnimationFrame() which invokes the provided callback. Return an object with two methods start and stop to allow manual control of the recording. Omit the second argument, autoStart, to implicitly call start when the function is invoked.
const recordAnimationFrames = ( callback, autoStart = true ) => {
let running = true ,
raf;
diff --git a/snippets/prefix.md b/snippets/prefix.md
index b5704f7b5..65d009c35 100644
--- a/snippets/prefix.md
+++ b/snippets/prefix.md
@@ -9,9 +9,11 @@ Use `String.charAt()` and `String.toUpperCase()` to capitalize the property, whi
const prefix = prop => {
const capitalizedProp = prop.charAt(0).toUpperCase() + prop.slice(1);
const prefixes = ['', 'webkit', 'moz', 'ms', 'o'];
- const i = prefixes.findIndex(prefix => typeof document.body.style[(prefix ? prefix + capitalizedProp : prop)] !== 'undefined');
- return i !== -1 ? i === 0 ? prop : prefixes[i] + capitalizedProp : null;
-}
+ const i = prefixes.findIndex(
+ prefix => typeof document.body.style[prefix ? prefix + capitalizedProp : prop] !== 'undefined'
+ );
+ return i !== -1 ? (i === 0 ? prop : prefixes[i] + capitalizedProp) : null;
+};
```
```js
30 seconds of code Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.