自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(120)
  • 收藏
  • 关注

原创 Vue第六天学习总结—— Vue全家桶之Vuex(Vuex概述、Vuex的基本使用、Vuex的核心概念、基于Vuex的案例)

(一) Vuex概述1.组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据: EventBus$on接收数据的那个组件$emit发送数据的那个组件之前共享数据,是通过以上方式以上方式,只适用于小范围内传递数据2.VuexVuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享没有vuex时:A向B传递数据,需要一一传递,非常麻烦有vuex时,A直接将要共享的数据,存储到Store中,然后B直接从S

2021-08-28 12:36:30 965 1

原创 Vue第五天学习总结——Vue全家桶之前端工程化(模块化相关规范、webpack、Vue单文件组件、Vue脚手架、组件库——Element-UI 的基本使用)

(一) 模块化相关规范1. 模块化概述传统开发模式的主要问题命名冲突:多个js文件中的同名变量会冲突文件依赖:js文件之间无法相互引用问题通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护2. 浏览器模块化规范AMDRequire.js (http://www.requirejs.cn/)CMDSe

2021-08-27 23:50:36 930 2

原创 Vue第四天学习总结—— Vue全家桶之前端路由(路由的基本概念与原理、vue-router的基本使用、嵌套路由-用法、动态路由匹配、命名路由、编程式导航)

(一) 路由的基本概念与原理1. 路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系。比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。在开发中,路由分为:前端路由、后端路由后端路由是由服务器端进行实现,并完成资源的分发 (url与资源/数据的对应关系)前端路由是依靠hash值(锚点链接)的变化进行实现 (锚点与组件之间的关系)2. 后端路由概念:根据不同的用户 URL

2021-08-27 15:36:25 466

原创 Vue第三天学习总结—— Vue全家桶之前后端交互(前后的交互模式、Promise用法、接口调用-fetch用法、接口调用-axios用法、接口调用-async/await用法 )

(一) 前后的交互模式之前处理的案例都是静态数据,而真正的项目都是需要后台提供真正的数据的那么前台就需要通过后台提供的数据接口获取数据1. 接口调用方式原生ajax:比较麻烦,一般不用基于jQuery的ajax:这个会简单点,但jquery侧重DOM操作,而Vue很少涉及DOM操作fetch:ajax升级版,标准化组织制定的一套新规范axios:第三方的库,比fetch更加强大客户端与服务器通信方式左侧为客户端,右侧为服务器客户端通过互联网向服务器发起请求(寻求页面,数据)

2021-08-27 14:30:43 563

原创 Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)

(一) 组件化开发思想1. 现实中的组件化思想体现组件化即是对某些可以进行复用的功能进行封装的标准化工作标准:要想组件能够成功组合在一起,每个组件必须要有标准分治:将不同的功能封装到不同的组件中,每个组件都能够独立生产重用:两台手机,一个手机A只有cpu可以用,一个手机B只有cpu坏了,我们就可以将手机A的cpu重用起来,装到手机B中组合:组件组合起来,可以形成一个整体2. 编程中的组件化思想体现描述:一个界面中会有各种模块,他们有兄弟关系,父子关系。我们会将用的比较多的模块

2021-08-26 19:04:36 459

原创 Vue第一天学习总结—— Vue全家桶之Vue基础(Vue概述、Vue基本使用、Vue模板语法、基础案例——选项卡、Vue常用特性、综合案例-图书管理 )

(一) Vue概述我使用的vue版本是v2.5.171. 介绍——Vue:渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用:熟悉HTML、CSS、JavaScript知识后,可快速上手Vue灵活:在一个库和一套完整框架之间自如伸缩高效:20kB运行大小,超快虚拟 DOM框架:vue就是一个框架,提供了很多基础性服务,比如虚拟DOM技术,双向绑定技术框架则是为解决一个(一类)问题而开发的产品 (是一个解决方案)使用框架就不一样,我

2021-08-26 12:59:52 511

原创 Node第五天学习总结—— nodemon 被禁用的解决方案

nodemon 被禁用的解决方案第一步:点击下图会出现以下界面第二步:点击Windows PowerShell (管理员)(A)第三步:输入set-ExecutionPolicy RemoteSigned第四步:选择Y或者Aset-ExecutionPolicy RemoteSigned 按enter键让你进行选择这个时候输入Y按键盘enter即可成功第五步:退出windows powershell...

2021-08-26 00:29:42 399

原创 Node第四天学习总结—— 数据库与身份认证(数据库、安装并配置MySQL、MySQL的基本使用、在项目中操作MySQL、前后端的身份认证)

(一)数据库的基本概念1.数据库数据库(database)是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界,充斥着大量的数据。数据的来源有很多,比如出行记录、消费记录、 浏览的网页、发送的消息等等。除了文本类型的数据,图像、音乐、声音都是数据。为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。2.常见的数据库及分类市面上的数据库有很多种,最常见的数据库有如下几个:MySQL数据库(目前

2021-08-26 00:07:32 2751 1

原创 Node第三天学习总结—— Express中间件(Express、Express路由、Express中间件、使用Express写接口)

(一)初识Express1.Express简介1.1 Express官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的Web 开发框架。通俗的理解:Express 的作用和 Node.js 内置的http模块类似,是专门用来创建Web 服务器的。Express 的本质:就是一个npm上的第三方包,提供了快速创建Web 服务器的便捷方法。Express 的中文官网: https://www.expressjs.com.cn/1.2 进一步理解 Express思考:

2021-08-25 15:59:22 728

原创 Node第二天学习总结—— 模块化(模块化的基本概念、Node.js 中的模块化、npm与包、模块的加载机制)

(一)模块化的基本概念1.模块化模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。2.编程领域中的模块化编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处:① 提高了代码的复用性② 提高了代码的可维护性③ 可以实现按需加载3.模块化规范模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则。例如:使用什么样的语法格式来引用模块在模块中使

2021-08-25 10:12:36 635

原创 Node第一天学习总结—— Node.js与内置模块(Node.js 简介、fs文件系统模块、path 路径模块、http模块)

(一)Node.js简介1. Node.jsNode.js是一个基于 Chrome V8 引擎的 JavaScript运行环境。Node.js 的官网地址: https://nodejs.org/zh-cn/2. Node.js中的 JavaScript 运行环境3. Node.js 可以做什么Node.js作为一个JavaScript 的运行环境,仅仅提供了基础的功能和 API。然而,基于Node.js 提供的这些基础能,很多强大的工具和框架如雨后春笋,层出不穷,所以学会了Node.js,可

2021-08-24 16:44:47 662

原创 Git学习总结—— (Git基本工作流程、Git基本配置、Git基本使用步骤、GitHub远程仓库)

Git基本工作流程工作区:被git管理项目目录暂存区:临时存放被修改的文件git仓库:用于存放提交记录Git基本配置(只需要 一次即可)配置提交人姓名:git config --global user.name 提交人姓名git config --global user.name zhangsan配置提交人邮箱:git config --global user.email 提交人邮箱git config --global user.email zhangsan@126.com查看g

2021-08-24 11:24:16 162

原创 Git学习总结—— (Git基础、Github、Git分支)

一、起步(一)关于版本控制1.文件的版本2.版本控制软件版本控制软件是一个用来记录文件变化,以便将来查阅特定版本修订情况的系统,因此有时也叫做“版本控制系统”通俗的理解:把手工管理文件版本的方式,改为由软件管理文件的版本;这个负责管理文件版本的软件,叫做“版本控制软件”3.使用版本控制软件的好处操作简便:只需识记几组简单的终端命令,即可快速上手常见的版本控制软件易于对比:基于版本控制软件提供的功能,能够方便地比较文件的变化细节,从而查找出导致问题的原因**易于回溯:**可以将选定的文件

2021-08-24 11:19:54 1204

原创 Ajax第五天学习总结—— HTTP协议加强(HTTP响应状态码)

HTTP响应状态码HTTP响应状态码HTTP 响应状态码(HTTP Status Code),也属于 HTTP 协议的一部分,用来标识响应的状态。响应状态码会随着响应消息一起被发送至客户端浏览器,浏览器根据服务器返回的响应状态码,就能知道这次HTTP 请求的结果是成功还是失败了。HTTP响应状态码的组成及分类HTTP 状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字用来对状态码进行细分。HTTP 状态码共分为 5 种类型:完整的 HTTP 响应状态码,可以参考

2021-08-23 11:10:43 114

原创 Ajax第五天学习总结—— HTTP协议加强(HTTP请求方法)

HTTP请求方法HTTP请求方法HTTP 请求方法,属于 HTTP 协议中的一部分,请求方法的作用是:用来表明要对服务器上的资源执行的操作。最常用的请求方法是 GET 和 POST。HTTP的请求方法

2021-08-23 11:10:10 101

原创 Ajax第五天学习总结—— HTTP协议加强(HTTP响应消息)

HTTP响应消息HTTP响应消息响应消息就是服务器响应给客户端的消息内容,也叫作响应报文。HTTP响应消息的组成部分HTTP响应消息由状态行、响应头部、空行 和 响应体 4 个部分组成,如下图所示:状态行状态行由 HTTP 协议版本、状态码和状态码的描述文本 3 个部分组成,他们之间使用空格隔开响应头部响应头部用来描述服务器的基本信息。响应头部由多行 键/值对 组成,每行的键和值之间用英文的冒号分隔。响应头部 – 常见的响应头字段关于更多响应头字段的描述,可以查看 MDN 官方文

2021-08-23 11:08:38 113

原创 Ajax第五天学习总结—— HTTP协议加强(HTTP请求消息)

HTTP请求消息HTTP请求消息由于 HTTP 协议属于客户端浏览器和服务器之间的通信协议。因此,客户端发起的请求叫做 HTTP 请求,客户端发送到服务器的消息,叫做 HTTP 请求消息。注意:HTTP 请求消息又叫做 HTTP 请求报文HTTP请求消息的组成部分HTTP 请求消息由请求行(request line)、请求头部( header ) 、空行 和 请求体 4 个部分组成。请求行请求行由请求方式、URL 和 HTTP 协议版本 3 个部分组成,他们之间使用空格隔开。请求头部

2021-08-23 11:07:43 107

原创 Ajax第五天学习总结—— HTTP协议加强(HTTP协议简介)

HTTP协议简介通信通信,就是信息的传递和交换。通信三要素:通信的主体通信的内容通信的方式现实生活中的通信案例:张三要把自己考上清华大学的好消息写信告诉自己的好朋友李四其中:通信的主体是张三和李四;通信的内容是考上清华大学;通信的方式是写信;互联网中的通信案例:服务器把清华大学的简介通过响应的方式发送给客户端浏览器。其中:通信的主体是服务器和客户端浏览器;通信的内容是清华大学的简介;通信的方式是响应;通信协议通信协议(Communication Pro

2021-08-23 11:04:02 124

原创 Ajax第四天学习总结—— 跨域与JSONP(同源策略、跨域、解决同源限制、JSONP、案例-淘宝搜索、防抖和节流)

(一)同源策略1.同源如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。例如,下表给出了相对于 http://www.test.com/index.html 页面的同源检测:2.同源策略同源策略(英文全称Same origin policy)是浏览器提供的一个安全功能。所谓同源是指域名,协议,端口完全相同,只要有一个不相同则不同源,不同源即跨域MDN 官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制

2021-08-23 10:43:20 285

原创 Ajax第三天学习总结—— Ajax加强(XML的基本使用、数据交换格式【JSON】、封装自己的Ajax函数、XML2的新特性【FormData】、jQuery高级用法、axios)

(一)XMLHttpRequest的基本使用1.XMLHttpRequestXMLHttpRequest(简称 xhr)是浏览器提供的 Javascript 对象,通过它,可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数,就是基于 xhr 对象封装出来的。2.使用xhr发起GET请求步骤创建 xhr 对象调用 xhr.open() 函数调用 xhr.send() 函数监听 xhr.onreadystatechange 事件<!DOCT

2021-08-23 00:46:32 217

原创 Ajax第二天学习总结—— form表单与模板引擎(form表单的基本使用、通过Ajax提交表单数据、案例-评论列表、模板引擎、art-template模板引擎、案例-新闻列表、模板引擎的实现原理)

(一)form表单的基本使用1.表单表单在网页中主要负责 数据采集功能。HTML中标签,就是用于采集用户输入的信息,并通过 标签的提交操作,把采集的信息提交到服务器端进行处理2.表单的组成部分表单标签表单域:包含了文本框,密码框,隐藏域(type = 'hidden'),多行文本框,复选框,单选框,下拉选择框和文件上传框等等表单按钮:通过设置type属性为submit来触发form表单的提交3.<form>标签的属性<form>标签用来采集数据,<for

2021-08-22 21:54:37 371

原创 Ajax第一天学习总结—— 客户端与服务器、URL地址、客户端与服务器的通信过程、服务器对外提供的资源、jQuery中的Ajax、接口、案例-图书管理、案例-聊天机器人

(一)客户端与服务器1.服务器上网的本质目的:通过互联网的形式来 获取和消费资源上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器2.客户端在上网过程中,负责 获取和消费资源 的电脑,叫做客户端(二)URL地址1.URL的概念URL(全称是 UniformResourceLocator) 中文叫 统一资源定位符,用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源2.URL的组成URL地址一般由三部分组成:客

2021-08-22 16:56:08 390

原创 JavaScript高级第五天学习总结—— ES6的新增语法、ES6 的内置对象扩展

ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指,泛指 ES2015 及后续的版本。为什么使用 ES6?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6 的新增语法letES6中新增了用于声明变量的关键字let声明的变量只在所处于的块级有

2021-08-22 12:03:55 242

原创 JavaScript高级第四天学习总结—— 正则表达式、正则表达式在JavaScript中的使用、正则表达式中的特殊字符、正则表达式中的替换

正则表达式概述正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式在JavaScript中,正则表达式也是对象正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript 正则

2021-08-22 09:47:23 375

原创 JavaScript高级第三天学习总结—— 函数的定义和调用、this、严格模式、高阶函数、闭包、递归

函数的定义和调用函数的定义方式方式1: 函数声明方式 function关键字 (命名函数)function fn(){}方式2: 函数表达式(匿名函数)var fn = function(){}方式3: new Function() (函数也是对象,所以可以new)var fn = new Function('参数1','参数2'..., '函数体')var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);

2021-08-21 23:52:06 508 1

原创 JavaScript高级第二天学习总结—— 构造函数和原型、继承、ES5中新增方法

构造函数和原型对象的三种创建方式1.利用 对象字面量 方式创建对象var obj = {};2.利用new Object()关键字 创建对象var obj = new Object();3.自定义构造函数方式创建对象function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);示例代码:<!DOCTYPE html><html lan

2021-08-21 22:08:28 447 1

原创 JavaScript高级第一天学习总结—— 面向对象、ES6 中的类和对象、类的继承、案例:面向对象版tab 栏切换

面向对象编程介绍两大编程思想面向过程面向对象面向过程编程 POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。总结:按照步骤编程 (函数和变量)面向对象编程 OOP (Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。总结:将需求分析出一个一个的对象,然后在分析出对象中的属性和方法,最

2021-08-21 18:05:18 2200 10

原创 数据可视化Echarts—— 案例:立可得-智能看板

案例:立可得-智能看板项目介绍应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。我们引入 ‘立可得’ 数据可视化项目。该项目除了使用了基础的DIV+CSS布局,还引入了一些C3技术,还引入了各类图表的绘制,以及高级的地图数据可视化案例。主要功能有:饼状图、柱状图、线形图、地图 …使用技术完成该项目需要具备以下知识:div + css 布局flex 布局css3动画css3渐

2021-08-21 13:03:20 6837 9

原创 数据可视化Echarts—— Echarts、设置cssrem 插件的基准值、边框图片、字体图标、立即执行函数用法、无缝滚动原理

数据可视化数据可视化主要目的:借助于图形化手段,清晰有效地传达与沟通信息。数据可视化的场景:数据可视化在互联网公司中经常用于通用数据报表,移动端图表,大屏可视化,图编辑&图分析,地理可视化等。常见的数据可视化库D3.js目前 Web 端评价最高的 Javascript 可视化工具库(入手难) 。ECharts.js百度出品的一个开源 Javascript 数据可视化库。Highcharts.js 国外的前端数据可视化库,非商用免费,被许多国外大公司所使用。AntV蚂蚁金服全新一代数据

2021-08-21 12:52:52 892

原创 jQuery第三天学习总结—— toDoList案例

toDoList综合案例案例:案例介绍// 1. 文本框里面输入内容,按下回车,就可以生成待办事项。// 2. 点击待办事项复选框,就可以把当前数据添加到已完成事项里面。// 3. 点击已完成事项复选框,就可以把当前数据添加到待办事项里面。// 4. 但是本页面内容刷新页面不会丢失。案例:toDoList 分析// 1. 刷新页面不会丢失数据,因此需要用到本地存储 localStorage// 2. 核心思路: 不管按下回车,还是点击复选框,都是把本地存储的数据加载到页面中,这样保证刷新关

2021-08-21 09:32:02 310

原创 jQuery第三天学习总结—— 拷贝对象、多库共存、插件

jQuery 拷贝对象如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法语法$.extend([deep], target, object1, [objectN]) 参数:deep: 如果设为true 为深拷贝, 默认为false 浅拷贝target: 要拷贝的目标对象object1:待拷贝到第一个对象的对象。objectN:待拷贝到第N个对象的对象。浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象。

2021-08-21 09:31:01 95

转载 jQuery第三天学习总结—— 事件注册、事件处理、事件对象

jQuery 事件注册jQuery 为我们提供了方便的事件注册机制,是开发人员的福音,操作优缺点如下:优点: 操作简单,且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。单个事件注册语法:element.事件(function(){}) $('div').click(function(){ 事件处理程序 }) 其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、ke

2021-08-21 09:28:15 165

原创 jQuery第二天学习总结—— jQuery 尺寸、位置操作

jQuery 尺寸、位置操作jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。jQuery 尺寸操作jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。语法用法width()/height()取得匹配元素宽度和高度值 只算width/heightinnerWidth()/innerHeight()取得匹配元素宽度和高度值 包含paddingouterWidth()/outHeight()

2021-08-20 11:57:04 146

原创 jQuery第二天学习总结—— jQuery 元素操作(遍历、创建、添加、删除)

jQuery 元素操作jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。遍历元素jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。语法1$("div").each(function (index, domEle) { xxx; }) each()方法遍历匹配的每一个元素。主要用DOM处理。里面的回调函数有2个参数:index 是每个元素的索引号; demEle 是每个DOM元素对象,不是jquer

2021-08-20 11:43:42 283

原创 jQuery第二天学习总结—— jQuery 文本属性值(html、text、val)

jQuery 文本属性值jQuery的文本属性值常见操作有三种:html()/ text()/ val() ;分别对应JS中的 innerHTML 、innerText 和 value 属性。jQuery内容文本值主要针对元素的内容还有表单的值操作。普通元素内容html()(相当于原生inner HTML)获取元素的内容html() // 获取元素的内容设置元素的内容html("内容") // 设置元素的内容普通元素文本内容 text() (相当与原生 innerText)获取元素

2021-08-20 11:21:27 248

原创 jQuery第二天学习总结—— jQuery 属性操作(prop、attr、data)

jQuery 属性操作jQuery 常用属性操作有三种:prop() /attr()/ data() ;设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href ,比如 <input>元素里面的type。1.获取属性语法prop("属性");2.设置属性语法prop("属性", "属性值");注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。

2021-08-20 10:55:57 433

原创 jQuery第二天学习总结—— jQuery 效果(显示隐藏、滑入滑出、淡出淡出、自定义动画、停止动画队列、事件切换)

jQuery 效果jQuery 给我们封装了很多动画效果,最为常见的如下:显示隐藏:show() /hide()/ toggle();划入划出:slideDown() /slideUp()/ slideToggle();淡入淡出:fadeIn() / fadeOut() /fadeToggle()/fadeTo() ;自定义动画:animate();注意:动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。jQuery为我们提供另一个方法,可以停止动画排队

2021-08-20 08:35:43 465

原创 jQuery第二天学习总结——jQuery 样式操作

jQuery 样式操作jQuery中常用的样式操作有两种:css()和设置类样式方法方法1: 操作 css 方法jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。第一种形式: 参数只写属性名,则是返回属性值// 1.参数只写属性名,则是返回属性值$(this).css('color');// jQuery设置样式:$('div').css('属性','值')第二种形式: 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用

2021-08-20 08:31:10 100

原创 jQuery第二天学习总结—— jQuery 选择器(基础选择器、层级选择器、筛选选择器、隐式迭代、链式编程)

jQuery 选择器原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。基础选择器$("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 名称用法描述ID选择器$("#id")获取指定ID的元素全选选择器$("*")匹配所有元素类选择器$(".class")获取同一类class的元素标签选择器$(“div”)获取同一类标签的所有元素并集选择器$(“

2021-08-20 08:24:27 171

原创 jQuery第一天学习总结—— jQuery 的基本使用(入口函数、顶级对象$、jQuery 对象和 DOM 对象转换)

jQuery 介绍JavaScript 库JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)。常见的JavaScript 库

2021-08-20 00:23:02 159

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除