- 博客(29)
- 收藏
- 关注
原创 数据代理学习
Object.definePropertyObject.defineProperty的基本使用作用:给一个对象添加属性参数:接受三个参数:给哪个对象添加属性添加的属性名配置项 let person = { name: '张三', sex: '男', }; Object.defineProperty(person, 'age', { value: '18' }) console.log(person);
2022-05-18 23:10:26 293 1
原创 VUE之Element-ui文件上传详解
引言对于文件上传,在开发主要涉及到以下两个方面:单个文件上传和表单一起实现上传(这种情况一般都是文件上传之后,后端返回保存在服务器的文件名,最后和我们的表单一起上传)单文件上传<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :file-list
2022-04-18 22:30:08 26417 4
原创 v-model原理总结
v-model的作用Vue中使用v-model指令来实现表单元素和数据的双向绑定。将表单中用户提交的信息和程序员设定的变量进行绑定区别于v-bindv-bind:动态更新HTML元素上的属性v-model的原理程序员设定的变量,就是我们v-model绑定的值,普遍在vue实例的data选项中。那么用户提交的信息是什么呢?一般情况下我们默认用户提交的信息为绑定v-mode指令的表单元素的value属性的值;当然这只是一般情况下,实际上用户提交的信息与不同表单类型有关。接下来我们来分析
2022-04-17 22:41:45 16661 1
原创 ES6学习
let声明变量和声明特性声明变量同var一样let a;let b,c,d;let e = 100;let f = 521,g = 'jll',h=[];声明特性变量不能重复声明块级作用域:变量只在作用域里有效。(因为var声明的变量是添加在window中,所以可以在作用域外读取,而let声明的变量不会添加在window中,因此不能读取)不存在变量提升console.log(song); let song = '恋爱达人';会报错,而var存在变量提升,则不会报错不影响作用域链
2022-03-31 00:09:02 1271
原创 初学Ajax
Ajax作用:作用:专门用于网页和服务器之间交换数据的.(异步的javaScript和XML),是一种无需重新加载整个网页的情况下,能够更新部分网页的技术.服务器:实质就是一台"提供了某种服务功能"的超级电脑如何让电脑提供管理网站的服务?答:安装Web服务相关的软件.例如:Apache,IIS,Tomcat,Nginx,NodeJS等后端编写的代码不能直接运行,只能放到服务器对应的文件夹下,通过服务器运行如何通过服务器运行:通过ip地址找到服务器对应的文件夹,然后再找到对应的文件运行使用A
2022-01-04 10:47:31 1504
原创 JS笔记(三)
进程与线程进程程序的一次执行,它占有一片独有的内存空间可以通过windows任务管理器查看进程线程是进程内一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元相关知识应用程序必须运行在某个进程的某个线程上一个进程中至少有一个运行的线程:主线程,进程启动后自动创建一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的一个进程内的数据可以供其中的多个线程直接共享多个进程之间的数据是不能直接共享的线程池:保存多个线程对象的容器,实现线程对象的反复利用相关
2021-12-27 22:55:35 85
原创 JS笔记(二)
闭包变量作用域变量根据作用域的不同分为两种:全局变量和局部变量。函数内部可以使用全局变量函数外部不可以使用局部变量当函数执行完毕,本作用域内的局部变量就会销毁如何产生闭包:当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包闭包到底是什么闭包是有权访问另一个函数作用域中变量的函数,简单理解就是一个作用域可以访问另外一个函数内部的局部变量。闭包:我们fun这个函数作用域访问了另一个函数fn里面的局部变量num,被访问的变量所在的函数称为闭包函数,因此fn1
2021-12-27 16:00:13 451
原创 let和var
let 和 var的区别let 不能重复声明,但var可以let会产生块级作用域,且只在自己的作用域内生效,但var不受限制;在ES5中只有函数作用域和全局作用域,当我们在{}中使用了let或者const时,{}的范围就是一个块级作用域,此时let或const只能在{}中访问。{ let a = 1; var b = 2;}console.log(a);//报错console.log(b);//2let不存在变量提升console.log(a);//undefinedva
2021-12-23 16:38:48 483
原创 JS相关知识笔记
数据类型基本类型String:任意字符串Number:任意数字Boolean:true/falseUndefined:undefinedNull:null对象(引用类型)Oject:任意对象Function:函数,一种特别的对象(可以执行)Array:数组,一种特别的对象(数值下标,内部数据是有序的)判断typeof:返回数据类型的字符串表达;let a; console.log( a,typeof a,typeof a === 'undefined' ,a===undef
2021-12-23 15:40:32 251
原创 【无标题】
BOM浏览器对象模型BOM可以使我们通过JS去操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象这些BOM对象在浏览器中都是作为window对象的属性保存的,可以通过window对象来使用,可以直接使用。Window代表的是整个浏览器的窗口,同时window也是网页中的全局对象。Navigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器;由于历史原因,Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了;一般我们只会使用use
2021-12-17 09:29:53 103
原创 JS基础(四)
DOMDOM:文档对象模型。文档:整个HTML网页文档;对象:对象表示将网页中的每一个部分都转化为了一个对象;模型:使用模型来表示对象之间的关系,这样方便我们获取对象;DOM作用:JS中通过DOM来对HTML文档进行操作,随心所欲的操作Web页面。节点节点:构成网页的最基本的组成部分,网页中每一个部分都可以称为一个节点。构成HTML文档的最基本的单元节点分类文档节点:整个HTML文档;元素节点:HTML文档中的HTML标签属性节点:元素的属性文本节点:HTML标签中的文本内容浏览
2021-12-12 14:39:43 261
原创 JS刷题总结
2021/11/18第一题结果:15岁的小红在操场上运动考点:this指向,call,apply,bind问题分析:使用了call方法,因此this指向了p2this指向:前提:this永远指向一个对象this的指向完全取决于函数调用的位置this指的是函数运行时所在的环境参考:this的原理总结:函数调用模式:this被绑定为全局对象,在浏览器环境下就是window对象function a(){ let a = 'hello'; console.log(this.he
2021-11-19 17:20:04 982 1
原创 JS基础知识(三)
数组数组简介数组也是一个对象,和普通的对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性值的,而数组是使用数字来作为索引操作元素的创建数组对象获取数组的长度:对于连续的数组,使用length属性来获取数组的长度(元素的个数)对于非连续的数组,使用length属性会获取到数组的最大索引加1修改数组的长度:如果修改的length大于原长度,则多出部分会空出来如果修改的length小于原长度,则多出的元素会被删除//创建数组对象var arr = new Array()
2021-11-17 16:28:04 213
原创 JS基础知识(二)
JS中的数据类型基本数据类型:String(字符串),Number(数值),Boolean(布尔值),Null(空值),Undefined(对象)复杂数据类型:Object(对象)使用基本数据类型的数据,所创建的变量都是独立的,不能成为一个整体,因此引入了对象的概念,对象属于复合的数据类型,在对象中可以保存多个不同类型的属性。对象对象分类内建对象:在ES标准中定义的对象,在任何的ES实现中都可以使用;比如:Math String Number Boolean Function
2021-11-04 17:13:09 162
原创 JS基础知识(一)
JS的编写位置可以将js代码编到标签的onclick属性中,当我们点击按钮时,js代码才会执行<button onclick="alert('讨厌,你点我干啥')">点我一下</button>可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码<a href="javaScript:alert('让你点你就点!!');">你也点我一下</a>特殊情况:这种常用于控制超链接不跳转<a href="javaSc
2021-11-02 17:29:44 339
原创 宏任务与微任务
前提JavaScript是单线程的,也就是说只有一个调用栈,调用栈按照先入后出的规则进行,一次调用一个,而且可以嵌套。调用栈在发现异步任务的时候,会把异步任务放入队列里面。异步任务队列分为宏任务队列和微任务队列,队列都按照先进先出的规则。宏任务,微任务分类宏任务队列:新程序或子程序被直接执行,最常见的就是...
2021-10-21 17:01:46 137
原创 事件循环(Event Loop)
浏览器JS异步执行的原理众所周知,JS是单线程语言,也就是同一个时刻只能做一件事情。那么浏览器为什么可以执行异步任务呢?因为浏览器是多线程的。当js需要执行异步任务时,浏览器会帮我们另外启动一个线程去执行该任务。即js是单线程的指的是执行JS代码的线程只有一个,是浏览器为我们提供的JS引擎线程,我们也叫它主线程。浏览器中还有定时器线程,HTTP请求线程等等,这些线程不是用来执行JS代码的,而是用来执行其他的一些任务的。比如说主线程中需要发送一个AJAX请求,就把这个任务交给另一个浏览器线程,也就是HT
2021-10-21 11:30:40 442
原创 事件(二)
事件对象一:事件对象:代表事件的状态,就是当你触发了一个事件以后,对该事件的一些描述信息。例如:你触发一个点击事件的时候,你点在哪个位置了,坐标是多少你触发一个键盘事件的时候,你按的是哪个按钮二:什么时候会产生事件对象(Event 对象)呢?答:当DOM中发生事件时,所有的信息都会被收集存储在在一个名为event的对象中。例如:当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.1:event对象是事件处理程序的第一个
2021-10-19 16:16:12 195
原创 CSS知识点
一、体验CSS通过标签修改样式的缺点:1、需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那么设置了也没有效果2、一旦需求发生变化,需要修改大量代码才能满足现有需求3、HTML只有一个作用就是用来添加语义二、CSS格式1.格式:<style type="text/css"> 标签名称{ 属性名称:属性对应的值; ... }2、注意点style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是.
2021-10-19 16:05:17 691
原创 事件(一)
事件js与html的交互是通过事件完成的事件流(事件传播)事件流:描述了页面接收事件的顺序。iE和Netscape 两家公司都支持认为,如果单击了某个按钮,单击事件不仅仅发生在按钮上,甚至发生在整个页面上(单击了整个页面)。但是两家公司提出了完全相反的事件流方案。IE支持事件冒泡流,而Netscape 支持事件捕获流。事件冒泡事件冒泡:事件被定义为从最具体的元素(当时点击的元素)开始触发,然后向上传播至没有那么具体的元素(文档document)<html><head>
2021-10-12 10:16:08 154
原创 AXIOS
网络模块封装在前端开发过程中,需要向服务器发送网络请求,对请求过来的数据进行展示。发送网络请求可以有很多的选择,但是即使选择了第三方的框架来进行网络请求,也会对其做进一步的封装,并不是面向第三方框架进行网络请求的,而是使用自己封装好的模块来进行网络请求的,因为第三方框架可能存在着后期不维护或者有严重的漏洞的风险...
2021-09-13 11:08:07 157
原创 函数与箭头函数
一.基本格式普通函数:function(){}js中函数通过关键字function来声明,后面跟一组参数以及函数体实例:function sayHi(name,message){ alert("Hello"+name+","+message); }箭头函数:()=>{}(不能为箭头函数命名,因为箭头函数是表达式,而且是匿名的,而普通函数可以是函数表达式也可以是函数声明)...
2021-02-05 11:41:12 201
原创 显示隐藏密码明文
显示隐藏密码明文1. 核心思路1.点击眼睛按钮,把密码框类型变为文本框就可以看见里面的密码2.一个按钮两个状态,点击一次,切换为文本框,再点击一次,切换为密码框3.算法:利用一个flag变量,来判断flag的值,如果是1,就切换为文本框,flag设置为0;如果是0,就切换为密码框,flag设置为1;2. 代码 <title>显示隐藏密码明文</title> <style> .box{ width: 400p
2021-01-22 16:33:17 1642
原创 分时问候案例
需求:分时显示不同的图片,显示不同的问候语:案例分析:1.根据系统不同时间来判断,所以需要用到日期内置对象2.上午,下午和晚上,所以需要用到多分支语句来设置不同的图片3.需要一个图片,根据时间来修改图片,故而需要操作元素src属性4.需要一个div元素,显示不同的问候语,修改元素内容即可代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2021-01-22 15:21:33 250
原创 弹性布局
弹性布局开启弹性布局只需要在最外层设置:display:flex;当开启弹性布局后,flex项目会沿着主轴方向排列justify-content属性(容器属性)未开启弹性布局以前开启弹性布局以后自左向右排列成一行设置justify-content:center;属性后,就会从左至右居中对齐设置justify-content:flex-end;靠右对齐设置justify-center:space-between;左右两端对齐,且项目之间的间距相等设置justify-cente
2021-01-15 11:07:51 218 1
原创 HTML基础
1、页面布局的划分和标签的嵌套:HTML网页基本标签的嵌套规则:1)块元素可以嵌套行元素2)行元素可以嵌套行元素3)行元素不可以嵌套块元素4)文字类块元素不可以嵌套块元素5)容器类块元素可以嵌套块元素2、块级元素和内联(行内)元素各自的特点?html标签分为两种,内联元素和块级元素。块级元素:一般是其它元素的容器,可容纳内联元素和其它块级元素,块级元素排斥其它元素与其位于同一行,可设置宽度(width)高度(height)属性,正常流中的块级元素会垂直摆放。常见块状元素为“div”。(矩形
2020-12-31 10:31:18 77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人