🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 链滴笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

功能 - 缓存

2020-03-03 描述返回一个内存(缓存)函数。提示通过实例化一个新的 Map 对象来创建一个空的缓存返回带有一个参数的函数以提供缓存方法,该方法先检查 fn 函数根据指定的输入所返回的输出是否被缓存,如果没有的话就先进行存储,然后再返回必须使用关键字 function,以便在必要时允许返回的缓存函数修改 this 上下文将 cache 设置为返回函数的属性,以便方便的获取所有缓存代码 constmemoize=fn

功能 - 执行频率

2020-03-02 描述返回一个函数每秒执行的次数。hz 是 hertz 的单位,该频率的单位定义为每秒一个周期。提示使用 performance.now()分别获取函数重复执行 iterations 次之前和之后的时间,两个时间相减即可得出所需时间将毫秒转换为秒后再除以函数执行所花费的时间,就可以得到每秒执行的次数第二个参数 iterations 的默认值为 100 代码 consthz=(fn,iterations=

功能 - 函数名称

2020-02-28 描述打印函数的名称。提示使用 console.debug()和参数中的 name 属性进行打印将方法的名称打印到控制台中的 debug 频道代码 constfunctionName=fn=>(console.debug(fn.name),fn);示例将方法名打印到控制台的 debug 频道中:functionName(Math.max);//max 返回总目录每天 30 秒系列之 JavaScript 代

功能 - 延迟执行

2020-02-27 描述 wait 毫秒后调用提供的函数。提示使用 setTimeout()延迟执行 fn 使用扩展运算符...为函数提供任意数量的参数代码 constdelay=(fn,wait,...args)=>setTimeout(fn,wait,...args);示例 1000 毫秒后打印日志:delay(function(text){console.log(text);},1000,'later');返

Vditor 快捷键

SummaryNameKeymapRemarksHeadingsCtrlH/⌘HseebelowBoldCtrlB/⌘BItalicCtrlI/⌘IStrikeoutCtrlS/⌘SLinkCtrlK/⌘KseebelowUnorderedListCtrlL/⌘LseebelowOrderedListCtrlO/⌘OseebelowTaskListCtrlJ/⌘JseebelowBlockquote

功能 - 防止抖动

2020-02-26 描述创建一个防止抖动的函数,使其延迟调用提供的函数,直到上次调用该函数至少经过了 ms 毫秒提示防止抖动函数每一次被调用前,都需要使用 clearTimeout()清空上一次将要运行的 timeout 使用 setTimeout()创建一个新的 timeout,将调用的函数延迟至少 ms 后在执行使用 Function.prototype.apply()设置函数的上下文为 this,并提供必要的参数第

功能 - 异常捕获

2020-02-25 描述尝试从提供的参数中调用其方法,返回运行的结果或者捕获的异常对象。提示使用 try...catch 块来返回函数运行的结果或者是适当的异常代码 constattempt=(fn,...args)=>{try{returnfn(...args);}catch(e){returneinstanceofError?e:newError(e);}};示例根据选择器获取元素,并对选择器错误的情

大前端 - Web Components

2020-02-24 简介 WebComponents 是 W3C 正在向 HTML 和 DOM 规范添加的一套功能,他允许在 Web 应用程序中创建可重用的组件。他由以下三部分组成,可单独或组合使用:Customelements(自定义元素):编写自定义组件的 JavaScriptAPIShadowDOM(影子 DOM)HTMLtemplates(HTML 模板):包含 <template> 和 <slot>Customeleme

Vditor v2.1.14 发布,完善所见即所得编辑模式

简介该版本主要特性如下:为所见即所得模式添加快捷键操作提供主题切换方法:setTheme(theme:"dark"|"classic")支持数学公式渲染配置,可使用"KaTeX"或"MathJax"修复所见即所得模式下的大量 bug 在此感谢 jakekwak 反馈的 bug 和提出的宝贵建议。黑色主题截图升级移除 mathRenderByLute 方法,可使用 mathRender 替代原有 classic.scss 文

酸甜苦辣的 2019

酸甜苦辣今年是创业的第二年,有时觉得很幸苦,有时觉得很慵懒,有时觉得有压力,有时觉得很幸福。也许这就是生活,充满了酸甜苦辣。2019 翻看了去年的总结,很巧,都是大年三十的前一天所写。因此决定以后每年大年二十九为自己加一条:宜写总结点滴生活回忆这一年,感觉每天的日常都差不多:早起-> 送娃-> 吃早点-> 打码-> 午饭-> 散步(B3log 产品讨论会)-> 午睡-> 接娃-> 晚饭-> 陪娃-> 打码-> 煲剧-> 睡觉。

功能 - 柯里化函数

2020-01-23 描述将一个函数实现柯里化传参。提示使用递归如果提供的参数(args)个数充足,则调用传递的函数 fn 否则的话,返回一个包含剩余参数的柯里化函数 fn 如果你想要柯里化一个可以接受任意参数的函数(一个可变参函数,如 Math.min()),你可以将参数的数量传递给第二个可选参数 arity 代码 constcurry=(fn,arity=fn.length,...args)=>arity<=ar

功能 - 调用栈清空后再执行

2020-01-22 描述延迟一个函数的调用,直到调用栈被清空后才执行。提示使用一个 1ms 延迟的 setTimeout()将一个新的事件添加到浏览器事件队列中,并允许渲染引擎完成他的任务使用扩展运算符...将 fn 之后剩余的参数提供给延迟执行的函数作为参数代码 constdefer=(fn,...args)=>setTimeout(fn,1,...args);示例先打印 b 再打印 a:defer(console

功能 - 函数从左到右执行

2020-01-21 描述对集合中的函数从左到右依次执行。提示使用 Array.prototype.reduce()从左到右依次执行集合中的函数第一个(最左边)的函数可以接受一个或者多个参数剩余的函数只能接受上一个函数的执行的结果作为参数代码 constcomposeRight=(...fns)=>fns.reduce((f,g)=>(...args)=>g(f(...args)));示例先加再乘:con

功能 - 函数从右到左执行

2020-01-20 描述对集合中的函数从右到左依次执行。提示使用 Array.prototype.reduce()从右到左依次执行集合中的函数最后一个(最右边)的函数可以接受一个或者多个参数剩余的函数只能接受上一个函数的执行的结果作为参数代码 constcompose=(...fns)=>fns.reduce((f,g)=>(...args)=>f(g(...args)));示例先乘再加:constad

功能 - 异步函数链

2020-01-19 描述创建一个异步函数链。提示对一个数组中包含异步事件的函数进行遍历当每一个异步函数事件完成时调用 next 代码 constchainAsync=fns=>{letcurr=0;constlast=fns[fns.length-1];constnext=()=>{constfn=fns[curr++];fn===last?fn():fn(next);};next();};示例每隔一秒输

功能 - 函数上下文绑定

2020-01-17 描述创建一个函数,让其使用给定的上下文来调用 fn,并且可以在最终参数之前可选的为 fn 添加任意提供的额外参数。提示返回一个使用 Function.prototype.apply()让 fn 上下文为给定的 context 的函数使用扩展运算符将额外提供的任意参数添加到最终参数之前代码 constbind=(fn,context,...boundArgs)=>(...args)=>fn.appl

功能 - 解构柯里化函数

2020-01-16 描述将一个深度为 n 的柯里化函数进行解构。提示返回一个可变的函数为提供的参数使用 Array.prototype.reduce(),让其可以逐层调用每一层的柯里化函数如果提供的参数 length 小于 n 的话则抛出一个错误使用 Array.prototype.slice(0,n)获取符合要求的所有参数,使其作为 fn 的参数进行调用第二个参数 n 的默认值为 1,表示只进行一层解构代码 constunc

功能 - 睡眠

2020-01-15 描述延迟执行一个异步函数。提示在一个 async 函数中,延迟运行后续部分的代码通过返回一个含有 setTimeout 的 Promise 来进行睡眠代码 constsleep=ms=>newPromise(resolve=>setTimeout(resolve,ms));示例 1 秒后再输出另一个日志:asyncfunctionsleepyWork(){console.log("I'mgoing

功能 - 重复调用函数

2020-01-14 描述使用迭代函数和初始值构建一个数组。提示使用 while 循环和 Array.prototype.push()重复的调用函数,直到返回 false 迭代函数只接受一个参数 seed,他每次运行后要么返回包含两个元素的数组[value,nextSeed],要么返回终止标志 false 代码 constunfold=(fn,seed)=>{letresult=[],val=[null,seed];w

功能 - 函数聚合

2020-01-13 描述接受一个聚合函数和一个使用列表保存的分支函数作为参数,每一个分支函数都使用相同的参数进行运行,并将运行结果展开作为聚合函数的参数,最终返回该聚合函数运行的结果。提示使用 Array.prototype.map()和 Function.prototype.apply()让每一个函数都使用传入的参数进行运行使用扩展运算符(...)将所有其他的函数结果做为参数传递给 coverger 代码