学习
文章平均质量分 66
小野野野
我是坑王,我才过很多坑。
展开
-
Redis的一主二从搭建
使用docker搭建Redis的主从 笔者先前使用了ruby搭建,还有手动搭建,结果发现需要3台机器!!!所以选择了docker搭建,但是身为坑王,遇到的坑还是很多。 使用docker搭建redis集群,大家可以参考下面这条链接。仅供centos欣赏。 https://blog.csdn.net/qq_47905850/article/details/106630610 请注意!!!笔者在做的时候遇到了这样的问题。容器没有跑起来?于是就docker ps,当前的进程没有显示启动容器的进程!但是在查看所有原创 2021-05-29 15:29:58 · 217 阅读 · 0 评论 -
一起来学Vue.js【13】
uni-app原创 2021-04-24 15:20:12 · 193 阅读 · 0 评论 -
一起来学Vue.js【12】
单文件组件 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,下面这些缺点将变得非常明显: (1)全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复;原创 2021-04-13 09:14:07 · 94 阅读 · 0 评论 -
一起来学Vue.js【11】
组件的局部注册 之前提到使用Vue.component()完成组件注册,这是注册的是一个全局组件。就好比编程语言中的全局变量。全局注册往往是不够理想的。全局注册所有的组件意味着即便你已经不再使用一个组件了,它仍然会被包含在你最终的构建结果中。这造成了资源的消耗和浪费。 如图,注册的是一个全局组件,因为他是在new Vue外声明注册的。 如果想要局部注册一个组件,可以在创建Vue对象的时候,声明一个components属性。之前讲过注册组件可以使用componet(),用于注册全局组件。在componets原创 2021-04-11 15:26:06 · 66 阅读 · 0 评论 -
一起来学Vue.js【10】
组件基础 组件是可复用的 Vue 实例。在开发过程中把重复的功能封装成组件,达到快捷、便捷开发的目的。Vue.js使用component函数去创建一个组件。component函数的第一个参数是组件的名称,第二个参数是以对象的形式描述一个组件,因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项(一个组件的 data 选项必须是一个函数)。 首先定义了一个< button-counter >组件,该组件用来返回一个count值。它的模板template就是一个显示点击次数的原创 2021-04-10 18:38:54 · 458 阅读 · 0 评论 -
一起来学Vue.js【9】
表单输入和绑定 使用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、selected 属性的初始值而总是将 Vue 实例的数据作为数据来源。应该通过 JavaScript 在组件的 data 选项中声明初始值。 v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件: (1) te原创 2021-04-10 16:54:38 · 61 阅读 · 0 评论 -
一起来学Vue.js【8】
事件绑定 之前有提到过v-on指令,相当于点击事件。在此通过v-on来实现按钮的点击。在v-on的click里绑定了一个num变量,用来表示按钮单击次数,同时在data里加入num变量。 打开浏览器,初始值为0,随便点击按钮几下,次数不断增加。 在开发过程中需要编写复杂代码来响应按钮单击事件,可以通过Vue对象的methods属性来为按钮单击事件声明一个函数。 在浏览器页面上点击按钮,就会触发按钮单击事件绑定的clkOn函数。 此外还可以调用data里的数据。 程序运行后,单击按钮,会先提示"h原创 2021-04-04 16:10:18 · 70 阅读 · 0 评论 -
一起来学Vue.js【7】
条件与循环 之前有提到一点v-if,是给v-if添加布尔变量,在data里设置变量的值。下图中是一个完整的v-if语句,为多分支结构。在data里设置select为空,则执行v-else。和其他语言的if结构没什么明显的区别。 Vue.js提供了v-show,用于控制组件是否可见。在v-show里添加一个变量,先不设置值,打开浏览器观察。 浏览器面板并没有显示内容,但是通过F12可以看到html网页中有该div的位置,只是不显示出来。也就是说v-show默认不显示。 在data里添加isOK的值为t原创 2021-04-04 15:04:12 · 125 阅读 · 0 评论 -
一起来学Vue.js【6】
class和style 关于class和style,在前面的文章中有所记录。是通过v-bind给class绑定一个名称。该名称在对应的Vue对象的data里绑定一个style名。这个style名有内部样式生命。这次来相信介绍两者之间的关系。 首先看一段内联样式的简单代码。 运行结果: 添加v-bind绑定class,和之前操作一样,不再赘述。 注意这里的内部css名称要加引号,不然程序无法识别。 运行结果: 在设计模块的时候,有时候需要多种对照。样式是放上去好看,还是不放好看。删除代码和注释太过于麻烦原创 2021-04-03 20:04:47 · 49 阅读 · 0 评论 -
一起来学Vue.js【5】
Vue.js的指令 在学习中,发现了一个坑,不知道是编辑器问题,还是Vue写法的问题。如果你的Vue.js插入是在< script >成对标签中的那么没问题。 如果使用单标签写,那么会在浏览器里出现问题,内容显示不出来。通过F12我们可以看到浏览器的页面元素,出现两个< body >和两个</ head >标签,所写的代码好像是在< body >里,又好像不是。所以建议以后编码使用成对的方式。 进入今天的正题,什么是Vue的指令。在Vue中带有 v- 前缀原创 2021-04-03 17:33:14 · 60 阅读 · 0 评论 -
一起来学Vue.js【4】
Vue的模板语法 对于像Vue前端框架而言,他是遵守html的语法基础,并在其之上进行扩展,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 1.文本显示 首先来设置文本变量message和name,这里使用的是最常见的“Mustache”语法 (双大括号) 的文本插值。并给div绑定一个Vue对象。文本的值在< script >标签中由Vue对象进行设置。 这是浏览器运行看到的文本。 此外还可以固定文本的值。先改变message的值。 然后在对于的div里加入一个属性。原创 2021-03-28 17:33:11 · 59 阅读 · 0 评论 -
一起来学Vue.js【3】
Vue的生命周期 Vue的官网提供了有关Vue的生命周期。在此简单举例说明。 1.beforeCreate 类型:Function; 详细:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 2.created 类型:Function 详细: 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el pr转载 2021-03-28 14:23:38 · 47 阅读 · 0 评论 -
一起来学Vue.js【2】
一起来学Vue.js Vue.js的响应式 vue.js是一套用于构建用户界面的渐进式框架,从浅层到深层。前一章创建了两个Vue的实例,但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们要怎么确认呢? 1.创建一个Vue对象绑定到一个div标签,此时a=1。 如果想多变量,可以添加一个变量b,并对其赋值。 3.对变量的值进行修改有多种方法,可以在data里直接修改,也可以通过代码语句修改。data.a=" “<——>v.$data.a=”原创 2021-03-28 13:30:41 · 52 阅读 · 0 评论 -
一起来学Vue.js【1】
一起来学Vue.js 简单的Vue.js程序 1.安装Vue.js 无论装什么软件,从官方获取无疑是最干净的。下载Vue.js可以从官方获取:https://cn.vuejs.org。官方首页有Vue.js的介绍,教程和GitHub代码库。在教程里可以找到有一个安装地址,点击并下载。笔者用的编辑器是Webstrom,把下载好的Vue.js拖到项目中。 然后选择浏览器运行,按F12,在浏览器控制台看到如下信息就表示Vue.js安装成功了。 2.编写一个简单的实例 注意3.运行结果 ...原创 2021-03-27 21:47:34 · 85 阅读 · 0 评论