wps js宏使用 Lodash

boyanx4周前技术教程11

Lodash 只是对标准 JavaScript 内置对象的扩展,不涉及其他像 BOM、DOM 这类 API,所以是可以将它放进 WPS JS 宏的 Module(模块)中的,下面介绍怎么操作:

前提条件

1. Lodash 发行版代码

> 如果要按需自定义构建打包可参考其文档。

使用 Lodash 源码

我们直接将源码放进 Module 中,然后直接使用 Lodash 的方法。完整构建的 Lodash 有 500多KB,你也可以使用 core build 版本(仅包含 Lodash 核心);当然,你也可以进行自定义选择性构建打包版本(选择性使用部分方法而不是所有的 Lodash 方法函数)。

> 自定义构建版本需要自己构建,通过 lodash-cli 进行构建、打包。

npm install -g lodash-cli

然后通过 lodash 命令进行构建自己的版本。比如:

lodash core -o ./lodash/core

构建完成之后,你会得到两个文件:

  1. core.min.js
  2. core

名字`core` 与你输出的位置有关,我用了 "`-o ./lodash/core`" 所以才会有这两个文件。具体用 `lodash -h` 查看构建说明。

这两个文件中,我只使用 `core` 这个,它是未压缩的部分,而 `core.min.js` 是已经压缩(uglify)的版本。经测试,两个都是能工作的。

最好放在单独的模块中

Lodash 的源码还是比较大的,为了区别于自己的宏代码以及便于管理,最好将它单独放在一个模块里面。

使用

lodash 默认的别称为 "_",意义和作用和 JQuery 的 "#34;一样。部署好之后,就可以使用了。

立即窗口测试

_.keys({a:1}) // a

宏内测试

function _m_isItWorks(){

    Console.clear()

    let foo = _.keys({a:1}) // []

    Console.log(foo[0]) // a

    Console.log(JSON.stringfy(foo)) // ["a"]

}

到这里 Lodash 就算部算署完成了,开始展现你的创造力吧……

更多的内容可参考 Lodash 的文档

不理想的编程体验

其实使用起来并不好——没有键入提示(参考),这主要是 WPS JS宏编辑器不“智能”,加上它的一点漏洞,可能不容易发现错误所在。不过,只要你是资深的 Lodash 使用者还是能轻松驾驭的。

标签: jquery js

相关文章

python全栈开发是什么

也就是从前端页面的实现,到后端代码的编写,再到数据库的管理,一个人就可以搞定一个公司网站的一切,真正实现全栈开发。全栈只是一个概念,种类很多,真正的全栈工程师涵盖了Web开发、DBA、爬虫、测试、运维...

基于SpringBoot+mybatis开发的图书管理系统,非常适合练手

若依是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。前端采用Vue、Element UI。后端采用Spring Boot、Spring Security、Redis & Jwt。权限认证使...

《s24z 编程指南》大纲(AI 提示词)

由于 AIGC 的迅速发展,本教程《s24z 编程指南》,尝试用如下方法:准备《编程指南》的大纲,按章节划分,每小节由相关知识点和文字组成。每次将一小部分文本,以提示词的形式,送入 Kimi 或 Ch...

一款 Js 动画库,简单几行代码就能写出丝滑流畅、高性能的动画效果

使用简单,但做出来的动画非常丝滑,也能实现很多专业的动画效果,推荐给大家。关于 GSAPGSAP 的全名是 GreenSock Animation Platform,项目诞生非常早,远在 flash...

七爪源码:纯 CSS 和 JS 的原生平滑滚动

纯 CSS 和 JS 的原生平滑滚动你想要一个平滑的滚动吗? 忘记 JQuery,我们已经过去了。 让我向您介绍我们的原生平滑滚动工具。CSS 滚动行为CSS scroll-behavior 属性接受...

如何成为python全栈工程师

什么是Python全栈工程师?即从前端页面的实现,到后台代码的编写,再到数据库的管理,一人可以搞定一个公司网站的所有事情,真正实现全栈开发。全栈只是个概念 也分很多种类 真正的全栈工程师涵盖了web开...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。