前端杨某-优快云博客

组件的生命周期指的是：组件从创建 -> 运行(渲染) -> 销毁的整个过程，强调的是一个时间段。VUE框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。例如：① 当组件在内存中被创建完毕之后，会自动调用 created函数② 当组件被成功的渲染到页面上之后，会自动调用 mounted函数③ 当组件被销毁完毕之后，会自动调用 unmounted 函数当组件的 data 数据更新之后， vue 会自动重新渲染组件的 DOM 结构，从而保证 View 视图展示的数

2022-07-06 16:00:05 223

原创 Git的知识

git的下载和基本操作

2022-05-27 23:06:41 149

原创 HTTP协议

什么是http协议HTTP 协议即超文本传送协议 (HyperText Transfer Protocol) ，它规定了客户端与服务器之间进行网页内容传输时，所必须遵守的传输格式。例如：客户端要以HTTP协议要求的格式把数据提交到服务器服务器要以HTTP协议要求的格式把内容响应给客户端http请求消息HTTP 请求消息由请求行（request line）、请求头部（ header ）、空行和请求体 4 个部分组成。请求头部常用字段http响应消息HTTP响应消息由状态行、响应

2022-05-26 15:13:32 129

原创 cookie,sessionstorage,localstorage的区别

1.存储的位置不同cookie在浏览器与服务器之间来回传递sessionstorage,localstorage在本地存储2.存储的大小不同cookie一般只能存储4Ksessionstorage 和 localstorage 可以存储小于5M3.数据有效期不同cookie 可以在设置的过期时间之前一直有效sessionstorage在浏览器关闭之前有效，localstorage始终有效4.作用域不同cookie localstorage 在所有同源窗口共享sessionstorage

2022-05-01 23:47:26 316

原创 var let const

let使用let关键字声明的变量具有块级作用域，可以防止循环变量变成全局变量使用let关键字声明的变量不存在变量提升使用let关键字声明的变量具有暂时性死区const使用const关键字声明的常量,具有块级作用域使用const关键字声明的常量,必须赋值使用const关键字声明的常量,值不能改变var使用var关键字声明的变量函数级作用域使用var关键字声明的变量存在变量提升使用var关键字声明的常量值可以改变三者的区别varletconst函数级作用域

2022-05-01 00:23:20 289

原创函数this指向

this的指向这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。一般指向我们的调用者.调用方式this指向普通函数调用window构造函数调用实例对象原型对象里面的方法也指向实例对象对象方法调用该方法所属对象事件绑定方法绑定事件对象定时器函数window立即执行函数windowthis指向的改变我们也可以改变函数内this的指向，js提供了三种方法 call() ，apply() , b

2022-04-24 19:00:53 435

原创数组遍历（迭代）方法

迭代（遍历）方法我们了解以下5种遍历方法，分别是 forEach() 、map() 、filter() 、some() 、every()forEach() 方法： forEach() 方法对数组的每个元素执行一次给定的函数。var arr = [10,20,30];arr.forEach(function(value,index,array){ console.log('数组元素' + value); console.log('数组元素的索引号' + index); console

2022-04-19 22:27:32 458

原创 JS事件对象

什么是事件对象eventTarget.onclick = function(event) {} eventTarget.addEventListener('click', function(event) {}）这个 event 就是事件对象，我们还喜欢的写成 e 或者 evt ，现在一般写 e。官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象 event，它

2022-04-13 18:05:18 1780

原创有意思的排他思想小案例

排他思想首先排除其他人然后设置自己的样式这种排除其他人的思想我们称为排他思想。排他思想在页面中非常常见与重要，我们常见的轮播图，转换点击等等都需要用到排他思想。让我们来看看下面的一些简单小案例，也可以试着做一做。（1）首先是基础的几个小按钮，点谁谁怀孕。（2）接下来就是选老婆环节，点击那个图片就换成哪个图片作为背景（3）这是一个tab栏切换的例子。（4）这是一个全选反选的例子。展示一下第四个例子的代码吧HTML部分<table> <thead

2022-04-10 19:35:38 384

原创 js中创建元素，write、innerHTML、createElement的区别

（1）ducument.write如果页面文档流加载完毕，再调用这句话会导致页面重绘。什么意思呢。就是以前的所有元素都不要了，全部删除，然后把你需要添加的元素加载进去。

2022-03-28 14:46:22 359

原创 js dom节点操作的增加和删除

一、增加元素节点我们想要增加一个节点，节点不能凭空产生，我们需要先创建一个节点，创建一个元素节点的操作很简单。例如我们想要在一个 ul 的标签添加一个 li 标签。（1）创建一个节点操作var li=document.createElement('li');（2）添加节点操作添加节点有两种方式：第一种是 node.appendChild(node)node 代表的是父级，child 代表的是子级，需要注意的是，它是从后面追加元素，类似于数组中的pushvar ul=document.qu

2022-03-27 23:13:14 4458

原创 typeof返回的数据类型

typeof返回的数据类型有：1、object，对象类型；2、undefined，未定义类型；3、string，字符串类型；4、number，数字类型；5、boolean，布尔类型；6、function，函数类型。object ---------- 如果这个值是对象或null Objectundefined ---------- 如果值未定义 Undefinedstring ---------- 如果这个值是字符串 Stringnumber ---------- 如果这个值是数值类型 N

2022-03-24 01:01:19 2935

原创创建table表格总有一些线比其他线粗

很简单的一个表格，为什么会出现有的边框线粗一些的原因呢？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc..

2022-03-23 23:11:35 3189

原创 input表单元素的边框样式

我们再点击表单元素时会自动弹出边框，这个边框不是border,而是outline,如果我们想要修改就要改变outline的属性。outline, outline-width, outline-style, outline-color, outline-offset这些都是可改变的对象。outline 的效果将随元素的 focus 而自动出现，并且outline 不会象border那样影响元素的尺寸或者位置。...

2022-03-22 02:19:29 1108

原创 Uncaught TypeError: Cannot set properties of null (setting ‘onblur‘)

这种可能是onblur前面的类名与你定义的类名不一致，仔细检查一下

2022-03-22 01:52:03 2178

原创 vscode顶部菜单栏不见了，怎么办？

应该是不小心按到了vscode的全屏显示，F11即可退出全屏显示

2022-03-12 16:04:55 7680 2

qq_48439911的博客

原创 JavaScript 之其他

原创 JavaScript 之 ES6 新特性

原创 JavaScript之异步

原创 JavaScript关于函数的总结

原创 CSS总结

原创 ESLint和Prettier的配置

原创 VUE指令总结

原创 webpack基础知识

原创 vue生命周期