10 2021 档案

摘要:<!-- 在input,select等表单元素上,v-model:value="" 可以简写为v-model="" ,默认收集的就是value的值。 v-model=""其实算是一种语法糖,完整写法: @input,输入时触发 <input type="text" :value=name @inpu 阅读全文
posted @ 2021-10-29 16:41 亦茫茫 阅读(380) 评论(0) 推荐(0)
摘要:应用场景: 需求一:要想实现点击导航栏展示一个页面, 需求二:在展示的页面内再点击导航栏切换展示一个页面效果 1.一级路由,对应最开始的router-view出口展示,满足需求一 2.如果在路由配置中按一级路由的配置方法配置嵌套路由的路径,则会展示在一级路由的出口,不会展示在二级路由出口,达不到需求 阅读全文
posted @ 2021-10-28 21:28 亦茫茫 阅读(137) 评论(0) 推荐(0)
摘要:<script> /* https的ssl加密是在传输层实现的 1.http和https的基本概念 http:超文本传输协议,是一个客户端到服务器端请求和应答的标准 https:是以安全为目标的http通道,简单讲就是http的安全版,即http下加入ssl层,https的安全基础是ssl,因此加密 阅读全文
posted @ 2021-10-26 10:37 亦茫茫 阅读(289) 评论(0) 推荐(0)
摘要:<script> //1. splice(index,howmany,item1,item2,...)方法,该方法会改变原数组。该函数返回值为 删除的项目,没有删除的元素,则返回一个空数组 //- index 指定在什么位置添加或者删除项目,使用负值则从数组末尾开始的位置。 //- howmany 阅读全文
posted @ 2021-10-26 10:33 亦茫茫 阅读(55) 评论(0) 推荐(0)
摘要:vue2.x于vue3.x响应式的对比 vue2.x的响应式 对象:依赖Object.defineProperty()对属性的读取、修改进行拦截(数据劫持) 数组:通过重写更新数组的一系列方法实现拦截(对数组的变更方法进行了包裹) 缺点:①通过对象.属性名新增属性、delete 对象.属性名 删除属 阅读全文
posted @ 2021-10-25 17:14 亦茫茫 阅读(133) 评论(0) 推荐(0)
摘要:const person = { name:'zhangsan', age:18 } person.name //'zhangsan' //当使用中括号时,里面的内容为变量,如果不加引号就是name变量。 person.['name'] //'zhangsan'二者区别:“ . ”表示法一般作为静态 阅读全文
posted @ 2021-10-25 16:41 亦茫茫 阅读(193) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ background-color: red; } img { /*行内|行内块的默认对齐方式为基线对齐* 阅读全文
posted @ 2021-10-22 11:18 亦茫茫 阅读(98) 评论(0) 推荐(0)
摘要:/*单行文本溢出显示省略号,前提是必须要有宽度*/ /*overflow: hidden; white-space: nowrap; text-overflow:ellipsis ;*/ /*多行文本溢出显示省略号*/ /*display: -webkit-box; -webkit-box-orie 阅读全文
posted @ 2021-10-22 10:55 亦茫茫 阅读(70) 评论(0) 推荐(0)
摘要:在类中的实例属性前添加static关键字,不能被实例继承,不在实例对象和原型对象上,只能通过 类名.属性名 调用; 在类中的方法添加static关键字,不能被实例继承,不在实例对象和原型对象上,只能通过 类名.方法名 调用。 继承 1 <script> 2 class Person { 3 cons 阅读全文
posted @ 2021-10-11 16:47 亦茫茫 阅读(311) 评论(0) 推荐(0)
摘要:1 <script> 2 // es5的语法实现 3 function Person1(name, age) { 4 this.name = name; 5 this.age = age; 6 } 7 8 Person1.prototype.run = function () { 9 console 阅读全文
posted @ 2021-10-11 16:05 亦茫茫 阅读(51) 评论(0) 推荐(0)
摘要:push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。 unshift()方法可向数组的开头添加一个或多个元素,并返回新的长度。 pop()方法用于删除数组的最后一个元素并返回删除的元素。 shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 slice(start 阅读全文
posted @ 2021-10-11 10:18 亦茫茫 阅读(41) 评论(0) 推荐(0)
摘要:css语法 css规则由两个主要的部分构成:选择器,以及一条或多条声明 CSS声明总是以分号(;)结束,声明总以大括号({})括起来: css背景 css背景属性用于定义html元素的背景。 css属性定义背景效果: background-color //定义元素的背景颜色,默认覆盖border+p 阅读全文
posted @ 2021-10-09 17:29 亦茫茫 阅读(272) 评论(0) 推荐(0)
摘要:HTML<head>元素 <head>元素包含了所有头部标签元素。可以插入脚本(script),样式文件(css),及各种meta信息。 可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。 1.<base 阅读全文
posted @ 2021-10-09 15:36 亦茫茫 阅读(96) 评论(0) 推荐(0)
摘要:从输入url到页面渲染完成,经历了以下几个步骤: 1.DNS解析,将域名解析为IP地址- 浏览器dns缓存- 系统dns缓存- 路由器dns缓存- 网络运营商dns缓存- 递归搜索2.TCP连接,TCP三次握手- 第一次握手,由浏览器发起,告诉服务器我要发送请求了- 第二次握手,由服务器发起,告诉浏 阅读全文
posted @ 2021-10-08 16:01 亦茫茫 阅读(155) 评论(0) 推荐(0)
摘要:定义: 当DOM的变化引发了元素几何属性的变化,比如元素的宽高,元素的位置,导致浏览器不得不重新计算元素的几何属性,并重新构建渲染树,这个过程称为“重排”。完成重排后,要将构建的渲染树渲染到屏幕上,这个过程称为“重绘”。 简单来说,重排负责元素的几何属性更新,重绘负责元素的样式更新。并且,重排必然带 阅读全文
posted @ 2021-10-08 15:57 亦茫茫 阅读(183) 评论(0) 推荐(0)
摘要:async、promise、setTimeout共存执行顺序 async function async1() { console.log('async1 start') //2 //遇见await 执行await右边紧跟的表达式,然后让出线程,跳出async函数, 等待本轮同步代码全部执行完毕后再回 阅读全文
posted @ 2021-10-08 15:41 亦茫茫 阅读(118) 评论(0) 推荐(0)
摘要:async函数 该函数返回值是一个promise对象(意味着可以使用 .then(()=>{}) 回调),即使函数内部return不是一个promise对象,也会将return的值包装成一个promise对象。 async函数内部抛出错误,会导致返回的promise对象变成reject状态。抛出的错 阅读全文
posted @ 2021-10-08 15:35 亦茫茫 阅读(159) 评论(0) 推荐(0)
摘要:js原型链 js中每个函数都有一个prototype属性,这个属性指向函数的原型对象(该对象初始内容只包含一个键值对: constructor: f () ,后续通过构造函数的prototype属性添加的内容,将会以键值对的形式出现在该对象中) 每个对象都有一个__proto__属性,这个属性指向该 阅读全文
posted @ 2021-10-08 15:25 亦茫茫 阅读(58) 评论(0) 推荐(0)