`

原生 JS 代码和用 jQuery 实现效果各有什么优劣势

 
阅读更多
不存在原生JS和jQuery的区别,用jQuery也是原生的JS,只存在用不用jQuery等框架的区别。

不使用框架的话可以根据自己的业务写自己的代码,更有针对性,没有多余的代码;缺点是如果经验不足的话代码的兼容性和扩展能力较差,代码抽象的层次较低,要想做好的话需要经验和大量的时间和精力,最后也许会形成自己的框架。

使用框架的优势是代码兼容性较好,扩展能力好,抽象层次高,开发效率高,不需要太多经验也可以上手;缺点是业务简单时框架里的大部分代码是无用的,框架掩盖了一些问题的本质,对新手积累经验无益。

还有一点要说的是框架的执行效率并不低,效率低是因为没有用正确的方法使用框架。http://luju.me
0
3
分享到:
评论

相关推荐

    原生js实现jquery函数animate()动画效果的简单实例

    本文将介绍如何使用原生JavaScript实现类似jQuery中的animate()方法的动画效果。在前端开发中,jQuery提供了一套非常方便的API来实现动画效果,但随着Web标准的发展和性能优化需求的提高,原生JavaScript的方法逐渐...

    Three.JS+原生JS+jQuery实现3D机房

    总的来说,"Three.JS+原生JS+jQuery实现3D机房"项目展示了WebGL和JavaScript在构建交互式3D应用中的强大能力。开发者可以利用这些工具和技术,创造出各种具有实际业务功能的3D可视化场景。无论是对于展示数据中心的...

    原生js实现jquery $.extend方法

    原生js实现jquery $.extend方法 通过遍历对象属性来实现

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能,使用JavaScript的 window.print(); 方法。 使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS...

    使用jQuery实现的效果

    在本文中,我们将深入探讨如何使用jQuery来实现各种前端效果,包括动画、事件处理、DOM操作等。jQuery是一个流行的JavaScript库,它简化了JavaScript的许多复杂性,使得开发者能够更轻松地实现动态网页效果。 首先...

    javascript 原生Dom对象和jQuery对象的联系和区别

    例如,`$('div').hide()`一句就完成了原生JavaScript可能需要多行代码才能实现的效果。 联系方面,jQuery对象内部实际上包含了DOM对象。当你使用jQuery选择元素时,它会创建一个包含匹配元素的数组,每个元素都是...

    演员选择框三级联动(原生javascript和jquery实现)

    通过学习和分析这些源码,开发者可以深入理解如何用原生JavaScript和jQuery实现这种联动效果,并能应用到自己的项目中。 总之,演员选择框的三级联动是前端开发中的一个重要实践,它涉及到DOM操作、事件处理和动态...

    仿华为官网纯原生JS+Css编写,无jquery

    【标题】"仿华为官网纯原生JS+Css编写,无jquery"的项目是一个实践性的技术展示,旨在通过原生JavaScript和CSS实现华为官方网站的部分功能和界面效果,不依赖jQuery等流行的JavaScript库。这个项目的核心目标是提升...

    原生js和jquery分别实现横向导航菜单效果

    本文实例为大家分享了原生js和jquery横向导航菜单的制作方法,供大家参考,具体内容如下 原生javascript实现: 这一次要实现的是鼠标放上去以后,菜单栏被选中的那一栏水平拉伸,鼠标离开后水平收缩。并带有一定的...

    jQuery实现表头固定表格内容滚动效果

    `jQuery`作为一个广泛使用的JavaScript库,提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先,我们需要在HTML中构建基本的表格结构...

    展示效果(原生JS)

    标题 "展示效果(原生JS)" 暗示了我们关注的是使用纯JavaScript实现的各种视觉展示技术。原生JS是指不依赖任何JavaScript库或框架,如jQuery或React,而是直接利用JavaScript语言的核心功能来创建动态和交互式的...

    原生JS实现的图片切换效果

    在本文中,我们将深入探讨如何使用原生JavaScript实现图片切换效果。这种效果广泛应用于网站的轮播图、相册展示等场景,通过编程技术让图片按照...深入研究这些代码,你将对原生JavaScript实现动态效果有更深入的理解。

    原生js写的弹窗效果(alert效果)

    本文将深入探讨如何使用原生JS创建类似`alert()`的自定义弹窗效果,以及如何实现跨浏览器兼容性,包括对IE、Firefox、Chrome和360等主流浏览器的支持。 首先,我们要明白`alert()`函数的基本用法。`alert()`是一个...

    jquery实现select带模糊搜索下拉选择框

    在 `custom.js` 中,我们将编写 `jQuery` 代码来实现模糊搜索功能。首先,我们需要监听 `input` 事件,当用户在输入框中输入时,过滤下拉选项: ```javascript $('#searchable-select').on('input', function() {...

    实现注册的js代码

    实现注册的js代码,用正则对输入字段做一些语法检查,用户点击表单上的提交元素触发此js代码执行。

    通过原生js和jQuery书写了一个电商平台系统.zip

    在这个名为“通过原生js和jQuery书写了一个电商平台系统.zip”的压缩包中,包含了一个使用JavaScript(包括原生JS和jQuery库)开发的前端电商平台项目。这个项目可能是一个基础的在线购物平台,展示了如何利用这两种...

    JavaScript+jQuery交互式Web前端开发-源代码.zip

    例如,用 jQuery 选择元素只需一行代码 `$("#elementID")`,而原生 JavaScript 需要更复杂的语法。 在HTML(超文本标记语言)中,我们定义了网页的结构,如标题、段落、链接等。CSS(层叠样式表)则负责网页的布局...

    简单原生js文字向上滚动消息框代码

    这个"简单原生js文字向上滚动消息框代码"提供了一种实现方式,它不依赖于任何JavaScript库如jQuery,而是完全基于原生JavaScript编写,这使得它在性能和加载速度上具有优势。 首先,`index.html`是网页的主文件,它...

    原生js实现精美放羊动画效果

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML...原生js实现精美放羊动画效果。

    精通javascript和jquery代码

    JavaScript 和 jQuery 是 web 开发中的两个重要工具,它们在创建交互式网页和动态效果方面起着关键作用。本文将深入探讨这两个技术的核心概念、应用场景以及它们如何协同工作,帮助你达到精通的层次。 首先,...

Global site tag (gtag.js) - Google Analytics