随笔分类 - 流行框架
摘要：生命周期与生命周期钩子 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类 创建期间的生命周期函数： beforeCreate：
阅读全文
摘要：1.自定义全局和局部（私有）自定义指令 // 自定义全局指令 v-focus，为绑定的元素自动获取焦点： Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 el.focus();
阅读全文
摘要：1.x版本中自定义键盘修饰符【了解】 Vue.directive('on').keyCodes.f2 = 113; 2.x版本中自定义键盘修饰符 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名： Vue.config.keyCodes.f2 = 113; 使用自
阅读全文
摘要：概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 私有过滤器 HTML元素： <td>{{item.ctime | dataForm
阅读全文
摘要：1.fq安装 2.本地安装： Google浏览器 chrome://extensions/ ，打开扩展程序→打开开发者模式→加载已解压的扩展程序，选择解压后的扩展程序包即可。
阅读全文
摘要：Vue指令之v-if和v-show <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
阅读全文
摘要：迭代数组（普通数组、对象数组） <ul> <li v-for="(item, i) in list">索引：{{i}} 姓名：{{item.name}} 年龄：{{item.age}}</li> </ul> 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> <div v-for="(v
阅读全文
摘要：使用class样式 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 2.数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1> 3.数组中嵌套对象 <h1
阅读全文
摘要：v-model是唯一可以实现双向数据绑定的vue指令 单向数据绑定：修改内存中的数据，页面上同步更改。v-bind <!-- v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 --> <input type="text" v-bind:value="msg" s
阅读全文
摘要：.stop 阻止冒泡（阻止事件向外层冒泡） .prevent 阻止默认事件（链接跳转、表单提交） .capture 添加事件侦听器时使用事件捕获模式（从外到里触发事件） .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 注意： 1.once和prevent
阅读全文
摘要：插值表达式{{}} 和 v-text 默认 v-text 是没有闪烁问题的； v-text会覆盖元素中原本的内容，但是 插值表达式只会替换自己的这个占位符，不会把 整个元素的内容清空 v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题 v-html 把后面的内容当做HTML代码来解
阅读全文
摘要：Vue指令之v-on v-on指令介绍 直接使用指令v-on 使用简化指令@ 绑定事件代码：@事件名="methods中的方法名称" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要：直接使用指令v-bind 使用简化指令: 在绑定的时候，拼接绑定内容：:title="btnTitle + ', 这是追加的内容'" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前
阅读全文
摘要：1基本行为 * size()/length: 包含的DOM元素个数 * [index]/get(index): 得到对应位置的DOM元素 * each(): 遍历包含的所有DOM元素 * index(): 得到在所在兄弟元素中的下标 2属性：操作内部标签的属性或值 2.1操作任意属性 attr(na
阅读全文
摘要：1扩展插件 理解：$是函数，可以当对象使用（也称jQuery对象），$（）返回的是一个新对象 1.1扩展jQuery函数对象的方法 $.extend(object) $.extend({ xxx: fuction () {} // this是$ }) $.xxx() 1.2扩展jQuery对象的方法
阅读全文
摘要：1选择器 1.1说明 选择器本身只是一个有特定语法规则的字符串, 没有实质用处，它的基本语法规则使用的就是CSS的选择器语法, 并对基进行了扩展，只有调用$(), 并将选择器作为参数传入才能起作用。 $(selector)作用 :根据选择器规则在整个文档中查找所有匹配的标签的数组（伪数组）, 并封装
阅读全文
摘要：1 jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuery * 引入jQuery库后, 直接使用$即可 * 当函数用: $(xxx) * 当对象用: $.xxx() 1.1理解 即: $ 或 jQuery jQuery定义了这个全
阅读全文
摘要：1what http://jquery.com/ * 一个优秀的JS函数库: write less, do more（使用了jQuery的网站超过90%，中大型WEB项目开发首选） * 封装简化DOM操作(CRUD) / Ajax 2why * 强大选择器: 方便快速查找DOM元素（HTML元素选取
阅读全文
浙公网安备 33010602011771号