08 2021 档案
摘要：v-if 和 v-show 区别 1，v-if是判断是否要渲染，若为false的时候，标签都不会出现，多用于变化较少或者直接是没有变化功能的显示区域 例如：用户信息的vip标志，头像这些 2，v-show是判断是否需要显示，这个时候标签内容是已经存在了，只是css上dispalck设置为none隐藏
阅读全文
摘要：是什么 vuex是专门为vue.js开发的状态管理模式 它解决的多个组件依赖同一个状态的情况，适用于在单页面中，跨组件状态管理，登录状态管理，购物车管理等等 相对而言结构比较复杂，对于简单页面没必要使用 eventBus又称事件总线，他使用的事订阅发布模式，一般于vue的prototype上注册一个
阅读全文
摘要：原理 通过改变url，在不重新请求页面的情况下更新视图 实现方式 hash模式，其实也就是锚点，这是html本身自带的功能，用于锚点定位， 他本身就是用来指导浏览器用的，对服务器端完全无用，不会导致页面重新请求 可以通过window.addEventListener('hashchange',fun
阅读全文
摘要：什么是生命周期 vue的生命周期指的是vue在运转过程中各个关键位点的挂钩 beforCreate:组件在创建之前 create： 组件已经创建属性绑定，但是还没有挂载，$el不可用，dom还没生成 beforeMount：在组件挂载之前执行 mounted：组件挂载完毕，dom已经生成，$el可用
阅读全文
摘要：vue组件件数据参数传递 父子之间传递 使用props由父级传递给子组件 使用$emit由子级触发父级的回调函数，并传递参数 子孙组件传递 1，简单粗暴使用父子传递套娃，这种粗暴的方式会导致中间的组件多出许多无用的属性以及回调函数 2，使用$attrs与$listeners 祖 -> 孙 在祖组件传
阅读全文
摘要：MVC（Model-View-Controller） 模型Model – 管理大部分的业务逻辑和所有的数据库逻辑。模型提供了连接和操作数据库的抽象层。 控制器Controller - 负责响应用户请求、准备数据，以及决定如何展示数据。 视图View – 负责渲染数据，通过HTML方式呈现给用户。 举
阅读全文
摘要：typeof typof利于判断基本类型，除了null number，string，undefined，null，boolean，symbol都能正常测验 null由于js的bug的问题，会显示为object 对于引用类型，typeof除了function之外返回的都是Object 不太适用 con
阅读全文
摘要：event 在火狐浏览器中没有window.event 使用的函数返回的event var ev=event || window.event 事件源的兼容性 一般浏览器event.targetIE下为event.srcElementvar target = event.target || event
阅读全文
摘要：viewport 用于调控移动设备的可视区域 width：页面宽度，可以取值具体的数字，也可以是 device-width，表示跟设备宽度相等。height：页面高度，可以取值具体的数字，也可以是 device-height，表示跟设备高度相等。initial-scale：初始缩放比例。minimu
阅读全文
摘要：prefetch 其利用浏览器空闲时间来下载或预取用户在不久的将来可能访问的文档 使用标签是link <link href="/js/xx.js" rel="prefetch"> preload 预加载 可以指明哪些资源是在页面加载完成后即刻需要的，浏览器在主渲染机制介入前就进行预加载，这一机制使得
阅读全文
摘要：dragstart:事件主体是被拖放元素，在开始拖放被拖放元素时触发，。 darg:事件主体是被拖放元素，在正在拖放被拖放元素时触发。 dragenter:事件主体是目标元素，在被拖放元素进入某元素时触发。 dragover:事件主体是目标元素，在被拖放在某元素内移动时触发。 dragleave:事
阅读全文
摘要：canvas <canvas id="cav" width="300px" height="150px"></canvas> var canvas = document.querySelector("#cav") if(canvas.getContext){ // 必须判断是否存在该方法，即判断浏览
阅读全文
摘要：单例 保证一个类仅有一个实例，并提供一个全局访问点 1,保证类只有一个实例 2，构造出唯一的实例 饿汉模式 const createOne=(function(){ let instance=null const Create=function(name){ if(instance){ return
阅读全文
摘要：同步/异步 js的代码都是单线程执行的，因此一些浏览器事件和请求事件就需异步任务来实现 一般来讲，所有回调函数都是异步任务 js在执行代码程序时，判断是 同步/异步 函数，若是同步任务会在主线程开始执行 而异步任务则会走事件表，并将回调函数注册进事件队列， 在主线程执行完毕之后才会返回事件队列里检查
阅读全文
摘要：什么是 Promise Promise 是异步编程的一种解决方案，比传统的异步解决方案【回调函数】和【事件】更合理、更强大。现已被 ES6 纳入进规范中。 为什么需要Promise 传统的回调函数确实可以满足回调需求，但是却有个比较大的问题，那就是回调地狱， 回调地狱是指异步函数的嵌套，总有需求是需
阅读全文
摘要：参考资料 概念 协议相同 域名相同 端口相同 http://www.example.com/dir/page.html这个网址，协议是http://，域名是www.example.com，端口是80 限制 （1） Cookie、LocalStorage 和 IndexDB 无法读取。 （2） DOM
阅读全文
摘要：.com 顶级域 .com.cn 二级域 xxx.com 一级域名 xxx.xxx.com 二级域名 a.xxx.com与b.xxx.com是属于一级域名相同，后面的以此类推
阅读全文
摘要：es6的新特性 跳转 promise的使用，怎么用es5实现promise let aaa=function(a){ return new Promise((resolve,reject)=>{ if(a>10){ resolve('success') }else{ reject('error')
阅读全文
摘要：HMLHttpRequest对象 get请求 //步骤一:创建异步对象 var ajax = new XMLHttpRequest(); //步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端 ajax.open('get','
阅读全文
摘要：闭包的概念 闭包是指有权访问另外一个函数作用域中的变量的函数 *在js中，目前只有全局作用域，局部（函数）作用域，块级作用域（let，const） *按照字面上理解，其实就是一个函数内部能够使用另外一个函数的局部变量 闭包有个问题就是内存泄漏，所以不能滥用闭包 但是相应的，这也是判断是否是闭包的一个
阅读全文
摘要：1，js的垃圾回收 JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收系统（GC）会按照固定的时间间隔,周期性的执行。 2，回收机制 全局变量不会被回收。 局部变量会被回收，也就是函数一旦运行完以后，函数内部的
阅读全文
摘要：全局环境下 在全局环境下this指向window console.log(this window)//true 在全局环境下指向window（严格模式是undefined） 函数上下文调用 1，直接调用 function aaa(){ this window } aaa()//true 结果为win
阅读全文
摘要：父类 function Animal(name){ this.name=name } Animal.prototype.eat=function(food){ console.log(this.name+'吃'+food) } 原型链继承 function Cat(){} Cat.prototype
阅读全文
摘要：原型，每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 一，prototype 1,在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 2,prototype
阅读全文
摘要：class myPromise{ constructor(fun){ console.log(1) this.state="ready"//ready准备状态 success成功回调后 error失败回调后 this.start=function(){ console.log(2) fun(this
阅读全文
摘要：1，const，let const / let / var有什么不同 var与const和let的不同点 1.var 有变量提升，而const与let也存在变量提升，但由于暂时性死区导致在初始化前（暂时性死区：声明并初始化）没办法调用 2.let与const有块级作用域，何为块级作用域，可以理解为{
阅读全文
摘要：FC Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC “块级格式化上下文”。Block Formatting Contexts就是页面上的一个隔离的渲染
阅读全文
摘要：1，作用范围 vertical-align用于对齐行内元素。 常见行内元素有line line-block 2,作用原理 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐 注意一点，这里是相对于所在行的基线对齐，这个所在行的具体高度不受父级高度控制，只由所在行最高的元素决定或者父级设置行高
阅读全文
摘要：实现居中对齐 1.在知道父级高度的情况下： a. 上下居中，在知道自身高度的情况下根据计算使用padding和margin实现 b. 也可以使用line-height来实现 c.在父元素跟子元素行高一致时，可以设置子元素vertical-align: middle，且子元素为行内元素 注意：关于ve
阅读全文
摘要：html5有哪些新特性 1,常见新增标签 aside、audio、video、canvas、footer、header、nav、section 2，新增 localStorage、sessionStorage 3，新增 contenteditable 属性 该值为true时 节点变为可编辑 行内元素
阅读全文
浙公网安备 33010602011771号