- 博客(17)
- 资源 (11)
- 收藏
- 关注
原创 Vue 组件
什么是组件?组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同...
2019-09-28 21:24:14 218
原创 Vue 表单输入绑定
基础用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。注意:v-model 会忽略所有表单元素的 value、checked、select...
2019-09-23 22:47:21 229
原创 Vue 事件处理
监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter ...
2019-09-15 13:04:30 151
原创 Vue 列表渲染
v-for 把一个数组对应为一组元素用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组,item 是数组元素迭代的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.message }} ...
2019-09-13 15:16:19 315
原创 Vue 条件渲染
v-if<h1 v-if="ok">Yes</h1>在 <template> 元素上使用 v-if 渲染分组因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想同时渲染多个多个元素呢?此时,可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <templ...
2019-09-11 22:56:06 163
原创 Vue Class 与 Style 绑定
简介HTML 元素的 class 绑定 和内联样式绑定是数据绑定的一个常见需求。由于字符串拼接麻烦且易错。因此,在用 v-bind 绑定 class 和 style 时,Vue.js 做了专门的增强。表达式的结果的类型除了字符串之外,还可以是对象或数组。绑定 Class对象语法可以传给 v-bind:class 一个对象,来动态地切换 class。<div v-bi...
2019-09-10 22:06:33 241
原创 Vue 侦听属性
简介构造器的 watch 选项,用于定义 Vue 实例的侦听属性。侦听属性可以用来观察和响应 Vue 实例上的数据变动。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而,通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子:<div id="demo">{{ full...
2019-09-09 21:24:28 303
原创 Vue 计算属性
简介构造器的 computed 选项,用于定义 Vue 实例的计算属性。虽然模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。如果在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>这里是想要显示变量 me...
2019-09-08 22:31:40 179
原创 Vue 模板语法
简介Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。数据绑定数据绑定也称作插值,主要分为以下几种形式:文本 原始...
2019-09-08 15:25:20 159
原创 Windows 安装 RabbitMQ
准备工作下载 Erlanghttps://www.erlang.org/downloads这里我们下载 Erlang/OTP 22.0 版本http://erlang.org/download/otp_win64_22.0.exe下载 RabbitMQhttps://www.rabbitmq.com/install-windows.html这里我们下载 rabbitmq-...
2019-09-08 10:25:36 201
原创 消息队列中间件-常用的 MQ
RabbitMQRabbitMQ 是开源的分布式消息队列系统,用 erlang 语言开发。RabbitMQ 是 AMQP 的标准实现。AMQP(Advanced Message Queuing Protocol)高级消息队列协议,是应用层协议的一个开放标准,为面向消息的中间件而设计。AMQP 的主要特征是面向消息、队列、路由(包括点对点和发布/订阅)、可靠性、安全性。消息中间件主要...
2019-09-07 22:48:43 468
原创 消息队列中间件-概述
1. 简介MQ(Message Queue)消息队列是一种应用程序对应用程序的通信方法,应用程序通过读(出队)写(入队)队列的消息(针对应用程序的数据)进行通信。MQ是消费者-生产者模型的典型代表,生产者往消息队列中不断写入消息,而消费者则可以读取或者订阅队列中的消息,并进行消息处理。消息队列中间件是分布式系统中非常重要的组件,可适用于异步处理、应用解耦、流量削锋、消息通讯、日志处理等...
2019-09-06 23:27:37 1063
原创 Vue 实例
创建一个 Vue 实例每个 Vue 应用都需要通过 Vue 构造器实例化一个 Vue 实例来实现。语法格式:var vm = new Vue({ // 选项})我们把 Vue() 称为 Vue 构造器。虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。...
2019-09-05 23:41:43 248
原创 Vue.js 安装
简介Vue.js,简称 Vue,是一套构建用户界面的渐进式 JavaScript 框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。第一个例子demo.html<!DOCTYPE html><html><head> <meta cha...
2019-09-04 23:57:44 254
原创 Webpack 缓存
缓存使用 webpack 来打包我们的模块化后的应用程序,webpack 会生成一个可部署的 /dist 目录,然后把打包后的内容放置在此目录中。只要把 /dist 目录中的内容部署到服务器上,客户端(通常是浏览器)就能够访问此服务器的网站及其资源。获取资源是比较耗费时间的,这就是为什么浏览器使用一种名为缓存的技术。可以通过命中缓存,以降低网络流量,使网站加载速度更快,然而,如果我们在...
2019-09-03 22:18:17 359
原创 Webpack 懒加载
懒加载懒加载,也称作按需加载,是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处拆分,然后在一些代码块中完成某些操作后,立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度,减轻了它的总体体积,因为某些代码块可能永远不会被加载。示例在代码分离中的例子基础上,进一步做些调整来说明这个概念。那里的代码确实会在脚本运行的时候产生一个分离的代码块 lo...
2019-09-02 23:33:54 473
原创 Webpack 代码分离
代码分离代码分离是 webpack 中最引人注目的特性之一。代码分离能把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影提高项目的性能。代码分离的三种方法:多个入口:配置多个入口(entry),手动分离代码。 防止重复:使用 CommonsChunkPlugin 去重、...
2019-09-01 19:35:06 251
手机号码段全国归属地数据库(共360569条记录)txt文件和sql文件
2017-06-07
sublime-TortoiseSVN-master.zip
2015-12-15
wampserver2.5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-64b.exe
2015-11-12
ThinkPHP3.1.2完全开发手册.chm
2015-11-05
ThinkPHP3.2.2完全开发手册.chm
2015-11-05
php-5.4.45-nts-Win32-VC9-x86.rar
2015-11-04
php-5.3.29-nts-Win32-VC9-x86.rar
2015-11-04
mod_fcgid-2.3.6-win32-x86.zip
2015-11-04
wampserver2.5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-32b.exe
2015-11-04
Zend Guard 加密 与 Zend Loader 解密
2015-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人