开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在图书馆的Common Lisp生态系统中，如何使用Clss和/或Plump而不是Parenscript来获取DOM的活动元素？

在Common Lisp生态系统中，Clss（Common LispScript）和Plump是两个用于处理DOM的库，而Parenscript是另一个用于将Lisp代码编译成JavaScript的库。如果你想在图书馆的项目中使用Clss和/或Plump而不是Parenscript来获取DOM的活动元素，可以按照以下步骤进行。

基础概念

Clss: Clss是一个用于操作DOM的Common Lisp库，它提供了类似于JavaScript的DOM操作接口。
Plump: Plump是一个用于解析和生成XML/HTML的Common Lisp库，它可以与Clss结合使用来处理DOM。
DOM（文档对象模型）: DOM是HTML和XML文档的编程接口，它将文档表示为节点和对象的树，以便开发人员可以使用编程语言（如JavaScript）来更改内容、结构和样式。

优势

Clss: 提供了直接的DOM操作接口，类似于JavaScript，易于上手。
Plump: 提供了强大的XML/HTML解析和生成功能，可以与Clss结合使用来处理复杂的DOM操作。

类型

Clss: DOM操作库
Plump: XML/HTML解析和生成库

应用场景

Clss: 适用于需要在Common Lisp中直接操作DOM的场景。
Plump: 适用于需要解析和生成复杂XML/HTML文档的场景。

示例代码

以下是一个使用Clss和Plump获取DOM活动元素的示例：

(require 'clss)
(require 'plump)

(defun get-active-elements ()
  (let ((doc (plump:parse-html "<html><body><div class='active'>Active Div</div></body></html>")))
    (clss:query doc ".active")))

(defun main ()
  (let ((active-elements (get-active-elements)))
    (dolist (element active-elements)
      (format t "Active element: ~a~%" (plump:serialize element)))))

(main)

解决问题的步骤

安装Clss和Plump: 确保你已经安装了Clss和Plump库。你可以使用Quicklisp来安装这些库：
安装Clss和Plump: 确保你已经安装了Clss和Plump库。你可以使用Quicklisp来安装这些库：
解析HTML文档: 使用Plump解析HTML文档，将其转换为DOM树。
查询活动元素: 使用Clss的查询功能来查找具有特定类名的活动元素。
处理活动元素: 对找到的活动元素进行处理，例如打印其内容。

参考链接

通过以上步骤，你可以在图书馆的项目中使用Clss和Plump来获取DOM的活动元素，而不需要依赖Parenscript。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

从15个点来思考前端大量数据渲染与频繁更新的方案

对于样式更改，可以通过修改类名或style.cssText而不是单独的样式属性，来减少重绘和回流。批量读取后批量写入: 浏览器会对DOM的连续读取和写入进行优化。...虚拟列表就像图书馆管理员，当你站在图书馆的某个位置时，管理员只给你拿来那部分你能看到的书，而不是整个图书馆的所有书。当你走到图书馆的另一部分时，管理员会根据你的新位置再次给你拿来那一区域的书。...在虚拟列表中，"放回原位"相当于回收DOM元素，而"拿新书"则相当于重用DOM元素。这样做减少了总体上需要管理的书籍（DOM元素）数量，从而提高效率。...它主要用在数据驱动的应用中，尤其是当数据频繁变更时。在差异更新中，只有数据改变的部分会触发DOM更新，而不是重新渲染整个DOM树。那种数据覆盖式更新就是全量更新，全部都需要重新渲染。...使用transition和animation属性来定义动画，而不是JavaScript的setInterval或setTimeout。

2.1K4 2

【19】进大厂必须掌握的面试题-50个React面试

即使仅在2015年才开源，它还是支持它的最大社区之一。 3. React的功能是什么？ React的主要功能如下：它使用虚拟DOM而不是真实DOM。它使用服务器端渲染。...下面列出了React的局限性： React只是一个库，而不是一个成熟的框架它的图书馆很大，需要花费一些时间来理解对于新手程序员而言，理解起来可能有点困难由于使用内联模板和JSX...但是在语法上存在一些差异，例如：事件使用驼峰式大小写而不是仅使用小写字母命名。事件是作为函数而不是字符串传递的。事件参数包含一组特定于事件的属性。...这些键必须是唯一的数字或字符串，React只能使用这些数字或字符串对元素进行重新排序，而不是重新渲染它们。这导致应用程序性能的提高。 React Redux – React面试问题 34....社区和生态系统– Redux在其背后拥有巨大的社区，这使其使用更加引人入胜。大量的才华横溢的社区为图书馆的发展做出了贡献，并开发了各种应用程序。

11.2K3 0

简述babel解析过程

月季的花期竟然这么长，五月都过完了，竟然还开着。先要了解的概念 lisp-like function 和C-like function 如果对这两个概念不熟悉，这里有个简单的示例。...LISP或C语法，它足以演示现代编译器的许多主要部分。...编译器解析过程大多数编译器主要分为三个阶段：解析，转换和代码生成。 1.解析是将原始代码转换成更抽象的代码表示。 2.转换采用这种抽象表示和操作来完成编译器想的结果。...在转换的过程中，我们需要以深度优先的方式遍历这个抽象语法树的每个节点。...比如之前的前端模板art-template,或者说vue本身也是依赖模板的框架，而它的{{xxxx}}语法似乎也可以理解为一种DSL。那么，如何自定义一个DSL,这个问题值得思考一下。

4662 0

快速学习-前端开发模式的发展

2010年，NPM作为node.js的包管理系统首次发布，开发人员可以遵循Common.js规范来编写Node.js模块，然后发布到NPM上供其他开发人员使用。目前已经是世界最大的包模块管理系统。...MVVM模式 M：即Model，模型，包括数据和一些基本操作 V：即View，视图，页面渲染结果 VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）在MVVM之前，开发人员从后端获取需要的数据模型...而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。...而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的：只要我们Model发生了改变，View上自然就会表现出来。...当用户修改了View，Model中的数据也会跟着改变。把开发人员从繁琐的DOM操作中解放出来，把关注点放在如何操作Model上。 ? 而我们今天要学习的，就是一款MVVM模式的框架：Vue

5752 0

Lisp语言简介_c++是什么语言

LISP有很多种方言，各个实现中的语言不完全一样。1980年代Guy L. Steele编写了Common Lisp试图进行标准化，这个标准被大多数解释器和编译器所接受。...在Unix/Linux系统中，还有一种和Emacs一起的Emacs Lisp（而Emacs正是用Lisp作为扩展语言进行功能扩展的）非常流行，并建立了自己的标准。...LISP语言的主要现代版本包括Common Lisp和Scheme。基本介绍 LISP 是第一個函數型程式語言，区别于C/Java等命令型编程语言。...Lisp的表达式是一个原子（atom）或表（list），原子（atom）又包含符號（symbol）與數值（number）；表是由零个或多个表达式组成的序列，表达式之间用空格分隔开，放入一对括号中，如：...反之一个被引用的表仅仅被视为表 > (atom ‘(atom ‘a))() 引用看上去有些奇怪，因为你很难在其它语言中找到类似的概念，但正是这一特征构成了 Lisp 最为与众不同的特点——代码和数据使用相同的结构来表示

2.4K2 1

关于XML小故事——解析

交互，表⾯是⾏为的交互，本质上是数据的交互。如果⽤计算机术语来表述，交互也就是所谓的可编程性。...（属性文件）第三种：ini（不常用） 2.1如何使用Properties读取配置文件 1）*.properties文件以键值对的方式存储数据； 2）使用Properties...而xpath就等同于数据库中的select语句！） ...1）xpath类似数据库中的select语句； 2）Document有节点（Node）组成：元素节点、属性、文本等； 3）selectNodes()获取节点下所有子节点； ...elem=(Element) node; //6.获取元素节点的属性 String pid=elem.attributeValue("pid"); System.out.println

2801 0

Web components

HTML模板：是一种定义可在需要时在DOM中实例化的可重复使用标记块的方法。它们通常在自定义元素中使用，用于定义组件的结构。...自定义元素：自定义元素定义：我们可以通过创建一个继承HTMLElement基类或其派生类的类来定义自己的自定义元素。该类代表自定义元素并定义其行为和属性。...Shadow DOM仍然封装了标记和样式，但无法从外部JavaScript中访问或操作。...HTML模板和插槽：HTML模板利用元素定义了可重复使用的标记结构，最初被隐藏和不活动，等待在DOM中进行动态插入，以促进可重用性。...在HTML中使用自定义元素时，标签内的内容将替换Shadow DOM中的元素的内容。

1150 0

Web前端开发:React.js与web前端是什么关系？

React中的前端开发围绕着React生态系统，而不仅仅是核心元素，最终消除了不必要的复杂性。图片 React生态系统从技术上讲，开发人员可以通过附加库扩展核心React库的功能。...React.js 将UI分解为独立的、可重用的部分和独立的组件。这就是如何在ES6中定义组件“Welcome”。此外，在React中构建应用程序时，你不必写下每个组件。...虚拟DOM是DOM的虚拟表示，它保留在内存中，而不是用户的屏幕中。于是问题出现了，用户的屏幕上显示了什么？注意：虚拟DOM由于其在Angular的缺失而引人注目。...它吸收对DOM的任何更改并将其保存在内存中。然后，该算法检测在哪个组件上进行了更改，并更新DOM的该部分。此更改将反映在用户屏幕上，而不会干扰其他组件。在React应用程序中，只有组件发生更改。...JSX和最后的想法 JSX实际上是JavaScript的语法扩展，与模板语言类似，它具有JavaScript的全部功能。React将关注点与组件分离，而不是将标记和逻辑放在单独的文件中。

841 0

编程将成为社交行为，Python更适合机器学习

那时候，Lisp是人工智能的专属语言，仅仅是因为研究人员更容易用它来做快速原型。...Lispers可能会反对我的看法，所以我应该说清楚，我没有对Python在应用层次中的位置做出精确的陈述，只是说Python和Lisp都处于相同的语言类别中，像内存安全、模块、名称空间和高级数据结构。...与其他领域一样，Python是一种理想的集成语言，它将技术轻松绑定在一起。Python允许用户关注真正的问题，而不是花时间在实现细节上。...Python有其简单而一致的语法，可以让软件工程师以外的人更易于使用编程。另一个原因是运算符重载，它使代码可读和简洁。...然后我们继续迭代并分享关于我们如何组织和思考数据的笔记。高级脚本语言非常适合人工智能和机器学习，因为我们可以快速移动并重试。我们创建的大部分代码代表的是实际的数学和数据结构，而不是模板。

5560 0

为什么说Python更适合做AI机器学习？

那时候，Lisp是人工智能的专属语言，仅仅是因为研究人员更容易用它来做快速原型。...Lispers可能会反对我的看法，所以我应该说清楚，我没有对Python在应用层次中的位置做出精确的陈述，只是说Python和Lisp都处于相同的语言类别中，像内存安全、模块、名称空间和高级数据结构。...与其他领域一样，Python是一种理想的集成语言，它将技术轻松绑定在一起。Python允许用户关注真正的问题，而不是花时间在实现细节上。...Python有其简单而一致的语法，可以让软件工程师以外的人更易于使用编程。另一个原因是运算符重载，它使代码可读和简洁。...我们将有一定希望保留和优化的算法放入一个库中，如scikit-learn。然后我们继续迭代并分享关于我们如何组织和思考数据的笔记。

1.5K5 0

Vue经典面试题总结（含答案）

区别：vue数据驱动，通过数据来显示视图层而不是节点操作。场景：数据操作比较多的场景，更加便捷三、vue的优点是什么？低耦合。...视图view中使用，例如有indexPage命名，使用的时候则index-page 七、vue如何实现按需加载配合webpack设置 webpack中提供了require.ensure()来实现按需加载.../common/home.vue'))) 八、vuex面试相关（1）vuex是什么？怎么使用？哪种功能场景使用它？ vue框架中状态管理。在main.js引入store，注入。...九、 v-show和v-if指令的共同点和不同点 v-show指令是通过修改元素的display的CSS属性让其显示或者隐藏 v-if指令是直接销毁和重建DOM达到让元素显示和隐藏的效果十、如何让CSS...十七、怎么定义vue-router的动态路由以及如何获取传过来的动态参数？在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id。

1.9K2 0

selenium源码通读·2 | commonexceptions.py异常类

4 所有异常类说明和分解注意：以下为源码中的针对说明，英文不好，翻译的可能有问题，但大体意思基本没有问题。...支持等待WebDriverWait（）了解如何编写等待包装器以等待元素出现pass占位 NoSuchAttributeException找不到元素的属性时引发，您可能需要检查所使用的特定浏览器中是否存在该属性对...alert时调用Alert（）类上的操作造成的还没有出现在屏幕上pass占位 ElementNotVisibleException当DOM上存在元素时抛出，但是它不可见，因此无法与之交互，在尝试单击或阅读文本时最常见隐藏在视图之外的元素的...pass占位ElementNotInteractableException 当DOM中存在一个元素但没有交互时抛出使用该元素将点击另一个元素进行绘制pass占位 ElementNotSelectableException...为交互操作提供的坐标无效pass占位 InvalidSessionIdException如果给定会话id不在活动会话列表中，则发生，这意味着该会话不存在或不活动 pass占位 SessionNotCreatedException

1.5K5 0

你要的 React 面试知识点，都在这了

在JSX中，我们结合了javascript和HTML，并生成了可以在DOM中呈现的react元素。下面是JSX的一个例子。我们可以看到如何将javascript和HTML结合起来。...有一种称为非受控组件的方法可以通过使用Ref来处理表单数据。在非受控组件中，Ref用于直接从DOM访问表单值，而不是事件处理程序。我们使用Ref构建了相同的表单，而不是使用React状态。...外部样式表在此方法中，你可以将外部样式表导入到组件使用类中。但是你应该使用className而不是class来为React元素应用样式, 这里有一个例子。...有时在DOM中添加额外的节点会很烦人。使用 Fragments，我们不需要在DOM中添加额外的节点。我们只需要用 React.Fragment 或才简写来包裹内容就行了。...首先，先获取 id 为someid DOM元素，接着在构造函数中创建一个元素div，在 componentDidMount方法中将 someRoot 放到 div 中。

18.5K2 0

Clojure 学习入门（1）—— 学习资料

它第一个对外的发行版是在2007年秋季的时候发布的，在2009年5月发行了第一个稳定版，到这个时候，它已经培育了一个活跃的、充满热情的社区，一个欣欣向荣的开发工具和类库的生态系统，它们被用在迅速增长的一系列专业的应用程序中...下一代的语言每一年，在世界范围内的众多机构中的都有很多有才华的计算机科学家通过发表成千上万的论文来阐发它们新的和有趣的想法。...Clojure虽然有很强的学术背景支持，但是绝不是一门只在象牙塔中的语言，每天都有众多开发者在各自的开发领域内使用它。动态而强有力 (没错,它是lisp!)...展开式(演进式)的结构和语法更适合特定的问题领域。你在程序运行的时候取修改程序，而不需要重新编译或重启程序。...Clojure 高速、干净、具有优先能力和优雅的特征. 但是没有改变lisp中 "代码也是数据" 的哲学. Clojure 语言在直觉和观感上比历史上的lisp更易于阅读.

1.4K1 0

React 无障碍

虽然大多数 React 的 DOM 变量和属性命名都使用驼峰命名（camelCased），但 aria-* 应该像其在 HTML 中一样使用带连字符的命名法（也叫诸如 hyphen-cased，kebab-case...，lisp-case)。...语义化的 HTML 语义化的 HTML 是无障碍辅助功能网络应用的基础。利用多种 HTML 元素来强化您网站中的信息通常可以使您直接获得无障碍辅助功能。有时，语义化的 HTML 会被破坏。...比如当在 JSX 中使用元素来实现 React 代码功能的时候，又或是在使用列表（，和）和 HTML 时。...在这种情况下，我们应该使用 React Fragments 来组合各个组件 Fragments Fragments React组件返回多个元素，Fragments允许将子列表分组，而无需向DOM添加额外节点

2613 0

为什么Python如此适合AI和机器学习？5位Python专家告诉你

那时候，Lisp是人工智能的主要语言，不仅仅是因为它是一种更高级的语言，还因为研究人员更容易用它来做快速原型。...我不打算精确的描述Python在程序设计架构中的位置，只是说Python和Lisp都处于相同的语言类别，它们在资源回收、内存安全、模块、名称空间和高级数据结构上有很多相似之处。...Python社区致力于为非程序员提供指南和生态系统支持，这无疑增加了其在数据科学和计算科学这两个姐妹学科中的使用。...与其他领域一样，Python是一种理想的集成语言，它将底层技术封装起来，允许用户关注真正的问题，而不是花时间在实现细节上。...你瞧，我们就是这么干的，不是吗？高级脚本语言非常适合人工智能和机器学习，因为我们可以快速更新并重试。我们创建的代码大部分代表实际的数学和数据结构，而不是模板。

1.2K6 0

Clojure与LispClojure与Lisp

展开式(演进式)的结构和语法更适合特定的问题领域. 你在程序运行的时候取修改程序,而不需要重新编译或重启程序....Clojure 高速、干净、具有优先能力和优雅的特征. 但是没有改变lisp中 "代码也是数据" 的哲学. Clojure 语言在直觉和观感上比历史上的lisp更易于阅读....自稳定运行的Common Lisp出现起，再有各机构按各自所需而开展后续Lisp，包括1990年来自欧洲用户的EuLisp、运行于Java虚拟机的Clojure、受到Maclisp影响而创的Emacs...2 函数也是一种数据类型在Lisp语言中，函数与整数或字符串一样，也属于数据类型的一种。它有自己的字面表示形式（literal representation），能够储存在变量中，也能当作参数传递。...思想8和思想9，意味着你可以写出一种能够自己编程的程序。这可能听起来很怪异，但是对于Lisp语言却是再普通不过。最常用的做法就是使用宏。术语"宏"在Lisp语言中，与其他语言中的意思不一样。

1.9K3 0

Lisp的本质(The Nature of Lisp)学习思考

使用XML而不是Java代码, 到底有什么好处? 为什么不写一组Java类, 提供api来满足基本任务(拷贝目录, 编译等等), 然后在Java里直接调用这些代码?...在C++或Java里面, 变量名只能用字母和下划线的组合, 而Lisp的符号则非常有包容性, 比如, 加号(+)就是一个合法的符号, 其他的像-, =, hello-world, *等等都可以是符号名。...同样的,设想一下, Ant是把XML数据当作自己的参数。在Lisp中, 我们给表加一个前缀'来表示数据。...例如, 上面曾经将过的C的求三次方的宏, 用Lisp来写是这样子: (defmacro triple (x) `(+ ~x ~x ~x)) (译注: 在Common Lisp中, 此处的单引号应当是反单引号..., 意思是对表不求值, 但可以对表中某元素求值, 记号~表示对元素x求值, 这个求值记号在Common Lisp中应当是逗号。

1.8K6 0

使用 Python 创建 AI 比你想象的轻松

Python是在20世纪80年代末创建的。它的实现始于1989年。Python的哲学是非常有趣，因为它包括几个格言。显式而不是隐式，简单而不是复杂。Python创作者珍视美丽的设计和外观。...虽然它不是完美的科学编程语言，它的功能是有效的：数据结构类灵活的函数调用语法迭代器嵌套函数厨房水槽包括标准图书馆伟大的科学图书馆酷开源库（Numpy，Cython，IPython，MatPlotLib...如何使用Python构建AI？第一步是开始。虽然听起来有点压力和困难，你应该明白，在Python中构建AI将需要一些时间。所需的时间取决于你的动机，技能，编程经验的水平等。...chatbot允许人们在聊天时选择鞋子和衣服。CNN chatbot，一个订购鲜花的chatbot。是不是很酷？chatbot可以在每个领域，商业和每个环境中使用。 Chatbots是一种AI。...现在要编写自己的AIML文件，浏览一些已经可以使用的文件。例如，在Alice Bot网站的AIML文件中搜索。输入Python。当您创建启动文件时，它将作为一个单独的实体。

1.1K2 0

Vue进阶（四十七）：面试必备：2022 Vue经典面试题总结（含答案）

在 vue.cli 中的安装使用步骤？有哪几大特性？二十三、页面渲染为什么使用 key？二十四、为什么避免 v-if 和 v-for 一起用？二十五、VNode 是什么？虚拟 DOM 是什么？...mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。区别：vue数据驱动，通过数据来显示视图层而不是节点操作。场景：数据操作比较多、频繁的场景，更加便捷。.../common/home.vue'))) 八、vuex 面试相关（1）vuex是什么？怎么使用？哪种功能场景使用它？ vue框架中状态管理。在main.js引入store注入。...v-show指令是通过修改元素的display的CSS属性让其显示或者隐藏； v-if指令是直接销毁和重建DOM达到让元素显示和隐藏的效果；使用v-show会更加节省性能上的开销；当只需要一次显示或隐藏时...包裹动态组件时，会缓存不活动的组件实例，主要用于保留组件状态或避免重新渲染。详参博文：《Vue进阶（幺肆拐）：利用Vue中keep-alive快速实现页面缓存》十二、Vue 组件引入步骤?

3.1K2 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭