阅读更多

4顶
0踩

Web前端

原创新闻 在Sly 上查询DOM

2009-03-27 13:49 by 副主编 zly06 评论(4) 有3877人浏览

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检索元素,我们还要对元素...

  • 基于javaweb的学生宿舍管理系统.zip(毕设&课设&实训&大作业&竞赛&项目)

    项目工程资源经过严格测试运行并且功能上ok,可实现复现复刻,拿到资料包后可实现复现出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明等。答辩评审平均分达到96分,放心下载使用!可实现复现;设计报告也可借鉴此项目;该资源内项目代码都经过测试运行,功能ok 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 下载后请首先打开说明文件(如有);整理时不同项目所包含资源内容不同;项目工程可实现复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用,资源为网络商品(电子资料类)基于网络商品和电子资料商品的性质和特征不支持退款,质量优质,放心下载使用

  • 最新更新!!国家农业龙头企业数量(2010-2022年)

    ## 1、数据简介 国家农业龙头企业数量主要指的是经过国家相关部门认定,并在农业产业化方面发挥重要引领作用的企业的总数。这些企业通常以农产品加工或流通为主业,通过各种利益联结机制与农户相联系,带动农户进入市场,实现农产品生产、加工、销售的有机结合和相互促进。 数据名称:国家农业龙头企业数量 数据年份:2010-2022年 ## 02、相关数据 省份、年份、龙头企业数量。

Global site tag (gtag.js) - Google Analytics