07 2021 档案
摘要:父组件通过 provide选项提供数据 子组件通过 inject选项 注入数据 可以跨越层级传递 注:provide选项 要访问组件实例data,需要将 provide 转换为返回对象的函数 默认情况下,provide/inject 绑定并不是响应式的。
阅读全文
摘要:v-model 是表单双向数据绑定的简写方式 v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件: text 和 textarea 元素使用 value 属性和 input 事件;checkbox 和 radio 使用 checked 属性和 change 事件;s
阅读全文
摘要:参考教程 事件名 会自动将 驼峰 转化为 kebab-case (HTML标签不区分大小写这个问题) props、自定义事件、组件 的命名都存在自动转化。如果你使用的是字符串模板,这个限制就不适用。 emits 选项 当在 emits 选项中定义了原生事件 (如 click) 时,将使用组件中的事件
阅读全文
摘要:props 暴露的属性,和HTML标签的属性,使用方法相同,可以直接赋值,也可以通过v-bind动态绑定 指明props的类型 以对象形式列出 prop,属性名和值分别是 prop 名称和类型。 会进行类型检查 { props: { propA: String, // 可以为 8 种原生构造函数 S
阅读全文
摘要:全局注册 字符串注册 app.component('component-name', { // 组件名不应该用驼峰式 data() { return { count: 0 } }, props: ['title'], template: ` <h4>{{ title }}</h4> <button
阅读全文
摘要:特点:创建唯一标识 Symbol(“xx”) 每个实例都创建唯一标识符,避免重复;参数为描述信息可为空,即使相同描述信息,Symbol实例也不相等; 该类型不使用new进行创建 const symbol = Symbol('abc') String(symbol) // 'abc' symbol.d
阅读全文
摘要:获取属性 通过for in 可以获得非Symbol(ES6)的属性 for (prop in obj) { console.log(prop); } 使用Object提供的方法 返回属性的数组 Object.keys(obj) 获得非Symbol(ES6)的属性Object.getOwnProper
阅读全文
摘要:call、apply 调用并改变 this 指向 .call() 第一个参数为要将this指向的对象 之后的参数为所调用函数的参数 fn.call(newthis, ...args) .apply() 和 .call() 极其相似,只是传参的方式不同,通过数组包含所有参数 fn.apply(newt
阅读全文
摘要:回调地狱:需要控制异步函数的执行顺序,而将他们层层嵌套,使得代码结构复杂,难以维护。 Promise 缓解了回调地狱 没有彻底解决回调地狱。 then的处理函数依然是callback Promise 的意义在于 统一 异步实现的方案(callback变得可控) callback 实现异步,不同开发者
阅读全文
摘要:参考视频 防抖 抖动 (和硬件上按键抖动类似)描述的是一种高频事件,但不需要每次都响应 例如:对输入内容的动态提示,要监听oninput 但打字会高频触发这个事件 简单的防抖实现 let t = null; inp.oninput = function() { if (t !== null) { c
阅读全文
摘要:参考教程 主要特性 借鉴了MVVM模式的思想 虚拟DOM,实现快速渲染 原理: Vue 将模板编译成虚拟 DOM 渲染函数; 结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。 双向数据绑定特性 组件化以及插槽技术slot Vue 的核心是 声明式渲染
阅读全文
摘要:为字符串提供了新方法 .includes() 判断是否找到参数字符串 子串 startsWith() //比较字符串是否以xx开头 endsWith() //比较字符串是否以xx结尾 .repeat() 返回新的字符串,表示将字符串重复指定次数返回 .padStart(n,“xx”) / .padE
阅读全文
摘要:in in:xxx 筛选匹配的位置 可选:name(仓库名) 、 description(仓库描述) 、readme(readme文件中) 多选时,用逗号分隔 starts stars:xxx 筛选star的数量 常配合比较运算符使用 (> \ < \ >= \ <=) 注意:若直接写数字,就表示等
阅读全文
摘要:命令含义双引号 “xx”关键字全匹配减号 -xxx排除xxx关键字Inurl:xxx在url中匹配关键字intitle:xxxtitle标签中进行匹配Site:xxx指定域名下搜索Filetype:txt指定文件类型 例为txt 使用中文符号,百度会正常识别
阅读全文
摘要:MDN IFC 特性 垂直的padding、margin 无效行内元素从容器的顶端开始,一个接一个地水平排布一个水平行中的所有 行内元素 组成一个矩形区域行内框(line box)行内框的高度始终容下所有的行内元素 ,高度只与line-height行高有关行内框的宽度受到父容器和浮动元素存在的影响(
阅读全文