敖胤

绳锯木断，水滴石穿；聚沙成塔，集腋成裘。

导航

08 2021 档案

Vue监视器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>监视器</title> <script type="text/javascript" src="../js/vue.js"></script> </head> 阅读全文

posted @ 2021-08-16 23:20 敖胤 阅读(63) 评论(0) 推荐(0)

Vue计算属性
摘要：定义：Vue通过操作vm已有属性值，将计算得到的结果赋值给一个全新属性，这个属性就称为计算属性。 原理：底层借助Object.defineProperty()提供的getter和setter来实现。 方式：通过vm的computed属性进行定义。 优势：与methods方式相比，内部有缓存机制，效率 阅读全文

posted @ 2021-08-15 21:07 敖胤 阅读(190) 评论(0) 推荐(0)

Vue事件修饰符
摘要：Vue中的事件修饰符： prevent：阻止默认事件 stop：阻止事件冒泡 once：事件只触发一次 capture：使用事件捕获模式 self：只有event.target是当前元素时触发 passive：事件的默认行为立即执行，不需要等待回调函数执行完成 <!DOCTYPE html> <ht 阅读全文

posted @ 2021-08-13 00:30 敖胤 阅读(95) 评论(0) 推荐(0)

Vue事件绑定
摘要：Vue事件绑定 Vue对事件的基本操作： 页面标签中使用v-on:xxx或者简写@xxx绑定事件，xxx指事件属性名 事件的回调函数配置在data对象的methods属性对象中，最终绑定在vm上 methods中的函数不要使用箭头函数（function()=>{}）形式，否则函数中的this将不会是 阅读全文

posted @ 2021-08-12 00:18 敖胤 阅读(237) 评论(0) 推荐(0)

Vue数据代理
摘要：数据代理：通过一个对象操作另一个对象的属性和方法。JavaScript中通过Object.defineProperty()函数来实现。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>value_bind</ 阅读全文

posted @ 2021-08-11 23:16 敖胤 阅读(88) 评论(0) 推荐(0)

MVVM模型
摘要：MVVM是（Model-View-ViewModel）的缩写 M：模型，指data中的数据 V：视图，指模板代码（容器） VM：视图模型，在Vue中就是Vue实例 在Vue的官方文档中有这么一句话： 虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm 阅读全文

posted @ 2021-08-08 01:29 敖胤 阅读(88) 评论(0) 推荐(0)

Vue原型初探—el与data的两种写法
摘要：指定Vue实例的el和data属性时，都有两种写法 el： new Vue()时指定el属性 先创建Vue实例，在通过Vue实例对象的原型中的mount属性指定，指定语法为：vue.$mount("#容器id") data： new Vue()时通过一个对象绑定到data属性中 new Vue()时 阅读全文

posted @ 2021-08-08 00:58 敖胤 阅读(240) 评论(0) 推荐(1)

Vue数据绑定
摘要：Vue中有两种数据绑定方式： 单向绑定（v-bind）：数据只能从Vue实例流向容器 双向绑定（v-model）：数据在Vue实例和容器之间是双向流动的 双向绑定应用在表单类标签上（v-model只能与标签的value属性值绑定），如input、select。 v-model:value可以简写为v 阅读全文

posted @ 2021-08-08 00:17 敖胤 阅读(175) 评论(0) 推荐(0)

Vue模板语法
摘要：插值语法 功能 用于解析标签体内容 格式 {{xxx}} 说明 “xxx”是js表达式，可以直接读取到data中的内容 举例 获取name属性的值：{{name}} 指令语法 功能 用于解析标签，包括标签属性、标签体内容、绑定事件等 格式 v-bind:绑定内容或者简写为:绑定内容 说明 Vue中有 阅读全文

posted @ 2021-08-07 00:14 敖胤 阅读(50) 评论(0) 推荐(0)

Groovy语法入门
摘要：Groovy语法入门 个人的感觉是Groovy的语法像是JS和Python的结合体。 Groovy中可以省略小括号（“()”）和句尾结束分号（“;”）但是省略之后代码必须一句一行。 //函数语句 println 'Hello World!' //定义变量（弱类型） def i = 3 println 阅读全文

posted @ 2021-08-02 23:47 敖胤 阅读(186) 评论(0) 推荐(0)

MySQL优化——SQL语句优化策略
摘要：Order By优化 在order by中，如果排序会造成文件排序（在磁盘中完成排序，性能差），那么就说明SQL没有命中索引。 优化方式： 如果排序字段使用了联合索引，那么尽量在业务不冲突的情况下，遵循最左前缀法则。 如果文件排序没法避免，那么尽量想办法使用覆盖索引。all->index 文件排序 阅读全文

posted @ 2021-08-02 21:22 敖胤 阅读(107) 评论(0) 推荐(0)