余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

jQuery是什么?(jquery是什么意思)

xiyangw 2022-12-05 10:05 15 浏览 0 评论

jQuery is a fast, small, and feature-rich JavaScript library --- jQuery官方

jQuery官方解释的很清楚jQuery是一个快速、简洁、功能丰富的JavaScript库,重点在jQuery是一个库(library)


1. 为什么jQuery是库?

库(library)就是一系列方法组成的集合,开发人员在使用库的过程中,想要什么功能就可以调用库中提供的对应方法就行。有点像图书馆中保存了各种类的图书,最近想要研究心理学,就可以在图书馆中查阅对应的书籍一个道理


jQuery就是一个js库,它里面就提供了很多的属性和方法供我们使用,

比如想操作样式,jQuery就提供了css等方法。比如想要制作一个动画,jQuery就提供了show()/slideDown()/animate()等方法。



例如:下面就相当于封装了一个简易的js库,当封装的方法一多就成了另外版本的jQuery


//数组转为字符串

function changStr(arr){

let str = arr.join('')

return str

}


//查找路径中的后缀名

function queryExtName(path){

let index = path.lastIndexOf('.')

let extname = path.substr( index + 1 )

return extname

}



2. 库和框架的区别

库和框架都是别人编写的可复用代码, 都可以帮助我们快速的解决开发过程中出现的常见问题。但是两者之间还是存在着区别


3.1 框架和库的概念

库:library,简称lib。它是由一系列函数组成的集合,开发中想要什么功能就去调用库中提供的对应方法


框架:framework , 它是库的升级版,框架是为了解决同一类问题而制定的完整解决方案,只需按照它的规则去编写代码,框架会在适当的时机执行


3.2库和框架区别:

库和框架最大区别就是在于控制权,开发中谁站主导位置( you call Library Framework call you )

库:开发人员起来主导权力

库是没有主导权力,控制权在使用者手中,开发时库只是起了一个辅助作用,由开发人员说了算。开发人员起主导作用


框架:框架起了主导权力

使用框架开发时,有框架说了算,开发人员只能按照框架的语法进行编写,框架占有主导权力,开发人员会受到很多限制




库就相当于一个工具箱,里面有需要的各种工具,我们可以用这些工具给家里小孩制造出各种创意玩具。

框架就相当于我们在京东上买的乐高模型车,只需要按照图纸拼装好,喷上自己喜欢的颜色,贴上自己喜欢的贴纸就行。但是每个人拿在手里的乐高模型车都是一个样式,我们很难去改变它的结构样式

4.常见的库与框架

常见的库:

jQuery:是一个高效、精简并且功能丰富的 JavaScript 工具库

ramda:一款实用的 JavaScript 函数式编程库

lodash:是一个一致性,模块化,高性能的JavaScrip使用工具库

Moment:一个Javascript时间日期处理类库

DayJS:一个轻量级的Javascript时间日期处理类库



常见的框架:

Vue :是一套用于构建用户界面的渐进式框架。

angular:完全使用JavaScript编写的客户端技术。使Web应用开发比以往更简单、更快捷

Flutter:是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Taro:一套遵循React规范的多端统一开发框架(京东的凹凸实验室开发)

Chameleon:多端统一开发框架,一端所见即多端所见,你只需开发一次就能跑所有端(滴滴开发)

UIkit:是 YOOtheme 团队开发的一款轻量级、模块化的前端框架,可快速构建强大的web前端界面

layUI:是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式

Amaze UI:是一个轻量级Mobile first 的前端框架, 基于开源社区流行前端框架编写

相关推荐

Vue的框架(了解)

前端MVC设计模式MVC设计模式,其实就是将前端实现某个业务的所有代码划分为三部分Model:模型,指数据模型,这个数据一般来自于服务器View:视图,指页面标签内容Controller:控制...

Vue.js实战 第五章练习一

练习要求:在原有表格基础上,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。实现思路:按照vue数据和dom元素双向绑定的特性,定义allCheckStatus变量...

Vue基础到进阶教程之class和style绑定

关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们,...

深入Vue 必学高阶组件 HOC「进阶篇」

作者:ssh转发连接:https://mp.weixin.qq.com/s/seKoLSIMtTd1sU4uDrgZCA前言高阶组件这个概念在React中一度非常流行,但是在Vue的社区里讨论...

周末大礼包,23道高质量中级前端面试题。金九银十,建议收藏

这套面试题考察的内容比较常见,涉及到JavaScript、ES6、CSS、Vue、简单算法,浏览器相关知识等。题目列表1.JavaScript的数据类型有哪些2.什么是同源策略3.跨域的方法...

vue3.0-摒弃Object.defineProperty,基于 Proxy 的观察者机制

写在前面:11月16日早上,Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作...

程序员都必掌握的前端教程之VUE基础教程(七)

阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到。本篇文章成哥继续带大家来学习前端VUE教程,今天主要讲解VUE的表单处理等知识点。下面我们就一起来学习该块内容吧!01简介在日常开发中,我...

web前端开之网站搭建框架之vue详解

网站搭建框架之vueVue是web前端快速搭建网站的框架之一。它与jQuery有所不同,是以数据驱动web界面(以操作数据改变页面,而jQuery是以操作节点来改变页面),同时,vue还实现了数据的双...

vue3.0尝鲜-基于 Proxy 的观察者机制探索

Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制,取代之前使用...

TypeScript 设计模式之观察者模式

一、模式介绍1.背景介绍在软件系统中经常碰到这类需求:当一个对象的状态发生改变,某些与它相关的对象也要随之做出相应的变化。这是建立一种「对象与对象之间的依赖关系」,一个对象发生改变时将「自动通知其他...

vue面试3

1.单页面应用与多页面应用的去别2.简述一下Sass、Less,且说明区别?他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,les...

VUE v-bind 数据绑定

动态的绑定一个或多个attribute,也可以是组件的prop。缩写::或者.(当使用.prop修饰符)期望:any(带参数)|Object(不带参数)参数:attrOrP...

vue初学习之自定义选择框实现

v-model简单介绍在使用vue的过程中会经常用到input和textarea这类表单元素,vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签...

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽打开视频讲解更加详细Vue实现拖拽穿梭框功能的四种方式_哔哩哔哩_bilibili<html><head><meta...

Vue3.x setup 语法糖实现props双向绑定

1.背景为了封装一下Element-Plus的分页插件,需要实现父子组件之间的传值。2.父组件<scriptsetuplang="ts">letqueryPa...

取消回复欢迎 发表评论: