资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

原创新闻 在Sly 上查询DOM

2009-03-27 13:49 by 副主编 zly06 评论(4) 有3904人浏览
JavaScript 算法 浏览器

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Sly是最新发布的selector engine ，由Harald Kirschner创造。

使用方法如下：

// Finds all odd rows in all tables
var rows = Sly.search('table td:odd');

// Finds all links with class "internal" and an attribute "href" starting with "#".
var links = Sly.search('a.internal[href^="#"]');

// Another notation is also possible, since Sly acts as a constructor

var snippets = Sly('pre.highlight.javascript> code').search();

// features is just one element, lists has all list items are siblings of features
var features = Sly.find('#features');
var lists = Sly.search('~ ul', body);

 

Sly的功能：

  • 强大的纯javaScript匹配算法，用于快速准确的查询
  • 优化常用的selectors和最新的浏览器
  • 运行在DOM documents, fragments 或 XML documents中
  • 拥有匹配和过滤元素的实用方法
  • 独立的selector parser用于生成JavaScript Object representations
  • 可自定义pseudo-class，attribute operators 和combinators
  • 只有仅仅3KB的大小（压缩，没压缩是8KB）
  • 不依赖第三方JS 类库，但是开发者可以重写内部方法（如getAttribute）


我们还可以来看看速度测试：

 



项目在GitHub上：http://github.com/digitarald/sly/blob/master/Sly.js

来自: ajaxian
4
顶
0
踩
评论 共 4 条 请登录后发表评论
4 楼 achun 2009-08-20 11:16
http://inquery.googlecode.com/svn/trunk/slickspeed/index.html
做了个测试页面，大家实际测试一下吧
3 楼 ageless 2009-03-28 16:12
whaosoft 写道

干什么用的呀!@~!

获取页面dom的
2 楼 ageless 2009-03-28 16:11
  
1 楼 whaosoft 2009-03-28 01:37
干什么用的呀!@~!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 腾讯的表情实现总结

    R': '46', Yawn: '47', Lookdown: '48', 'Pooh-pooh': '48', Wronged: '49', Shrunken: '49', Puling: '50', TearingUp: '50', Sly: '51', Kiss: '52', 'Uh-oh': '53', Wrath: '53', Whimper: '54', ...

  • 从面试题中学安全

    根据 Github 上的面经总结的一些安全岗面试的基础知识，这些基础知识不仅要牢记，而且要熟练操作，分享给大家，共勉。 1.对Web安全的理解 我觉得 Web 安全首先得懂 Web、第三方内容、Web 前端框架、Web 服务器语言...

  • JavaScript资源大全中文版（Awesome最新版）

    browserify ：Browserify 让你能在浏览器端使用 require('modules') ，打包所有依赖。 官网 webpack：为浏览器打包 CommonJs/AMD 模块。 官网 测试框架 框架 mocha：适用于 node.js 和浏览器、...

  • JavaScript 资源大全中文版

    browserify ：Browserify 让你能在浏览器端使用 require(‘modules’) ，打包所有依赖。 官网 webpack：为浏览器打包 CommonJs/AMD 模块。 官网 测试框架 框架 mocha：适用于 node.js ...

  • WorkShop--EC-126 Component: Hero Block

    <input type="hidden" id="...sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"/> <sly data-sly-call="${clientLib.j.

  • 浏览器渲染过程

    2.浏览器下载css，并应用在DOM树上，进行渲染；3.浏览器下载js，并解析执行js） 三：缺陷 以上整个流程，如果其中任何一个流程出现问题，都不能顺利的渲染页面 服务器： 网络服务器：无法获取到...

  • 【VUE】vue作业设计---奔驰响应式官网

    你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生...

  • HBuilderX 内置高德地图定位以及构建路径

    // 确保DOM解析完成 if (!em || !window.plus || map) { return }; map = new plus.maps.Map("map"); map.centerAndZoom(new plus.maps.Point(116.3977, 39.906016), 12); } if ...

  • AngularJs 性能优化英文原版（个人备份使用）

    sly-repeat is our variant of ng-repeat, which hides extra DOM elements rather than destroying them. sly-evaluate-only-when prevents inner change watchers from executing unless the “logLines” ...

  • JavaScript库和API

    by Adam Recvlohe 通过亚当·雷夫洛厄(Adam Recvlohe) API就像一盒巧克力 (APIs are like a ...If you have written JavaScript for the DOM before, then you probably know how unwieldy it can get. I mean get...

  • AEM技术分享（二）入门笔记，适合小白

    主要是对Youtube上的一套AEM的纯英文教程的练习梳理和爬坑，原教程视频你需要科学上网观看（你可以点击每章的标题跳转原视频地址），视频教程是印度人制作的，因此口音听起来十分奇怪，在学习过程中你可以结合我的...

  • AEM集成SPA（二）集成React完整教程

    前端技术版本更新的太快，因此如果发现有问题，最好在 package.json 中为包设置成一致的版本。 文档和源码：pa空气n.b空气aidu.co空气m/s/1QHnzBa5saUVp_a63BLq5Hw 提取码：yoko 文章目录前言5 AEM SPA React完整...

  • 处理页面滚动效果jQuery插件20例

    如今，设计者们都视为一大挑战了，在网站中设计出吸引眼球的高效视觉滚动效果。幸运的是有各种各样的jquery 滚动插件可供他们使用，有了这些插件，他们可以根据页面滚动的位置做出很多吸引眼球的效果，像背景变换、...

  • queryspeed

    if(dom.numberOfWindow === dom.numberOfIframe ){ var el = dom.queryId("hasReady")[0] el.innerHTML = "已经准备就绪！"; el.style.color = "#a9ea00"; } }, addEvent: document.addEventListener ? ...

  • WorkShop--EC-127 Component: Hero Tabs

    RTE在multifield中不回显？ granite/ui/components/coral/foundation/form/multifield 使用touch UI 的multifield properties[‘hero_tab/item’+i+’/hero_tab_title’] 存储方式发生改变，...

  • 「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    meteor - 一个超简单，数据库无处不在的数据线上纯javascript Web框架。 ractive - 下一代DOM操作。 vue - 用于构建交互式界面的直观，快速和可组合的MVVM。 knockout - Knockout可以更轻松地使用JavaScript创建...

  • JavaScript库资源

    meteor - 一个超简单，数据库无处不在的数据线上纯javascript Web框架。 ractive - 下一代DOM操作。 vue - 用于构建交互式界面的直观，快速和可组合的MVVM。 knockout - Knockout可以更轻松地使用JavaScript创建...

  • js框架开发之旅--选择器

    Prototype不是简单的给document.getElementById一个别名，它可以查询多个id，并且通过继承给元素赋予更多的功能。 我们正真需要的是getElementsBySelector。我们不仅仅想通过id和tagname检索元素，我们还要对元素...

  • 基于S7-200 PLC与MCGS组态的洗衣机控制系统设计与实现

    内容概要：本文详细介绍了利用西门子S7-200 PLC和MCGS组态软件构建洗衣机控制系统的全过程。首先阐述了IO分配规则，明确各输入输出点的功能，如水位检测、温度测量、电机控制等。接着展示了梯形图编程的具体方法，解释了如何通过梯形图实现洗衣机的基本操作流程，包括启动、停止、水位控制、正反转洗涤、排水和脱水等功能。此外，文中还讨论了接线图的设计要点，强调了硬件连接的安全性和可靠性。最后，介绍了MCGS组态画面的设计，包括动态效果展示、报警机制以及人机交互界面的优化。 适合人群：对PLC编程和工业自动化感兴趣的工程师和技术人员，尤其是希望深入了解S7-200 PLC和MCGS组态软件的实际应用者。 使用场景及目标：适用于需要设计和实施小型家电或类似设备自动化控制系统的场合。目标是帮助读者掌握PLC编程技巧，理解工业自动化控制系统的构建过程，提高实际项目开发能力。 其他说明：文中提供了丰富的调试经验和常见问题解决方案，有助于读者在实践中少走弯路。同时，通过具体的案例分析，使理论知识更加贴近实际应用。

  • COMSOL中基于保角变换的自聚焦光束与Talbot效应的光学仿真研究

    内容概要：本文详细介绍了如何利用COMSOL进行光学仿真，重点探讨了保角变换在操控光路方面的应用，特别是自聚焦光束和Talbot效应的建模。文中首先解释了保角变换的基本概念及其物理意义，然后通过具体实例展示了如何在COMSOL中设置保角变换、定义材料参数以及配置边界条件。对于自聚焦光束，作者强调了非线性材料模块的应用，特别是在处理强光引起的折射率变化时的关键步骤。而对于Talbot效应，则着重讨论了周期性边界条件的设置和后处理分析方法。此外，文章还分享了一些实用技巧，如参数化扫描、网格优化和MATLAB联动分析等。 适合人群：具有一定光学仿真基础的研究人员和技术人员，尤其是对COMSOL软件有一定了解并希望深入探索非线性光学现象的用户。 使用场景及目标：① 使用COMSOL进行自聚焦光束和Talbot效应的建模与仿真；② 掌握保角变换在光学仿真中的应用技巧；③ 提升对非线性光学现象的理解和仿真能力。 其他说明：本文不仅提供了详细的建模指导，还包括了许多实用的调试技巧和注意事项，帮助读者更好地理解和应用相关技术。

Global site tag (gtag.js) - Google Analytics