吐个泡泡~~-CSDN博客

原创 Vue入门

Vue是一套用于构建用户界面的渐进式JavaScript框架它的作用很像jQuery的使用，通过一些函数的封装，能够实现更加方便的界面效果。

2022-06-08 10:50:00 181 1

什么是Git是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理特点：项目越大越复杂，协同开发者越多，越能体现出的高效能和高可用性Git的特性1.直接记录快照，而非差异比较传统的版本控制系统（例如SVN）是****基于差异的版本控制，它们存储的是一组基本文件和每个文件随时间逐步累积的差异好处：节省磁盘空间缺点：耗时、效率低在每次切换版本的时候，都需要在基本文件的基础上，应用每个差异，从而生成目标版本对应的文件Gi

2022-05-24 11:12:51 478

原创关于版本控制

Git关于版本控制🚩版本控制系统分类1️⃣本地版本控制系统2️⃣集中化的版本控制系统3️⃣分布式版本控制系统二级目录三级目录关于版本控制文本版本的缺点：1.操作麻烦2.命名不规范3.容易丢失4.协作困难版本控制软件是一个用来记录文件变化，以便将来查阅特定版本修订情况的系统通俗的理解：把手工管理文件版本的方式，改为由软件管理文件的版本，这个负责管理文件版本的软件叫做“版本控制软件”⭐优点：1.操作简便2.易于对比3.易于回溯4.不易丢失5.协作方便🚩版本控制系统分类1️

2022-05-24 09:54:10 455

原创 npm包管理工具

npm（全称Node Package Manager）node管理器，是Node.js默认的，一JavaScript编写的软件包管理系统官网；中文文档npm 由三个独立的部分组成：1. 网站：是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。2. 注册表（registry）：一个巨大的数据库，保存了每个包（package）的信息3. 命

2022-05-23 20:04:59 243 1

原创 HTTP协议详解

HTTP通信通信协议HTTP协议HTTP交互模型HTTP请求消息HTTP响应消息HTTP请求方法HTTP响应状态码HTTP响应状态码的组成和分类2**响应状态码3**响应状态码4**响应状态码5**响应状态码通信通信是信息的传递和交换通信的三要素：通信的主体通信的内容通信的方式比如说互联网中的通信:服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器其中：通信的主体是：服务器和客户端通信的内容是：传智专修学院的简介通信的方式是：响应通信协议是指通信的双方完成通

2022-05-18 15:49:14 159

原创前后端交互——Ajax

前后端交互AjaxAjaxjQuery中的ajax$.get()$.post()$.ajax()案例：图书列表AjaxAjax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式应用的网页开发技术。通俗的理解就是在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。其缺点如下：1. 本身是针对MVC编程，不符合前端MVVM的浪潮2.

2022-05-18 09:52:29 3126 2

原创学习ES6，看这里

学习ES6，第一步需要知道ES6是什么，为什么要使用它，同时给程序员提供了哪些东西？什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。

2022-05-14 09:16:21 111

原创正则表达式

正则表达式什么是正则表达式1. 正则表达式的特点2. 正则表达式在js中的使用2.1 正则表达式的创建2.2 测试正则表达式3. 正则表达式中的特殊字符3.1 边界符3.2 字符类3.3 预定义类4. 正则替换replace什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。应用场景（1）验证：表单提交时，进行用户名密码的验证。（2）查找：从大量信息中快速提取指定内容，在一批url中，查找指定u

2022-05-10 14:43:10 198

原创闭包、递归真的了解了吗？

学习闭包以及递归之前，了解到一个知识点：严格模式！它又是什么呢，为我们在写代码的时候处于什么作用呢，一起来看看吧！一、严格模式1.什么是严格模式2.开启严格模式(1)为脚本开启严格模式(2)为函数开启严格模式二、闭包1.什么是闭包2.闭包的作用一、严格模式1.什么是严格模式JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本

2022-05-09 20:18:15 549

原创函数内部的this指向

文章目录一、函数的定义及调用1.函数的定义方式2.函数的调用二、this1.函数内部的this指向2.改变函数内部 this 指向2.1 call方法2.2 apply方法2.3 bind方法一、函数的定义及调用1.函数的定义方式1.方式1 函数声明方式 function 关键字 (命名函数)function fn(){}2.方式2 函数表达式(匿名函数)var fn = function(){}3.方式3 new Function()var f = new Function('a', '

2022-05-07 14:15:57 107

原创如何快速上手ECharts？

学习ECharts，首先要先知道什么是ECarts。官网ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。简单来说：是一个JS插件性能好可流畅运行PC与移动设备兼容主流浏览器提供很多常用图表，且可定制。...

2022-05-06 16:03:18 447

原创 jQuery之事件注册以及事件对象

文章目录1.jQuery 事件注册2.jQuery 事件处理2.1 事件处理 on() 绑定事件2.2 事件处理 off() 解绑事件2.3 事件处理 trigger() 自动触发事件3. 事件对象3.1 jQuery 拷贝对象3.2 jQuery 多库共存总结1.jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法&l

2022-04-27 13:50:38 518

原创 jQuery之属性操作

文章目录1.jQuery属性操作1.1 元素固有属性值 prop()1.2 元素自定义属性值 attr()1.3 数据缓存 data()2. jQuery 文本属性值3. jQuery 元素操作3.1 遍历元素3.1.1 each()3.1.2 $.each()3.2 创建元素、添加元素、删除元素4. jQuery 尺寸、位置操作4.1 jQuery 尺寸操作4.2 jQuery 位置操作5. 总结1.jQuery属性操作1.1 元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性，比

2022-04-25 16:26:18 371

原创认识jQuery

文章目录一、jQuery介绍1.JavaScript 库2.jQuery的概念3.jQuery的概念二、jQuery 的基本使用1.jQuery的下载2.体验jQueryjQuery的入口函数一、jQuery介绍1.JavaScript 库🚩JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等⭐简单理解：就是一个JS 文件，里面

2022-04-25 10:37:13 213 1

原创 JavaScript—贪吃蛇游戏

用JavaScript做一个贪吃蛇游戏，小时候的玩过的小游戏原来是这样做出来的，一起来看看吧！文章目录创建页面html文件css文件创建js文件创建方格创建蛇处理蛇头碰撞创建食物创建键盘事件游戏的开始暂停1.创建HTML和css文件2.创建js文件实现功能创建页面html文件<body> <div class="content"> <div class="btn startBtn"> <button&

2022-04-15 16:21:07 2984

原创仿小米的登录注册

仿小米官网登录注册滑动效果！页面展示：登录与注册之间的滑动先搭建一个html结构,主要是要给center这个大盒子足够的宽度，使item1和item2两个小盒子处在同一行，并将溢出来的盒子隐藏，点击登录或者注册时改变translateX <div class="login_box"> <img class="login_code1" src="../img/login_code1.png" alt="">

2022-04-11 11:22:34 1313 9

原创 BOM对象及offset、client、scroll三大家族

BOM对象location 对象location 对象是window对象提供的一个属性，用于获取或设置窗口的URL，并且可以用于解析URL，其次返回的是一个对象。URL一般的语法格式：location 对象的常用属性属性返回值location.href获取或者设置整个URLlocation.host返回主机（域名）location.port返回端

2022-03-15 10:56:46 1019 1

原创 JavaScript轮番图

来看看之前没有实现的网页轮番图，现在能实现了吗？👉首先还是看看做轮番图想要哪些需求吧1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。3.图片播放的同时，下面小圆圈模块跟随一起变化。4.点击小圆圈，可以播放相应图片。5.鼠标不经过轮播图，轮播图也会自动播放图片。6.鼠标经过，轮播图模块，自动播放停止。现在就开始搭建html和css,我已经写好了一起看看吧<!DOCTYPE html><htm

2022-03-14 09:14:07 2519

原创万事万物皆对象？

万事万物皆对象？对象???? 什么是对象？在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。⭐对象也是一个容器,数据可以实现一一对应的关系且可以实现保存多条⭐对象：任何一个具体的事物都称为对象，必须是一个具体的事物（手机，汽车不是对象，属于一类对象）✨ 对象是由特征（名词）【属性】和行为（动词）【方法】总而言之：1.程序中的对象：对象必须有对应的属性【描述对象的特点，在程序中一般使用名词描述】对象必须有行为动作方

2022-01-22 13:24:09 379 1

原创 JavaScript——DOM2

文章标题一、排他操作1.排他思想2.案例：百度换肤3.案例：表格隔行变色4.案例：全选二、自定义属性操作1.获取属性值2.设置属性值3.移出属性4.案例：tab栏5.H5自定义属性三、节点操作1.节点概述2.节点层级3.父级节点4.子节点5.兄弟节点6.创建节点7.添加节点8.删除节点9.复制（克隆）节点案例新浪下拉菜单案例简易留言板一、排他操作1.排他思想如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置

2022-01-20 20:36:13 118

原创 JavaScript——DOM3

文章目录一、高级事件1.注册事件2.事件监听3. 删除事件（解绑事件）4.DOM事件流5.事件对象6.阻止默认行为7. 阻止事件冒泡8.事件委托二、.常用鼠标事件1.鼠标事件对象2.获取鼠标在页面的坐标三、常用的键盘事件1.键盘事件2. 键盘事件对象一、高级事件1.注册事件2.事件监听addEventListener()事件监听（IE9以后支持）eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget（目标对象）上，当该对象触发指定的事件

2022-01-20 19:07:17 130

原创 JavaScript——DOM1

文章标题一、Web API介绍1.API的概念2.API 和 Web API 总结二、DOM1.什么是DOM2.DOM树三、获取元素1.根据ID获取2.根据标签名获取元素3.H5新增获取元素方式4.获取特殊元素（body，html）四、事件基础一、Web API介绍1.API的概念API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作

2022-01-20 13:53:58 205 1

原创年度总结之2021

在《人民日报》官方微博有一篇文章有一段话是这样说的：“努力是一个缓慢积累的过程，先有量变才能引发质变。这个过程，如果总是沉不住气，耐不住性子，获得的就只能是焦虑，而非想要的成果。人生说到底，活的是一种心态，生活的刁难，并不是要你变得气急败坏，而是要你变得更加从容。未来还长，不必慌张，愿我们都能平心静气的面对生活中的每个选择，在稳稳的努力中收获稳稳的幸福。”回首2021，转瞬即逝，展望2022...

2022-01-13 15:53:24 110 3

原创此对象非彼对象

文章目录前言一、对象。1.什么是对象2.创建对象的三种方式3.遍历对象三级目录前言以下将从什么是对象？为什么需要对象？等等几方面来介绍对象。认真看哟！一、对象。1.什么是对象在js中对象分为自定义对象，内置对象，浏览器对象???? 什么是对象？在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词

2022-01-08 20:15:17 163 2

原创虽迟但到了的JavaScript循环

文章目录循环分类for循环双重for循环while循环do-while循环continue、break案例循环分类for循环语法结构：// for循环语句重复执行代码跟计数有关 for (初始化变量; 条件表达式; 操作表达式) { // 循环体; // 初始化变量:声明变量;条件表达式:决定循环是否继续执行; //操作表达式:每次循环最后执行的代码计数变量进行更新(递增或递减) }执行过程：初始化变量，初始化操作在整个 for 循环只会执行一次。

2022-01-04 20:08:07 478 2

原创移动web开发之响应式布局

文章目录响应式开发原理1.1响应式开发原理1.2响应式布局容器bootstrapbootstrap基本使用1.创建文件夹结构2.创建 html 骨架结构3.引入相关样式文件bootstrap布局容器bootstrap栅格系统响应式开发原理1.1响应式开发原理使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器

2021-12-28 17:27:01 94 3

原创移动web开发之rem布局

文章目录一、remrem单位二、媒体查询什么是媒体查询媒体查询语法规范1.mediatype 查询类型2.关键字3.媒体特性三、less基础1.less变量2.Less 嵌套3.Less运算一、remrem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。使用流程：确定html根标签的f

2021-12-22 18:23:42 170 4

原创 flex伸缩布局

文章目录传统布局与flex布局的区别一、flex布局原理二、flex布局父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素排列方式（单行）flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性align-content 和align-items区别三、flex布

2021-12-18 21:11:21 375 5

原创 css3动画的神奇之处

文章目录一、transform（转换）2D转换1. translate（移动）2. rotate（旋转）3. scale（缩放）4. skew（倾斜）3D转换1. translate3d（移动）2.rotate3d(旋转)透视-perspective（产生3D效果）3D呈现 transfrom-style一、transform（转换）2D转换2D转换是改变标签在二维平面上的位置和形状，你可以让元素向左右、上下移动。想要让这个2D效果动起来，需要结合过渡(transition)进行使用。1. tran

2021-12-14 10:32:09 252 3

m0_56712012的博客