03 2018 档案

事件管理
摘要：事件绑定 除了可以使用addEventListener()方法监听某个特定元素上的事件外， 也可以使用.on()方法实现批量元素的事件绑定。 .on(event,selector,handler) event Type:String 选择器 selector Type:String 选择器 hand 阅读全文
posted @ 2018-03-23 15:13 不完美的完美 阅读(255) 评论(0) 推荐(0) 编辑
UI组件
摘要：accordion(折叠面板) 面板1 面板1子内容 可以在折叠面板中放置任何内容；折叠面板默认收缩，若希望某个面板默认展开，只需要在包含.mui collapse类的li节点上，增加.mui active类即可。 actionsheet(操作表) badge(数字角标) 数字角标一般和其他控件（列 阅读全文
posted @ 2018-03-22 18:11 不完美的完美 阅读(411) 评论(0) 推荐(0) 编辑
HBuilder常用快捷键
摘要：1.文件 新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ctrl + Shift + F4 属性 Alt + Enter 2.编辑 激活代码助手 Alt + / 激活快捷键视图 Ctrl + Shift + L 开启关闭注释整行 Ctrl + / 开启关闭注释已选内容 Ctrl + S 阅读全文
posted @ 2018-03-22 17:21 不完美的完美 阅读(29846) 评论(1) 推荐(4) 编辑
sublime 快捷键
摘要：1.操作 ctrl+`:打开Sublime Text 控制台（Esc退出） Ctrl+Shift+P : 打开命令面板（Esc退出） Ctrl + K, Ctrl + B： 组合键，显示或隐藏侧栏 Alt ：光标调到菜单栏，↑↓←→ 移动光标 2.编辑 Ctr+Shift+D：复制粘贴光标所在行 A 阅读全文
posted @ 2018-03-22 15:34 不完美的完美 阅读(4829) 评论(0) 推荐(1) 编辑
API(选项/数据 选项/dom)
摘要：选项/数据 data 类型： Object | Function 限制： 组件的定义只接受function var data = { a: 1 } // 直接创建一个实例 var vm = new Vue({ data: data }) vm.a // = 1 vm.$data === data / 阅读全文
posted @ 2018-03-20 10:35 不完美的完美 阅读(372) 评论(0) 推荐(0) 编辑
API(全局配置，全局API)
摘要：全局配置 Vue.config是一个对象，包含Vue的全局配置 silent 类型：boolean 默认值：false 用法 Vue.config.silent=true 取消Vue所有的日志与警告 devtools 类型：boolean 默认值:true(生成版为false) 用法 // 务必在加 阅读全文
posted @ 2018-03-16 14:46 不完美的完美 阅读(862) 评论(0) 推荐(0) 编辑
单文件组件（single-file components）
摘要：介绍 我们可以使用预处理器来构建简洁和功能更丰富的组件，比如 Pug，Babel (with ES2015 modules)，和 Stylus。 阅读全文
posted @ 2018-03-16 11:10 不完美的完美 阅读(858) 评论(0) 推荐(0) 编辑
vue-router 基础
摘要：安装 NPM npm install vue router 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue router' Vue.use(VueRouter) 如果 阅读全文
posted @ 2018-03-14 17:04 不完美的完美 阅读(344) 评论(0) 推荐(1) 编辑
自定义指令，生产环境部署
摘要：钩子函数 一个指令定义对象可以提供如下几个钩子函数 bind ： 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 inserted : 被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档中） update : 所在组建的VNode更新调用，但是可能发生在其子 阅读全文
posted @ 2018-03-14 15:02 不完美的完美 阅读(251) 评论(0) 推荐(0) 编辑
过渡&动画
摘要：进入/离开&列表过渡 概述 Vue在插入，更新或者移除Dom时，提供多种不同方式的应用过渡效果。包括以下工具 在css过渡和动画中自动应用class 可以配合使用第三方css动画库，如Animate.css 在过渡钩子函数中使用JavaScript直接操作DOM 可以配合使用第三方JavaScrip 阅读全文
posted @ 2018-03-14 14:17 不完美的完美 阅读(204) 评论(0) 推荐(0) 编辑
组件
摘要：全局注册 要注册一个全局组件，可以使用 Vue.component('my component', { // 选项 }) 组件注册之后，便可以作为自定义元素` // 注册 Vue.component('my component', { template: 'A custom component!' 阅读全文
posted @ 2018-03-14 12:16 不完美的完美 阅读(190) 评论(0) 推荐(0) 编辑
表单输入绑定
摘要：基础用法 v model指令在表单 元素上创建双向数据绑定 v model会忽略所有表单元素的value,checked,selected特性的初始值而总是将vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值 复选框 Jack John Mike Check 阅读全文
posted @ 2018-03-13 19:07 不完美的完美 阅读(181) 评论(0) 推荐(0) 编辑
事件处理
摘要：监听事件 可以用v on指令监听dom事件，并在触发时运行一些JavaScript代码 Add 1 The button above has been clicked {{ counter }} times. var example1 = new Vue({ el: ' example 1', da 阅读全文
posted @ 2018-03-13 18:44 不完美的完美 阅读(316) 评论(0) 推荐(0) 编辑
条件渲染，列表渲染
摘要：条件渲染 v if 在字符串模板中，比如 Handlebars，我们得像这样写一个条件块： <! Handlebars 模板 {{ if ok}} Yes {{/if}} 在 Vue 中，我们使用 v if 指令实现同样的功能： Yes 也可以用 v else 添加一个“else 块”： Yes N 阅读全文
posted @ 2018-03-13 18:16 不完美的完美 阅读(1029) 评论(0) 推荐(0) 编辑
vue知识点（1）
摘要：处理用户输入 v on指令添加一个事件监听器 div id="app 5" {{ message }} 逆转消息 var app5 = new Vue({ el: ' app 5', data: { message: 'Hello Vue.js!' }, methods: { reverseMess 阅读全文
posted @ 2018-03-13 17:22 不完美的完美 阅读(254) 评论(0) 推荐(0) 编辑