首页
学习
活动
专区
圈层
工具
发布

解释一下为什么我很少用jQuery

背景知识 在所有的现代浏览器(IE9+)里,它们所提供的原生DOM API都是比jQuery快很多。为什么? 有一个东西,叫Vanilla JS,是一个快速、轻量级、跨平台的JavaScript框架。...如下 我们在HTML里引入Vanilla JS: js"> 比上面更快的方法是: 什么?没有代码?...所以,我们平时吹牛逼说的什么原生js的实现,用到什么原生API,都是来自于Vanilla JS 性能比较 在这里,我们用原生API和各种库进行性能对比,数据来源请看参考 框架 代码 Vanilla JS...document.id('test-table'); 常用对比 下面是一些常用的jQuery方法,以及它们在原生JavaScript中的对应方法。...但随着浏览器们越来越标准化,浏览器之间的API差别也在减少,并且通过版本迭代也会更快地支持,我们可以更好地用原生API做更高效的事。

1.4K40

前端社区的恶趣味之Vanilla JS

刚刚下载了一个使用原生web组件的codepen代码的时候发现了一个“似曾相识”的名词:vanilla JS。 当时就很气,说好原生实现,为啥又说要引入vanilla.js?? 这是什么高端框架?...最后还是StackOverflow上正经的程序员的回答告诉了我真相: 原来VanillaJS === PlainJS。。。...顺着下载链接(要剃子),我终于得到这个传说中最流弊的JS库: // 只想说: 被骗人数 = 被骗人数 + 1 总之,Vanilla JS is a joke,就是指原生JS而已,虽然是一个套路,vanilla.js...因为vanilla本身就有”原生“的意思,vanilla JS就是原生JS库的代名词。...Vanilla运动希望在现如今js框架如杂草般疯长的乱象中寻找一些可贵的“原生精神”。 (完)

22K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js书写原生ajax,JS 原生ajax写法

    原生ajax 原文链接:http://caibaojian.com/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRe...… JS原生ajax与Jquery插件ajax深入学习 序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来...jquery插件ajax方法,于是就行了一些总结,因 … js原生Ajax的封装与使用 一.原生Ajax代码的封装如下: (function() { var XHR = { createStandardXHR...原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2 [代码]JS原生Ajax&comma...;GET和POST javascript/js的ajax的GET请求: Jquery学习笔记(10)–ajax删除用户,使用了js原生ajax 主要复习了php的pdo数据库操作,和js的ajax,真麻烦

    19.4K40

    Rust web 前端库框架评测,以及和 js 前端库框架的比较

    最初,js-framework-benchmark 这个项目,如同名称含义,仅是评测 js 生态的框架性能的。...Rust web 前端库/框架在所有前端库/框架的位置 从评测结果来看,wasm-bindgen 性能和 vanillajs 处于同一水平,甚至有几项已经超越。...所以除非前端技术有什么超级大的变革,否则 wasm-bindgen 最好的性能估计也就是总体和原生 vanillajs 总体持平吧。...后面 4 个处于起步阶段(是指项目完成度的起步,非存在时间的长短),具体大略信息如下:simi(起步阶段,gitlab)、dominator(看项目描述不错,并未使用虚拟 DOM,而是使用原生 DOM...虽然也属于 web 前端,但与 yew、seed 等框架是不同,类似 vanillajs 与 reactjs、vuejs。

    7.2K20

    如何从零打造一款“极速且纯粹”的纯前端轻量级数据检索工具

    然而,当面临一些体量不大、且对加载速度与隐私安全有着极限要求的场景时,回归“原生三剑客(HTML5+CSS3+VanillaJS)”往往能斩获意想不到的极简之美与极致性能。...我们将整个结构化数据(约数十条结构化对象)直接打入JS文件的常量数组schoolData中。这样做的优势极度明显:彻底消灭首屏白屏:没有Fetch/XHR带来的多余TCP握手开销。...HTML骨架与JS并行加载完成后,毫秒级直接将数据投射至DOM。隐私无漏点:数据全在客户端本地轮转,用户键入的检索词不需要离开他们的浏览器沙盒,彻底打消对数据泄密的顾虑。...2.3动态排序算法解析原生的表头排序机制,我们完全利用了JS的sort方法,并且对其进行了多态兼容处理:由于部分代码字段可能是纯数字字符(如0809)或数字与字母的混合(如080910T),我们在字典序排序判断前执行了动态类型收敛操作...汤阴县豫唐网络科技有限公司始终认为:当项目的生命周期与核心矛盾在于“极简”、“便签级使用”、“极低运维成本”时,用几百行纯正的VanillaJS和手工编写的CSS,完全可以交付一个具有高工业水准的商业级应用体验

    20610
    领券