首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在clojurescript中包含外部javascript库

在ClojureScript中包含外部JavaScript库的方法有几种。下面是其中两种常用的方法:

  1. 使用外部JavaScript库的npm包:
    • 首先,在ClojureScript项目的根目录下,通过npm安装所需的JavaScript库。例如,如果要使用lodash库,可以运行以下命令:npm install lodash
    • 在ClojureScript代码中,使用:require指令引入外部库。例如,要引入lodash库,可以在代码中添加以下行:(ns my-namespace (:require ["lodash" :as _]))
    • 然后,就可以在ClojureScript代码中使用lodash库了。例如,可以使用_.map函数对数组进行映射操作。
  • 使用外部JavaScript库的CDN链接:
    • 在ClojureScript代码中,可以直接使用外部JavaScript库的CDN链接。例如,要使用jQuery库,可以在代码中添加以下行:(js/require "https://code.jquery.com/jquery-3.6.0.min.js")
    • 然后,就可以在ClojureScript代码中使用jQuery库了。例如,可以使用(.ajax js/jQuery ...)函数进行AJAX请求。

这些方法都可以让你在ClojureScript中使用外部JavaScript库。根据具体的需求和情况,选择适合的方法即可。

注意:以上答案中没有提及腾讯云相关产品和产品介绍链接地址,因为腾讯云并不是与ClojureScript开发直接相关的云计算品牌商。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

每日前端夜话(0x03):2018年JavaScript状态调查(上)

介绍 JavaScript一直都在不停的变化。源源不断的产生新的、框架、语法……探索这些是充满乐趣的,不过也会使人感到压力。...调查结果是一系列独特的统计数据和见解,希望这些能够帮你在JavaScript生态系统实现自己的目标。 如果想要了解更多有关今年新功能的信息,请查看我们网站的公告了解更多详情。...因此,我们在整个调查过程中都包含了相关资源的链接,以帮你指明正确的方向。 披露:其中一些是付费赞助,我们对这些高质量项目资源的支持表示感谢和尊重。...随着像Web Assembly这样的项目到达现场,直接在JavaScript编写代码可能很快就会变得古怪,因为开发人员会使用像Rust这样的语言。...【请持续关注】 每日前端夜话(0x04):2018年JavaScript状态调查() 每日前端夜话(0x05):2018年JavaScript状态调查(下) 如果你觉得这对你有帮助,请点击下面的大拇指

71940

别忙着撒欢儿了,送你一本《前端函数式攻城指南》可好?

虽然前端浏览器只支持一门语言——JavaScript,但是能支持函数式编程的JavaScript越来越多,比如Functional JavaScript、Underscore、lodash等。...不仅如此,还有一些能编译成JavaScript的语言,能让前端的函数式编程发挥到极致,例如Haskell的PureScript、Scala的Scalajs、Clojure的ClojureScript。...Michael Fogus用200多页向大家展示了不一样的Functional JavaScript编程方式,可惜Fogus作为ClojureScript编译器的贡献者,竟然选择了Underscore作为函数式...有趣的是,ClojureScript的作者把ClojureScript的不可变(Immutable)数据结构移植到了JavaScript,这彻底将 JavaScript 的函数式编程提升到了用其他都完成不了的新高度...这一切的一切,都让我忍不住要帮Fogus出一本续集 用JavaScript实现其他函数式编程语言Clojure甚至是Haskell的奇技淫巧,让大家进一步感受用JavaScript这门不完美的语言同样可以编写出优雅的函数式代码

80270

翻译连载 | 附录 C:函数式编程函数-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

本书包含了函数式编程之精髓,希望可以帮助大家在学习函数式编程的道路上走的更顺畅。比心。...tranducers-js:数据转换器 monet.js:Monad 类型 上面的列表只列出了所有函数式编程的一小部分,并不是说没有在列表列出的就不好,也不是说列表列出的就是最佳选择,总之这只是...JavaScript 函数式编程世界的一瞥。...为了尽可能提升互通性,FL 已经成为 JavaScript 函数式编程遵循的实际标准。...Mori 受到 ClojureScript 极大的启发。如果您有 ClojureScript 编程经验,那您应该对 Mori 的 API 感到非常熟悉。

83200

Javascript: 世纪机器语言?

不像backend那么多千奇百怪的选择,在frontend,二十年来大浪淘沙,有且只有一门能在任何浏览器运行的语言:javascript。...2) 新语言,在javascript语言基础上扩展。typescript。javascript的超集。没用过。 3) 已有语言的子集,能编译出javascript的子集。...coffeescript,gopher2js。 点击「阅读原文」可以看到完整的compile to javascript的清单。 编译这事,并不简单,严复说译事三难:「信,达,雅」。...这里要专门赞一下clojurescript,这三者它都做得很好,而且很美。clojurescript在设计之初,就把google closure compiler作为其编译基础。...所以clojurescript就替你完成这件事:你用clojure(的子集)写代码,它帮你生成满足closure script约束的javascript

1.2K60

翻译连载 | 附录 C:函数式编程函数-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

tranducers-js:数据转换器 monet.js:Monad 类型 上面的列表只列出了所有函数式编程的一小部分,并不是说没有在列表列出的就不好,也不是说列表列出的就是最佳选择,总之这只是...JavaScript 函数式编程世界的一瞥。...为了尽可能提升互通性,FL 已经成为 JavaScript 函数式编程遵循的实际标准。...Mori (0.3.2) 在第 6 章,我们已经快速浏览了一下 Immutable.js ,该可能是最广为人知的不可变数据结构了。 让我们来看一下另一个流行的:Mori。...Mori 受到 ClojureScript 极大的启发。如果您有 ClojureScript 编程经验,那您应该对 Mori 的 API 感到非常熟悉。

1.2K90

2019 前端框架对比及评测

我们只比较编译后的 JavaScript 文件大小。所有应用使用同样的 CSS 样式文件,CSS 文件加载自 CDN。所有应用使用的 HTML 也是一样的。...这些框架都支持编译或转换为 JavaScript,所以我们仅仅测量 JavaScript 文件大小。 代码行数 根据规范创建 RealWorld 应用需要多少行代码?...结论 就代码行数而言,使用 ClojureScript 的 re-frame 给出了炸裂的结果。Clojure 以异常高的表达力而闻名。...如果你在乎代码行数,应该了解下 ClojureScript、AppRun、Svelte。 总结 别忘了这并不是一个精确公平的对比。有些实现分离了代码,有些没有。...因为 RealWorld 仓库 的实现不完整。考虑下贡献代码!用你最喜欢的/框架实现一下,我们会在下次对比包含它们! 2. 为什么称它为 RealWorld?

1.3K00

在同一基准下对前端框架进行比较

我们只会比较已编译的 JavaScript 文件的大小。CSS 对所有变体都是通用的,并从 CDN(内容分发网络)下载。HTML 也适用于所有变体。...所有技术都编译或转换为 JavaScript,因此我们只比较这种文件的大小。 代码行数 作者根据规范创建 RealWorld app 需要多少行代码?...答:关注使用 ClojureScript 的 re-frame、AppRun 和 Svelte 。 ---- 问:想学习新东西吗? 答:选择一个你不知道的或框架!...用你喜欢的或框架实施解决方案,下次我们将会把它加进去! #2 为什么称它为 real world ? 因为它比 To-Do 程序多一点。...#3 为什么不包含我最喜欢的框架? 请参阅上面的#1,但是为了以防万一,再说一次:因为实现没有在 RealWorld repo 完成。我不做所有的实现 —— 这是社区的努力。

94320

「首席架构师推荐」React生态系统大集合

React形式 unform - ReactJS表单,用于创建不受控制的表单结构,包含嵌套字段,验证等等!...mori - ClojureScript的持久数据结构和支持API NestedTypes - 具有“纯渲染”支持的快速可变模型 swarm - JavaScript复制模型(MVC的M) caplet...- JavaScript模型 数据管理 Immutable.js - Javascript的不可变数据集合 cortex - 用于使用React集中管理数据的JavaScript avers -...一个现代客户端模型抽象 imvvm - React的不可变模型 - 视图 - 视图模型 morearty.js - 在纯JavaScript更好地管理React valuable - React的不可变数据存储...ClojureScript的不可变数据和Datalog查询引擎 immstruct - 不可变数据结构,具有基于组件的React)从上到下属性的历史记录 seamless-immutable

12.3K30

Twitter工程师聊JS

6 这个网站是个很好的ES6入门读物 尽管JS有着不同的运行环境,但并不影响使用ES6新特性,因为有了像Babel这类很棒的工具,可以把你的代码转换为兼容各个平台的代码 JS还有一些变体,例如 ClojureScript...、TypeScript、CoffeeScript ClojureScript 是Clojure转换到JavaScript,而Clojure是一种运行在Java平台上的Lisp方言 TypeScript...请求每个JS的依赖通常是一个script tag接着一个script tag,很慢 所以出现了JS bundle的概念,把所有依赖都放到一个文件,并压缩 有些工具还支持 hot reloading...和 sourcemaps hot reloading 当文件内容变化时,在浏览器动态更新文件 sourcemaps 使debug更加容易,使bundle回到原始形式 Grunt、gulp、broccoli...JS的测试越来越重要,JS本身没有测试框架,需要依赖外置 Mocha和Jasmine是两个主流,你来定义预期行为,然后进行断言 对于运行测试,Mocha提供了命令行工具,而Jasmine没有,很多开发者使用

1.4K60

Chrome Extension in CLJS —— 搭建开发环境

前言  磨刀不误砍柴工,本篇将介绍如何搭建Chrome插件的ClojureScript开发环境。...5.别开心太早  不知道是什么原因我们只能用fireplace中部分的功能而已,通过:Source 查看定义,:FindDoc 查看匹配的Docstring,但无法通过...开发时最多就是将optimizations设置为simple,这时标识符并没有被压缩,所以chrome.runtime.onMessage.addListener等外部定义标识符依然是原装的。...但启用advanced编译模式后,由于上述外部标识符的定义并不纳入GCC的编译范围,因此GCC仅仅将调用部分代码压缩了,而定义部分还是原封不动,那么在运行时调用自然而然就找不到相应的定义咯。...Cljs早已为我们找到了解决办法,那就是添加extern文件,extern文件描述外部函数、变量等声明,那么GCC根据extern的声明将不对调用代码同签名的标识符作压缩。

2.1K60

JavaScript 的 不变性(Immutability)

在这篇文章,我将展示什么是完全不变的,如何在JavaScript中使用这个概念,以及为什么它是有用的。 什么是不变性? 可变性的文本定义是可能会被改变的。...In JavaScript, Mutability Abounds 在JavaScript,字符串和数字是不可改变的设计。...如果数组与字符串和数字的处理一致,v2将包含一个新数组,其中包含一个元素 - 数字2 - 。然而,这种情况并非如此。相反,arr引用已被更新为包含数字,v2的值是arr的新长度。...JavaScript不变性的实践 JavaScript还没有不可变的列表和地图,所以我们现在需要一个第三方。有两个很好的可用。...第一个是[Mori](https://github.com/swannodette/mori),它可以在JavaScript中使用ClojureScript的持久数据结构和支持的API。

96520

分享近百道JavaScript 基础面试题,帮助你巩固JavaScript 基础知识

闭包是一个函数,即使在外部函数完成执行后,它仍保留从其外部范围访问变量的功能。 10. 如何在 JavaScript 创建对象?...() 这样的。...闭包是可以从其外部词法环境访问变量的函数,即使在外部函数完成执行之后也是如此。 60. 如何从 JavaScript 的数组删除重复项?...concat() 方法用于合并两个或多个数组,创建一个包含连接元素的新数组。 69. 如何在 JavaScript 对数组进行排序? 可以使用 sort() 方法按字母顺序或数字顺序对数组进行排序。...可以使用 Moment.js 等或使用日期对象的方法( getFullYear()、getMonth()、getDate() 等)从特定格式的字符串构造日期对象。 83.

17810

Chrome Extension in CLJS —— 搭建开发环境

前言  磨刀不误砍柴工,本篇将介绍如何搭建Chrome插件的ClojureScript开发环境。...5.别开心太早  不知道是什么原因我们只能用fireplace中部分的功能而已,通过:Source 查看定义,:FindDoc 查看匹配的Docstring,但无法通过...开发时最多就是将optimizations设置为simple,这时标识符并没有被压缩,所以chrome.runtime.onMessage.addListener等外部定义标识符依然是原装的。...但启用advanced编译模式后,由于上述外部标识符的定义并不纳入GCC的编译范围,因此GCC仅仅将调用部分代码压缩了,而定义部分还是原封不动,那么在运行时调用自然而然就找不到相应的定义咯。...Cljs早已为我们找到了解决办法,那就是添加extern文件,extern文件描述外部函数、变量等声明,那么GCC根据extern的声明将不对调用代码同签名的标识符作压缩。

1.7K20

React从入门到放弃,一个关于网页速度的故事

当我开始深入研究前端的替代方案时,我发现了 FRP、Flapjax 和 ClojureScript。其中 ClojureScript 让我迷上了 Clojure。...还有一个备选——Unpoly。这个围绕布局和样式有更多特性,但是在 XHR 上的想法比较少(例如,如果没有表单,很难完成带参数的 POST 请求)。而且这个大的多。...在 Intercooler ,如果你在 body 声明ic-target属性,其中的所有标签都会认为它们的 target 也是这个。...TwinSpark 方案在大部分情况下对用户更友好:更少的 JavaScript,更少的抖动,更常见的类似 HTML 的行为。...JS 包那么大不是因为包含的图像、css 或其它一些复杂的东西,而是因为它是整个 app,有很多视图和逻辑。

1K20
领券