![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 67
절차 원숭이
欢迎访问我的博客
展开
-
vue组件通信详解
常用的组件通信1、父组件向子组件传值1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量(2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props:[“属性 名”] props:{属性名:数据类型}2、子组件向父组件传值1)在父组件的子组件标签上自定义一个事件,然后调用需要的方法(2)在子组件的方法中通过 this.$emit(“事件”)来触发在父组件中定义的事件,数据是以参数的形式进行传递的3、兄弟组件之间传值(1)在src中原创 2021-04-25 07:42:32 · 440 阅读 · 0 评论 -
H5新增多媒体标签
H5新增多媒体标签有以下两个:视频:<video src=""></video>音频:<audio src=""></audio>使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用落后的flash和其他浏览器插件<audio>音频标签HTML5在不使用插件的情况下也可以原生的支持音频格式文件的播放,当然支持格式是有限的1.音频格式<audio>音频标签常见属性<audio>音频标签语法格式<原创 2021-04-22 11:44:14 · 138 阅读 · 0 评论 -
GET和POST的区别
get 和 post是HTTP中请求数据的方法;application json 与form表单是HTTP中传输文件的类型,所以要了解其中的区别,要先了解HTTP 协议格式 和 HTTP Header请求报文、响应报文我们发送的http请求,浏览器都会整理成请求报文,发送到服务器。服务器响应的数据,浏览器会以响应报文的形式接受。HTTP请求报文:个HTTP请求报文由四个部分组成:请求行、请求头部、请求空行、请求数据。HTTP响应报文:同样的,HTTP响应报文也由四部分组成:响应行、响应头、响应原创 2021-04-20 21:56:04 · 71 阅读 · 0 评论 -
Vue中keep-alive的深入理解和使用
什么是keep-alive?keep-alive是Vue提供给我们一个内置组件,他可以用来保存我们路由切换时组件的状态组件使用keep-alive以后会新增两个生命周期 actived() deactived(),我们在切换路由的时候,想保存组件的状态,比如列表页面进入详情,我们想保存列表滚动的位置,我们就可以使用keep-alive保存列表页面的滚动位置。简单理解当我们从首页–>列表页–>商详页–>返回到列表页(需要缓存)–>返回到首页(需要缓存)–>再次进入列表原创 2021-04-18 16:33:50 · 202 阅读 · 0 评论 -
vue生命周期共有几个?分别在什么时候使用?
beforeCreate( 创建前 )beforeCreate() 创建前的阶段,这个时候data中的数据,还未定义,所以不能使用created() 最早开始使用 data和methods中数据的钩子函数created ( 创建后 )实例已经创建完成之后被调用,在这一步,实例已完成以下配置:数据观测、属性和方法的运算,watch/event事件回调,完成了data 数据的初始化,el没有。 然而,挂在阶段还没有开始, $el属性目前不可见,这是一个常用的生命周期,因为你可以调用methods中的方法原创 2021-04-14 21:33:01 · 952 阅读 · 0 评论 -
vue.js常用指令及用法
v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false,那么对应的元素就会从DOM中移除;否则,对应元素的一个克隆将被重新插入DOM中<template> <div id="app"> <h1>Title</h1> <p>paragraph 1</p> <p>paragraph 2</p>原创 2021-04-12 21:35:53 · 145 阅读 · 0 评论 -
JS常用事件及触发方法
onclick点击事件 <!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-scale=1.0" />原创 2021-04-11 20:15:23 · 485 阅读 · 0 评论 -
从输入url到页面加载完成发生了什么
1、浏览器的地址栏输入URL并按下回车。我们常见的URL是这样的:http://www.baidu.com,这个域名由三部分组成:协议名、域名、端口号,这里端口是默认所以隐藏。除此之外URL还会包含一些路径、查询和其他片段,例如:http://www.tuicool.com/search?kw=%E4%。我们最常见的的协议是HTTP协议,除此之外还有加密的HTTPS协议、FTP协议、FILe协议等等。URL的中间部分为域名或者是IP,之后就是端口号了。通常端口号不常见是因为大部分的都是使用默认端口,如HT原创 2021-04-08 21:22:48 · 271 阅读 · 0 评论 -
浅谈跨域
什么是跨域?跨域,是浏览器不能执行其他网站的脚本。是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去场景同源策略同源策略 是由NetScape(网景公司)提出的一个著名的安全策略,它是浏览器最核心也最基本的安 全功能所谓的同源,指的是协议,域名,端口相同。浏览器处于安全方面的考虑,只允许本域 名下的接口交互,不同源的客户端原创 2021-04-05 15:51:26 · 1938 阅读 · 8 评论 -
字符串的常用方法
字符串的方法字符串的查找charAt()功能:查找字符串中指定位置的字符;语法:str.charAt(index);参数:index表示位置(下标)返回值:对应位置的字符;indexOf()功能:查找目标值在字符串中的位置(从前往后找)语法:str.indexOf(target,index);参数:target:查找目标值 ,index:开始查找的位置说明:index可以省略,如果省略默认从下标0开始找返回值:找到返回下标,找不到返回-1lastIndexOf()功能:查找目原创 2021-04-01 21:52:58 · 171 阅读 · 0 评论 -
数组常用方法
数组的添加方法1.向数组的末尾添加:push;语法:arr.push(val1,val2,val3,…)功能:向数组的末尾添加一个或多个值返回值:push方法的返回值是新数组的长度;说明:这个方法会改变原数组;2.向数组的头部添加:unshift语法:arr.unshift(val1,val2…)功能:向数组的头部添加一个或多个值返回值:unshift方法的返回值是新数组的长度;说明:这个方法会改变原数组;数组的删除方法删除最后一项:pop返回值删除数组的第一项shi原创 2021-03-31 19:47:47 · 167 阅读 · 0 评论 -
有几种前端储存的方式?这些方式的区别是什么?
有几种前端储存的方式?这些方式的区别是什么?前端的存储方式有5种cookieslocalstoragesessionstorageWeb SQLIndexedDb这些存储方式有什么区别?cookies:在HTML5标准前本地储存的主要方式,优点是兼容性好,请求自带cookie,缺点是大小只有4k,自动请求头加入cookie浪费流量,每个domain限制20个cookie,使用起来麻烦需要自行封装。localStorage:HTML5加入的以键值对(key-value)为标准的方原创 2021-03-30 19:09:37 · 719 阅读 · 0 评论