自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue生命周期

首先今天是个学习的好天气,今天我们开始分享一下什么是Vue的生命周期。‘生命周期’ 是一个任何事物都存在的东西,无论是人还是任何事物,都有一个从生到死的过程。既然说了任何事物都有生命周期同样的Vue同样具备生命周期,今天我们就来聊聊Vue的生命周期。什么是Vue的生命周期? 官网的解释是:每一个vue实例从创建到销毁的过程,就是这个vue实例的生命周期。在这个过程中,他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。生命周期又...

2022-04-15 17:13:01 669

原创 Vue的开始-基础知识点概括

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档目录文章目录1、Vue简单了解2、数据绑定和数据代理2.1、模板语法2.2、数据绑定2.5、数据代理3、事件处理3.1、事件的基本使用3.2、事件修饰符3.3、键盘事件4、计算属性和监视属性4.1、计算属性4.2、监视属性watch4.3、computed和watch5、绑定样式和渲染5.1、class绑定与style绑定5.2、条件渲染5.3、列表渲染...

2022-03-22 11:44:03 1476

原创 开源托管平台GitHub和git分支

文章目录 目录 文章目录 1、开源的相关概念 1.1、常用的git命令及作用 2、GitHub 2.1、远程仓库的两种访问方式 2.2、HTTPS将本地仓库上传到GitHub 2.3、SSH Key 2.3.1、生成SSH Key 2.3.2、配置SSH Key 2.3.3、基于SSH将本地仓库上传到GitHub 总结 1、开源的相关概念开源:概念:开源即开放源代码基本含义:代码是公开的特点:任何人都可以去查看、修改...

2022-03-08 20:24:20 886 1

原创 npm?Yarn?你清楚吗?

目录一、NPM1.1、什么是NPM?1.2、npm镜像的设置与查看1.3、npm的使用1.4、package.json常见属性1.5、npm的常用命令二、Yarn2.1、什么是Yarn2.2、Yarn的下载2.3、Yarn的基本使用2.4、Yarn的优点总结一、NPM1.1、什么是NPM?npm(全称Node Package Manager)即node包管理器。是node.js默认的以JavaScript编写的软件包管理系统安装完毕n.

2022-03-07 11:46:22 632 4

原创 带你了解详细的HTTP协议

目录文章目录前言一、HTTP1.1、HTTP协议简介1.2、HTTP请求消息1.3、HTTP响应消息1.4、HTTP请求方法1.5、HTTP响应状态码总结前言 新的一天又要开始新的学习了。这次小编我来给大家讲讲HTTP协议这个玩意儿。大家今天有好好学习吗?一、HTTP1.1、HTTP协议简介在开始讲解什么是HTTP协议之前我们先来了解一下什么是通信?通信:就是信息的传递和交换。说到通信,我们又不得不说到一...

2022-03-05 09:37:50 371 3

原创 给你三种不同的方法实现GET和POST请求

文章目录 目录 文章目录 前言 1、jQuery中的Ajax 1.1、$.get() 1.2、$.post() 1.3、$.ajax() 2、XMLHttpRequest方式 2.1、发起GET请求 2.2、发起POST请求 3、Axios 3.1、发起GET请求 3.2、发起POST请求 总结 前言 又是一个新的开始了。过完开心的假期,又开始投入到了紧张又刺激的学习时间。小编给你们总结了一下小编学习到的三种发...

2022-03-04 12:25:43 2252 5

原创 JavaScript高级应用-----闭包

目录前言1、开始闭包1.1、回忆变量的作用域1.2、那什么是闭包1.3、闭包的作用1.4、闭包的案例闭包结束前言 又是开始学习的时候了,愉快的年假结束了!你们这个年过的快乐吗?现在又开始投入到愉快的学习当中,你们肯定是非常的“开心”,非常的“happy”。当然我和你们是一样的!但是该学习还是要学习啊!今天我们来讲讲JavaScript中的闭包!这个图像不像你们假装期待的样子?1、开始闭包1.1、回忆变量的作用域在开始...

2022-02-10 16:25:30 634

原创 jQuery——立可得项目心得

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言 小编又来做分享了,小编给你们带来了一个科技感十足的好东西!绝对是看上都是直呼牛B的好东西,下面我们废话不多说,来吧!展示!!!!1、成品展示二、使用步骤1.引入库代码如下(示例):import numpy as np import pandas as pd import...

2022-01-22 14:27:12 1685

原创 jQuery的小米官网-----侧边导航栏

目录前言1、原生js和jQuery优势对比1.1、原生JavaScript优点1.2、jQuery优点2、侧边栏代码展示2.1、 原生js代码2.2、jQuery代码总结前言 时隔多少的日日夜夜小编我回来了,这次小编我给你们带来了重构的小米官网的侧边栏。说真的当你写完原生的JavaScript代码之后再去用jQuery再去做一遍,代码量会少的你怀疑人生。当然吐槽归吐槽,咱们还是要实战搞一手!1、原生js和jQuery优势对比...

2022-01-17 16:44:43 1557

原创 学习jQuery的第一天

目录前言1、jQuery简介1.1、JavaScript库1.2、jQuery的概念1.3、jQuery的优点1.4、jQuery的入口函数2、jQuery选择器2.1、jQuery基本选择器2.2、jQuery层次选择器2.3、jQuery筛选选择器3、jQuery中的排他思想总结前言 小编我又回来了,今天又是元气满满的一天,今天又是好好学习的一天。小编我今天又来和大家做分享了。今天是小编接触jQuery的第一天。了解到...

2022-01-05 20:12:42 887 13

原创 回忆小时候的贪吃蛇,你爱了吗

目录前言贪吃蛇小游戏展示HTML结构CSS样式JavaScript实现案例图片总结前言 不知道大家怀念以前当自己还是一个小孩子的时候拿着父母的按键手机也就是现在我们称的老人机的那种手机玩游戏的日子吗?小编在到现在还依稀记得那时候自己把父母的手机按键都按坏了。哈哈哈!!!! 现在回想起来都还记忆犹新。不知道你们在学习的时候会不会“摸鱼”?小编有时候还是会摸一下的。摸鱼都是拿出手机打开来看看,但是现在小编...

2022-01-04 15:57:52 4313 23

原创 折磨我一个周的小米官网——小米侧边栏

文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言 小编历时一个星期的艰苦奋斗,终于在第七天的末尾结束了小米官网的折磨。这段时间是真的难熬。当然小编也对JavaScript的用法以及理解层度,有了一定的提高。庞大的收获总是伴随着艰苦的学习过程,当你度过了艰苦的学习过程,你的收获一定大于你的付出。 一、小米官网功能介绍1.1 首页效果2.读入数据代码如下(示例):data = ...

2021-12-29 09:53:02 2989 15

原创 BOM对象——元素偏移量offset系列

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分

2021-12-20 08:51:20 225 10

原创 我这里有对象你要不要——BOM对象

文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言好的对象会让你流连忘返,乐不思蜀。可惜的是小编真的对象或许没有,但是小编能给你们强大的精神对象。当然我说的是BOM对象!一、什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并...

2021-12-17 17:12:57 293 4

原创 Web APIs案例小合集

文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings ...

2021-12-09 20:49:46 1128 14

原创 一起来看看随鼠标飞翔的小天使吧

​​​​​​​目录前言一、案例详解二、案例细节点总结前言小编我又来和大家啊一起分享好东西了!期待吗?一、案例详解这个案例好多身边的人都做过,但是那时候小编学的比较慢还没有达到制作这个效果的阶段,但是现在这个阶段小编我学到了,开始的时候呢!看到他们做出来的时候我觉得好厉害,那时候我就开始各种脑补~~这个是不是很难?这个需要的代码是不是很复杂是不是很多?我什么时候才能学到这个地方?...

2021-12-09 17:41:22 1391 16

原创 JavaScript的对象--内置对象

目录前言一、什么是内置对象二、内置对象1. Math对象(数学对象)1.1 经典小案例2. Date对象2.1 经典小案例3. Array对象(数组对象)3.1 创建数组的两种方式3.2 检测是否为数组3.3 添加删除数组元素的方法3.4 数组排序3.5数组索引方法3.6数组转换为字符串4. String对象(字符串对象)4.1 根据字符返回位置4.2 根据位置返回字符总结前言大家好啊!小编我又来了!...

2021-11-25 10:23:02 2956 25

原创 JavaScript基础——for循环小案例

目录前言1、单for循环小案例1.1 求1~100之间所有数的和1.2 求1-100之间所有数的平均值1.3求1-100之间所有偶数和奇数的和2. 双重for循环小案例2.1 正三角2..2倒三角2.3 九九乘法表总结前言目前小编学习到了JavaScript,虽然还是基础,但是我还是觉得挺难的。可能是小编比较笨的原因。但是小编不会放弃的!打工人加油!!!!1、单for循环小案例今天小编为你们准备了一些我现在做过的一些小案例,...

2021-11-17 15:56:12 5525 15

原创 你把我折磨的好惨,不用质疑说的就是你

吐槽话语:最近小编被折磨够了,因为小编在制作一个生活资源网的学习项目!小编我只能说太折磨人了。在编写过程中遇到过许多的bug,虽然小编现在是做完了,但是我还是忍不住要吐槽一下,这个网站真的好麻烦,好几次改效果都快让我写不下去了,因为实在是太繁琐,经历了几天的战斗,最让我痛苦的莫过于导航栏的这一块的效果,气得我抓狂!虽然最后还是解决了,但是我也已经精疲力竭了。其实问题的本身在于是否细心,很多样式都是小编我不细心导致!最后做完了我真的激动了!心里狂喊:欧耶! 欧耶! 欧耶!下面还是来说说我遇到的学习

2021-11-13 10:25:46 616 11

原创 我发现了一个好玩的“小玩具”——rem布局

文章目录前言1、 rem布局1.1、rem单位1.2、 媒体查询1.2.1、 什么是媒体查询1.2.2、 媒体查询语法规范1.2.2.1、 媒体类型1.2.2.2、 关键字1.2.2.3、 媒体特性二、使用步骤1.引入库2.读入数据总结前言又是新的一天,我们要开心的学起来!小编又来和你们分享我的小知识库了,虽然不大,但是我希望对大家都能受益非浅。1、 rem布局首先小编先给你们说的rem布局,那么什么叫rem布局呢?容小编慢慢为你们一一讲解!1.1、rem单位rem(root em)是一个相

2021-11-08 15:07:17 198 20

原创 什么都可以丢,唯独不能丢了你

文章目录前言1. flex布局和传统布局的对比1.1 传统布局1.2 flex布局2. flex布局原理3. flex父盒子常用属性3.1 flex-direction:设置主轴的方向3.2 justify-content:设置主轴上的子元素的排列方式3.3 flex-wrap:设置子元素是否换行3.4 align-items:设置侧轴上的子元素的排列方式(单行)3.5 align-content:设置侧轴上的子元素的排列方式(多行)3.6 flex-flow:复合属性,相当于同时设置了flex-dire

2021-11-03 10:10:54 394 19

原创 开启新的篇章,从新的起点——“CSS3”扬帆起航!

文章目录前言1、CSS3选择器2、CSS3—2D、3D转换2.1.什么是2D?2.2.什么是2D转换呢?2.2.1.transform:translate(x,y);移动2.2.2.transform:rotate(45deg);旋转2.2.3.transform:scale(x,y);缩放2.3.什么是3D?2.3.1.3D属性介绍2.3.2.3D移动:transform:translateZ();2.3.3.3D旋转:transform:rotateZ();3、CSS3—动画3.1动画的基本使用3.1动

2021-10-27 13:40:40 211 18

原创 相识如此之久,回忆我和“你”走过的点点滴滴!

文章目录前言1、HTML1.1 什么叫HTML1.2 HTML常用标签1.3 表格的基本语法以及属性1.4 合并单元格的方法1.5 无序列表和自定义列表1.6 input表单2、CSS 选择器,样式,盒子模型及浮动2.1 CSS选择器2.2 CSS样式属性总结前言小编学习前端已经一个多月的时间了,想想这段时间还是过的挺快的,不知不觉已经学习了一个多月的时间了,在这一个多月的时间里小编在不断地学习,学到了好多好多的知识点,从原来的啥也不会到现在的基本可以自己书写一个静态页面。这段时间的成长还是很有成就感

2021-10-21 16:53:22 199 20

原创 让我们从“头”开始~~

文章目录前言一、看效果二、结构层次图二、步骤讲解1.顶部模块2.中间模块3.底部模块总结前言今日小编为你们带来了一个前端头部导航这一块的一个制作讲解。所谓做任何事学习任何东西我们都讲究从头开始,今天我们也从“头”开始!一、看效果话不多说!首先我们先来看看效果,我们再一一讲解!二、结构层次图这是小编我简单画的一个结构图,比较简单,但是结构也比较直白!二、步骤讲解1.顶部模块结构图:效果图:顶部模块我们的结构就是首先定义一个div作为父盒子,然后在父盒子里面定义两个div子盒子

2021-10-18 17:37:44 96 13

原创 小孩子才做选择,“大人”的世界我全都要

文章目录前言一、属性选择器1.E[att]:选择具有att属性的E元素2.E[att^="val"]:匹配具有att属性且值以val开头的E元素3.E[att="val"]:选择具有att属性且属性值等于val的E元素4.E[att$="val"]:匹配具有att属性且值以val结尾的E元素5.E[att*="val"]:匹配具有att属性且值中包含val的E元素二、结构伪类选择器1.E:first-child:匹配父元素中的第一个子元素E2.读入数据总结前言小编在前面总结过我们的CSS有基础选择器和

2021-10-12 16:35:12 615 17

原创 国庆福利“CSS定位大礼包”

文章目录前言一、定位和浮动有什么区别?二、定位1.定位的组成2.定位模式1.relative:相对定位2.absolute:绝对定位3.fixed:固定定位4.sticky粘性定位2.边偏移总结前言今天小编我又来了,我什么要说又?不管了这次小编我花费了不少的时间去和CSS的定位打交道,求知的道路总是坎坷的,但是总归还是收获满满的回来了。不至于空手而归,这次我就与你们分享一下我的收获!一、定位和浮动有什么区别?之前我们说过浮动,浮动和定位有些效果看着或许是一样的,但是他们还是有本质的区别的。今天就

2021-09-29 10:51:14 299 16

原创 项目一:《摄影分享网站开发》首页头部导航总结

文章目录​目录文章目录​前言一、首页导航栏1.导航栏效果展示2.代码展示3.效果制作讲解3.1定位模式3.2边偏移总结前言进过两天多的忙碌我完成了项目:《摄影分享网站开发》,给我印象最深刻的就是首页的这个导航栏了,因为他涉及到了二级菜单、元素的显示与隐藏、以及定位。所以我决定来给大家讲讲我是如何制作这个导航栏的。一、首页导航栏1.导航栏效果展示效果(1)如下图展示: 效果(2)如下图展示:效果(3)如下图展示:...

2021-09-24 16:31:59 251 5

原创 CSS选择器、盒子模型与浮动(二)

文章目录前言一、盒子模型1.盒子模型的组成2.圆角边框二、浮动和清除浮动1.什么是浮动2.浮动特性3.清除浮动3.1清除浮动clear属性3.2清除浮动的方法总结前言在上一篇博客中我说过了四个知识点中的前面两个,一个是CSS的选择器,另一个是CSS的元素显示模式,那么今天我们就来说一说剩下的两个知识点,另外两个知识点就是盒子模型以及浮动一、盒子模型首先我们来说说盒子模型,我们的CSS选择器分为了基础选择器和复合选择器,元素显示模型也分为块元素,行内元素以及行内块元素。那我们的盒子模型又是有哪些元

2021-09-23 20:11:51 99 6

原创 CSS选择器、盒子模型与浮动(一)

CSS选择器前言一、CSS选择器1.CSS基础选择器2.CSS复合选择器二、元素显示模式1.块元素2.行内元素3.行内块元素4.元素显示模式的转换总结前言经过一段时间的学习与了解我了解了什么是CSS,今天我总结出了我认为在CSS中非常重要的四个知识点。第一个知识点就是:CSS选择器,第二个知识点就是:元素显示模式,第三个知识点就是:盒子模型,那么最后一个知识点就是:浮动,首先让我们先来看看CSS选择器和元素显示模式吧!一、CSS选择器1.CSS基础选择器首先我们来说说基础选择器,基础选择器又

2021-09-21 11:10:05 251 4

原创 HTML的初步认识

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档与HTML的初步相识前言一、网页是什么?二、HTML1.什么是HTML2.HTML的组成2.1HTML常用标签3.HTML文件路劲3.1超链接标签标签总结前言作为一个计算机的学生竟然现在才知道HTML的好玩之处,由此可见我原来有多么的孤陋寡闻。但是经过初步的认识我知道了HTML是多么的好玩。当然我们要先知道什么是网页什么是HTML。一、网页是什么?网页就是一个由各种文字,视频,图片,声音,链接所组成的一个HTML文件!那HTML

2021-09-18 09:03:23 153 3

空空如也

空空如也

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

TA关注的人

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