- 博客(63)
- 收藏
- 关注
RSS订阅原创 jQuery之事件注册、事件处理、解绑、自动触发、事件拷贝、多库共存、jQuery插件使用
jQuery 事件注册其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等事件处理 on() 绑定事件1. events:一个或多个用空格分隔的事件类型，如"click"或"keydown" 。2. selector: 元素的子元素选择器 。3. fn:回调函数 即绑定在元素身上的侦听函数on() 方法优势1：可以绑定多个事件，多个处理事件处理程序。
2022-08-14 00:03:23
326
原创 jQuery之尺寸，位置操作、替换replace
jQuery尺寸以上参数为空，则是获取相应值，返回的是数字型。如果参数为数字，则是修改相应值。参数可以不必写单位。jQuery 位置位置主要有三个：offset()、position()、scrollTop()/scrollLeft()替换 replace...
2022-08-13 01:47:22
351
原创 jQuery之效果、数据缓存、属性操作、内容文本值、元素操作
jQuery 效果jQuery 给封装了很多动画效果最为常见的如下：2. 显示参数（1）参数都可以省略， 无动画直接显示。（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。（3）easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。（4）fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。事件切换（...
2022-08-13 01:42:44
217
原创 jQuery的概念、基本使用、选择器、样式操作
仓库： 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。
2022-08-13 00:16:01
257
原创 JavaScript之office偏移量、client元素可视区、scroll滚动、动画、本地存储
元素偏移量 offset 系列offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）offset 与 style 区别计算鼠标在盒子内的坐标...
2022-08-10 23:08:30
187
原创 JavaScript之BOM对象操作窗口大小、加载、定时器、this指向、同步与异步、location对象、navigator对象、history对象
什么是BOM？BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。window 对象是浏览器的顶级对象,它具有双重角色。它是 JS 访问浏览器窗口的一个接口。..
2022-08-09 02:23:56
236
原创 JavaScript之事件机制、事件流、事件机制、鼠标事件，键盘事件
addEventListener 事件监听方式eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget（目标对象）上，当该对象触发指定的事件时，就会执行事件处理函数。该方法接收三个参数：type：事件类型字符串，比如 click 、mouseover ，注意这里不要带 onlistener：事件处理函数，事件发生时，会调用该监听函数useCapture：可选参数，是一个布尔值，默认是 falseeventTarget.attach.
2022-08-09 01:25:21
245
原创 JavaScript之DOM操作获取元素、事件、操作元素、节点操作
什么是 DOM？文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式DOM 树文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node.
2022-08-07 23:20:51
2799
原创 JavaScript之对象的操作
对象是什么对象（object）：JavaScript里的一种数据类型可以理解为是一种无序的数据集合用来描述某个事物，例如描述一个人人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能如果用多个变量保存则比较散，用对象比较统一比如描述 班主任 信息：静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示动态行为 (点名, 唱, 跳, rap) => 使用函数表示总结1. 对象是什么？对象是一种数据类型无序的数据的集
2022-08-07 22:32:34
420
原创 JavaScript之函数、返回值、变量作用域、立即执行函数
函数：function，是被设计为执行特定任务的代码块说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。1. 为什么需要函数？可以实现代码复用，提高开发效率2. 函数是什么？function执行特定任务的代码块函数的声明语法函数名命名规范和变量命名基本一致尽量小驼峰式命名法前缀应该为动词命名建议：常用动词约定函数的调用语法函数体函数体是函数的构成部
2022-08-07 22:11:50
478
原创 JavaScript之数组操作增删改、冒泡排序
数组(Array)是一种可以按顺序保存数据的数据类型为什么要数组？思考：如果我想保存一个班里5个人的姓名怎么办？ 如果有多个数据可以用数组保存起来数组是按顺序保存，所以每个数据都有自己的编号计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推在数组中，数据的编号也叫索引或下标数组可以存储任意类型的数据取值语法通过下标取数据取出来是什么类型的，就根据这种类型特点来访问遍历数组：用循环把数组中每个元素都访问到,一般会用for循环遍历..
2022-08-05 16:34:52
230
原创 JavaScript之运算符、表达式、流程控制语句、if、for循环、Switch、continue和break
1、运算符算术运算符赋值运算符一元运算符比较运算符逻辑运算符运算符优先级数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。 +：求和-：求差*：求积/：求商%：取模（取余数） 开发中经常作为某个数字是否被整除同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。JavaScript中 优先级越高越先被执行，优先级相同时以书从左向右执行总结总结1. 算术运算符有那几个常见的？+ - * / %...
2022-08-05 16:26:26
391
原创 JavaScript之变量、数据类型、数据转换、模板字符串
1. JavaScript （是什么？）是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2. 作用（做什么？）网页特效 (监听用户的一些行为让网页作出对应的反馈)表单验证 (针对表单数据的合法性进行判断)数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js)JavaScript的组成:JavaScript 输入输出语法输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是..
2022-08-04 18:01:46
382
原创 CSS3 的选择器、盒子模型、过渡、渐变、旋转、转换
CSS3 新增选择器CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元素属性选择器可以根据元素特定属性的来选择元素。 这样就可以不用借助于类或者id选择器。注意：类选择器、属性选择器、伪类选择器，权重为 10结构伪类选择器结构伪类选择器主要根据文档结构来选择器元素， 常用于根据父级选择器里面的子元素nth-child（n） 选择某个父元素的一个或多个特定的子元素（重点）总结：伪元素选择器（重点）伪元素选择器可以帮助我们......
2022-08-03 22:06:31
614
原创 HTML5新增标签
HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性HTML5 新增的语义化标签以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的<header>：头部标签<nav>：导航标签<article>：内容标签<section>：定义文档某个区域<as
2022-08-03 21:38:05
455
原创 css样式之精灵图与字体图标跟多行显示省略号
为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了使用精灵图核心总结：1. 精灵图主要针对于小的背景图片使用。2. 主要借助于背景位置
2022-08-03 17:35:51
576
原创 css样式之浮动、定位，显示与隐藏
传统网页布局的三种方式网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置.CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）浮动定位标准流（普通流/文档流）所谓的标准流: 就是标签按照规定好默认方式排列.1. 块级元素会独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table2. 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span、a、i、.
2022-08-03 01:08:33
530
原创 css样式之边框、内边距、外边距、圆角边框、阴影
页面布局要学习三大核心, 盒子模型, 浮动 和 定位. 学习好盒子模型能非常好的帮助我们布局页面网页布局过程：1. 先准备好相关的网页元素，网页元素基本都是盒子 Box 。2. 利用 CSS 设置好盒子样式，然后摆放到相应位置。3. 往盒子里面装内容.网页布局的核心本质： 就是利用 CSS 摆盒子。盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、
2022-08-02 22:51:06
3680
原创 css样式之特性
CSS 有三个非常重要的三个特性：层叠性、继承性、优先级。层叠性:相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式，样式不冲突，不会层叠CSS 层叠性口诀：长江后浪推前浪，前浪死在沙滩上。继承性:CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。优先级:当同一个元素指定多个选择...
2022-08-02 22:33:11
324
原创 css样式之背景图片
CSS 的背景背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景颜色background-color 属性定义了元素的背景颜色。背景图片background-image 属性描述了元素的背景图像。实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置. (精灵图也是一种运用场景)背景平铺如果需要在 HTML 页面上对背景图像进行平铺，可以使用 background-repeat 属性。背景.
2022-08-02 22:25:41
4956
原创 css之元素显示模式
什么是元素显示模式作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。HTML 元素一般分为块元素和行内元素两种块元素类型。块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <di
2022-08-02 22:18:29
99
原创 css样式之选择器
CSS 网页的美容师CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。样式格式书写样式大小写选择器分为基础选择器和复合选择器两个大类，1.基础选择器是由单个选择器组成的基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器CSS 基础选择器标签选择器标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。类选择器如果想要差异化选择不同的...
2022-08-02 22:07:07
675
原创 HTML标签二
列表标签表格是用来显示数据的，那么列表就是用来布局的。列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。<ul> 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 <li> 标签定义。无序列表的基本语法格式如下有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。 在 HTML 标签中，<ol> 标签用于定义.
2022-08-02 21:50:42
132
原创 HTML标签一
基本语法概述1. HTML 标签是由尖括号包围的关键词，例如 <html>。2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。双标签关系可以分为两类：包含关系和并列关系。第一个 HTML 网页每个网页都会有一个基本的结构标签（也称为骨架标签），页.
2022-08-02 21:41:16
425
原创 初识网页与浏览器
网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。HTML 不是一种编程语言，.
2022-08-02 21:13:27
477
1原创 selenium学习
让程序连接到浏览器, 让浏览器来完成各种复杂的操作,只接受最终的结果selenium: 自动化测试工具可以打开浏览器,然后像人一样去操作浏览器从selenium中直接提取网页上的各种信息环境搭建: 1.pip install selenium -i 2.下载浏览器驱动一、查看Chrome浏览器版本号二、下载驱动网址，选择相应版本地址：http://npm.taobao.org/mirrors/chromedriver/ 3.把解...
2022-04-25 00:13:19
615
原创 python之协程
一般情况下,当程序处于IO操作的时候,线程都会处于阻塞状态协程: 当程序遇见IO操作的时候,可以选择性的切换到其它任务上在微观上,是一个任务一个任务的进行切换,切换条件一般就是IO操作在宏观上,就是多个任务同时执行程序处于阻塞状态的 input()在网络请求返回数据之前,程序也是处于阻塞状态的requests.get(www.bilibili.com)异步操作...
2022-04-24 23:28:13
195
原创 python之多线程学习
线程，进程进程是资源单位,每一个进程至少要有一个线程线程是执行单位启动每一个程序默认都会有一个主线程导入模块from threading import Thread单线程多线程
2022-04-24 23:19:48
575
原创 requests之防盗链学习
分析理解:1.拿到contId2.拿到videoStatus返回的json --> srcURL3.srcURL里面的内容进行修整4.下载视频防盗链具体看浏览器返回的数据
2022-04-24 23:14:00
159
原创 requests之模拟登录学习
需求1.登录 --> 得到cookie2.带着cookie 去请求到书架url --> 书架上的内容必须得把上面的两个操作连起来使用session进行请求 -> session是一连串的请求 在这个过程中cookie不会丢失cookie已经存在会话当中了...
2022-04-24 23:05:56
290
原创 bs4的使用基础学习
1.导入模块from bs4 import BeautifulSoup2.将本地的html文档中的数据加载到该对象中3.bs4方法:soupfind标签所有标签，添加类名符合要求的所有标签select 查找
2022-04-24 22:50:19
450
原创 数据解析之bs4学习
bs4 数据解析 - 原理: 1.标签定位 2.提取标签、标签属性中存储的数据值bs4使用: - 实例化一个BeautifulSoup对象,并且将源码数据加载到该对象中 - 通过调用BeautifulSoup对象中相关的属性或者方法进行标签定位和数据提取 实例化BeautifulSoup对象： - from bs4 import BeautifulSoup -对象的实例化: ...
2022-04-24 22:42:57
359
原创 正则之re模块
正则的使用场景:1.用户名可以是字母或者数字，不能是数字开头，用户名长度必须6位以上2.qq、手机号码的验证方法:findall: 匹配字符串中所有的符合正则内容重点要记:finditerfinditer: 匹配字符串中所有的内容[返回的是迭代器],从迭代器中拿到内容需要.group()search: 全文匹配 找到一个结果就返回, 返回的结果是match对象.group()match: 从头开始匹配compile 预加载正...
2022-04-19 01:01:14
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人