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

4顶
0踩

Web前端

原创新闻 在Sly 上查询DOM

2009-03-27 13:49 by 副主编 zly06 评论(4) 有3866人浏览
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检索元素，我们还要对元素...

  • 基于springboot教育资源共享平台源码数据库文档.zip

    基于springboot教育资源共享平台源码数据库文档.zip

  • 视频笔记linux开发篇

    linux开发篇，配套视频：https://www.bilibili.com/list/474327672?sid=4493702&spm_id_from=333.999.0.0&desc=1

Global site tag (gtag.js) - Google Analytics