天下之事,必先处之难,而后易之。

06 2017 档案

摘要:文章转自:http://www.oschina.net/translate/vuejs-is-good-but-is-it-better-than-angular-or-rea Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起,它也可以成为一个新“框架”。 阅读全文
posted @ 2017-06-29 15:25 boonya 阅读(467) 评论(0) 推荐(0) 编辑
摘要:官方网站:http://vuejs.org/ GitHub:https://github.com/vuejs/vue 中文学习地址:https://cn.vuejs.org/ 阅读全文
posted @ 2017-06-29 15:03 boonya 阅读(244) 评论(0) 推荐(0) 编辑
摘要:Vue.js 路由本章节我们将为大家介绍 Vue.js 路由。Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js 路由需要载入 vue-router库中文文档 阅读全文
posted @ 2017-06-29 14:56 boonya 阅读(286) 评论(0) 推荐(0) 编辑
摘要:锚定函数指令定义函数提供了几个钩子函数(可选): bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。 update: 被绑定元素所在的模 阅读全文
posted @ 2017-06-29 14:46 boonya 阅读(274) 评论(0) 推荐(0) 编辑
摘要:除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 使用directive自定义全局指令 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点: HTML 效果:输入框获取到焦点。 使用 directives自定义局部指令 阅读全文
posted @ 2017-06-29 14:33 boonya 阅读(4405) 评论(0) 推荐(1) 编辑
摘要:父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,就需要使用自定义事件!我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface),即: 使用 $on(eventName) 监听事件 使用 $emit(eventName) 阅读全文
posted @ 2017-06-29 10:58 boonya 阅读(3844) 评论(0) 推荐(0) 编辑
摘要:props 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 "prop"。 父组件通过props将数据传递给子组件 HTML 效果如图: 动态 props组建数据传递 类似于用 v-bind 绑定 HTML 特性到一 阅读全文
posted @ 2017-06-29 10:46 boonya 阅读(5531) 评论(1) 推荐(0) 编辑
摘要:全局组件 所有实例都能用全局组件。 HTML 效果展示自定义组件的HTML内容。 局部组件 我们也可以在实例选项中注册局部组件,这样组件只能在这个实例中使用: HTML 效果同上也是输出HTML内容。 阅读全文
posted @ 2017-06-29 10:18 boonya 阅读(376) 评论(0) 推荐(0) 编辑
摘要:Vue.js 组件组件(Component)是 Vue.js 最强大的功能之一,组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 语法定义 注册一个全局组件语法格式如下: tagName 为组件名, 阅读全文
posted @ 2017-06-29 10:11 boonya 阅读(292) 评论(0) 推荐(0) 编辑
摘要:概念说明 v-model指令:在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。 输入框 实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定: HTML 效果如图: 复选框 复选框如果是单个为逻辑值,如果是多个则绑 阅读全文
posted @ 2017-06-29 10:04 boonya 阅读(1958) 评论(0) 推荐(0) 编辑
摘要:事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。 .stop .prevent .capture .self 阅读全文
posted @ 2017-06-29 09:42 boonya 阅读(3710) 评论(0) 推荐(0) 编辑
摘要:事件监听可以使用 v-on 指令. v-on:click表达式 HTML: 每点一次按钮结果就增加1。 v-on:click调用方法 HTML 点击按钮调用greet方法。 v-on:click调用方法传递参数 HTML 点击按钮会提示相应的信息。 阅读全文
posted @ 2017-06-29 09:36 boonya 阅读(671) 评论(0) 推荐(0) 编辑
摘要:我们可以在 v-bind:style 直接设置样式: 直接添加样式属性 HTML 效果如图: 绑定到样式对象 HTML 效果如图: 多样式绑定 HTML 效果如图: 注意:当 v-bind:style 使用需要特定前缀的 CSS 属性时,如 transform ,Vue.js 会自动侦测并添加相应的 阅读全文
posted @ 2017-06-29 09:23 boonya 阅读(36793) 评论(0) 推荐(1) 编辑
摘要:class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 动态切换多个 class HTML text- 阅读全文
posted @ 2017-06-29 09:09 boonya 阅读(18374) 评论(1) 推荐(2) 编辑
摘要:computed属性 HTML 效果: 实例中声明了一个计算属性 reversedMessage 。 提供的函数将用作属性 vm.reversedMessage 的 getter 。 vm.reversedMessage 依赖于 vm.message,在 vm.message 发生改变时,vm.re 阅读全文
posted @ 2017-06-29 08:43 boonya 阅读(2079) 评论(0) 推荐(0) 编辑
摘要:v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。 HTML 效果: v-for 迭代对象 HTML 效果: 遍历对象key-value HTML 效果: 遍历对象key-value 带索引 HTML 效果: v-fo 阅读全文
posted @ 2017-06-28 19:27 boonya 阅读(3121) 评论(0) 推荐(0) 编辑
摘要:HTML:if-else HTML:if-else if-else v-show我们也可以使用 v-show 指令来根据条件展示元素: 阅读全文
posted @ 2017-06-28 17:10 boonya 阅读(108005) 评论(0) 推荐(2) 编辑
摘要:构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的: 属性与方法每个 Vue 实例都会代理其 data 对象里所有的属性: 除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。例如: 阅读全文
posted @ 2017-06-28 17:03 boonya 阅读(4259) 评论(0) 推荐(1) 编辑
摘要:v-bind 缩写 Vue.js 为两个最为常用的指令提供了特别的缩写: v-on 缩写 阅读全文
posted @ 2017-06-28 17:00 boonya 阅读(2321) 评论(0) 推荐(0) 编辑
摘要:Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。 语法 HTML将字符串转为大写 效果: 过滤器可以串联: 过滤器是 JavaScript 函数,因此可以接受参数: 阅读全文
posted @ 2017-06-28 16:58 boonya 阅读(515) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 阅读全文
posted @ 2017-06-28 16:45 boonya 阅读(525) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 阅读全文
posted @ 2017-06-28 16:28 boonya 阅读(160) 评论(0) 推荐(0) 编辑
摘要:参数绑定HTML 参数绑定效果: 事件绑定HTML 事件绑定效果: 阅读全文
posted @ 2017-06-28 16:12 boonya 阅读(754) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 阅读全文
posted @ 2017-06-28 16:04 boonya 阅读(363) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 采用多个反转的HTML 多个反转效果: 阅读全文
posted @ 2017-06-28 15:50 boonya 阅读(958) 评论(0) 推荐(0) 编辑
摘要:HTML 实例判断 class1 的值,如果为 true 使用 class1 类的样式,否则不使用该类. 效果: 阅读全文
posted @ 2017-06-28 15:42 boonya 阅读(270) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 阅读全文
posted @ 2017-06-28 15:33 boonya 阅读(966) 评论(0) 推荐(0) 编辑
摘要:HTML 效果: 阅读全文
posted @ 2017-06-28 15:30 boonya 阅读(1858) 评论(0) 推荐(0) 编辑
摘要:from:http://www.phpxs.com/post/5335/ 在移动互联网时代,我们面对的是更多的客户端,更低的请求延迟,这当然需要对数据做大量的 Cache 以提高读写速度。 术语 节点:指集群里的一台服务器。 现有 Cache 系统的特点 目前业界使用得最多的 Cache 系统主要是 阅读全文
posted @ 2017-06-19 12:51 boonya 阅读(242) 评论(0) 推荐(0) 编辑
摘要:From:https://www.qcloud.com/community/article/876100 导语 描述 MySQL 压缩的使用场景和解决方案,包括压缩传输协议、压缩列解决方案和压缩表解决方案。 提到 MySQL 压缩相关的内容,我们能想到的可能是如下几种和压缩相关的场景: 1、客户端和 阅读全文
posted @ 2017-06-17 23:40 boonya 阅读(480) 评论(0) 推荐(0) 编辑
摘要:From:https://my.oschina.net/simpleton/blog/525675 一、什么是ETL ETL,是英文 Extract-Transform-Load 的缩写,用来描述将数据从来源端经过抽取(extract)、转换(transform)、加载(load)至目的端的过程。E 阅读全文
posted @ 2017-06-17 23:34 boonya 阅读(1903) 评论(0) 推荐(0) 编辑
摘要:From:http://blog.csdn.net/testingstar/article/details/60579454 MySQL数据库性能测试的方法 前置条件: 安装系统:windows 7 64 MySQL版本:mysql-installer-community-5.6.35.0 Java 阅读全文
posted @ 2017-06-17 23:28 boonya 阅读(270) 评论(0) 推荐(0) 编辑
摘要:From:http://blog.csdn.net/mchdba/article/details/11575605 随着数据不断增加,而且为了兼容以后的innodb存储引擎, 所以考虑采用mysqldump全备+日志增量备份的策略。使用mysqldump对于MySQL大部分mysql存储引擎比如my 阅读全文
posted @ 2017-06-17 20:39 boonya 阅读(354) 评论(0) 推荐(0) 编辑
摘要:From:http://www.cnblogs.com/zhoujinyi/archive/2013/04/19/3029134.html 摘要: sysbench是一个开源的、模块化的、跨平台的多线程性能测试工具,可以用来进行CPU、内存、磁盘I/O、线程、数据库的性能测试。目前支持的数据库有My 阅读全文
posted @ 2017-06-17 20:38 boonya 阅读(553) 评论(0) 推荐(0) 编辑
摘要:from:http://www.centoscn.com/mysql/2014/1211/4290.html 一、mysql简介 说到数据库,我们大多想到的是关系型数据库,比如mysql、oracle、sqlserver等等,这些数据库软件在windows上安装都非常的方便,在Linux上如果要安装 阅读全文
posted @ 2017-06-17 20:32 boonya 阅读(296) 评论(0) 推荐(0) 编辑
摘要:原文地址:http://www.xitongcheng.com/jiaocheng/win7_article_21001.html VMware虚拟机软件可以在一台电脑上运行多个操作系统,一些网友想在VMware虚拟机里安装个64位的win7系统,尝试多次之后还是安装失败,手动分区后,执行安装系统到 阅读全文
posted @ 2017-06-01 10:51 boonya 阅读(777) 评论(0) 推荐(0) 编辑

我有佳人隔窗而居,今有伊人明月之畔。
轻歌柔情冰壶之浣,涓涓清流梦入云端。
美人如娇温雅悠婉,目遇赏阅适而自欣。
百草层叠疏而有致,此情此思怀彼佳人。
念所思之唯心叩之,踽踽彳亍寤寐思之。
行云如风逝而复归,佳人一去莫知可回?
深闺冷瘦独自徘徊,处处明灯影还如只。
推窗见月疑是归人,阑珊灯火托手思忖。
庐居闲客而好品茗,斟茶徐徐漫漫生烟。

我有佳人在水之畔,瓮载渔舟浣纱归还。
明月相照月色还低,浅近芦苇深深如钿。
庐山秋月如美人衣,画堂春阁香气靡靡。
秋意幽笃残粉摇曳,轻轻如诉画中蝴蝶。
泾水潺潺取尔浇园,暮色黄昏如沐佳人。
青丝撩弄长裙翩翩,彩蝶飞舞执子手腕。
香带丝缕缓缓在肩,柔美体肤寸寸爱怜。
如水之殇美玉成欢,我有佳人清新如兰。
伊人在水我在一边,远远相望不可亵玩。

点击右上角即可分享
微信分享提示