DevOps海洋的渔夫

上一篇章讲解了Vue组件的定义以及全局、私有创建的方式、相关注意事项。那么本篇章再来看看另一个注意点data。 但是，在组件中data如果这样定义属性值，那么就会报错。而且...

为了保障数据的安全性，一般都会有数据备份、还原的需求，本篇章来介绍一下 InfluxDB 数据库的备份与还原方式。 本篇章主要介绍单台 InfluxDB 的备份以及还原。 ...

例如：本次哥们就问我这种情况，在服务器上新建一个文件的时候，老是忘记去除其他用户的权限。 这两种方式都不错，下面来演示一下使用alias的方式。...

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 包括以下工具： 上一篇说明了使用过渡类名来实现动画效果，但是每个动画都要自己去写的话，其实是一个...

随着我们大中华逐步战胜疫情这个黑天鹅，作为复工者联盟的我们逐渐回到工作岗位开搞起来。 渔夫是一个喜欢到处折腾的技术老兵，折腾啥呢？当然就是搭建博客、建设个人网站、搞开发了，...

那么这里就存在一个问题，如果这样的接口很多，如果api服务的地址需要变动，那么就需要逐个去修改，这样就很费工作量了。 下面可以看看vue-resource的配置文档。 Se...

前面操作已经完成了列表前后端分离的增加、查询功能，本篇章来看看删除功能。 本章节主要需要实现的功能是点击删除按钮，进行数据删除，同时重新渲染列表的数据。 开发后台处理 de...

本章节主要需要实现的功能是点击添加按钮，进行数据添加，同时重新渲染列表的数据。 开发后台处理 add_list() 的视图函数。 前端设置post请求进行数据添加，然后执行...

上一节讲诉了Vue 使用 vue-resource 发起get、post、jsonp请求，那么本章节则使用发起get请求后，获取数据渲染到列表中。 下面使用Flask框架作...

上一篇章Vue 使用 vue-resource发起get、post、jsonp请求的基本用法讲诉了请求的基本使用方法，但是并没有详细讲诉关于jsonp的回调过程。 json...

Vue 可以使用 vue-resource 发起get、post、jsonp请求，还可以使用 axios的第三方包实现实现数据的请求。 本章节来介绍如何使用vue-reso...

3.1 beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。 3.2 destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都...

可以看到上面的输入框在刷新页面并没有进行自动聚焦，那么这时候可以使用自定义一个focus()方法来处理。 这些都可以基于Vue的自定义指令来实现。 除了核心功能默认内置的指...

在业务开发中，例如：用户登录添加用户名和密码之后，按下回车键完成登录，这个操作就需要绑定按键的keyup事件，并且还要使用按键修饰符来指定按下的键盘按钮。 下面来看看另一个...

下面使用padStart()方法来处理一下。...

在上一篇中基本讲诉了Vue过滤器的基本使用，那么在后台管理系统的业务中，使用最多的一个过滤器就是时间格式的转化，下面来看看，如何处理。 可以看到已经格式化好了年月日了，下一...

注册或获取全局过滤器。 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+...

前面介绍了列表操作中的数据新增、删除的功能，本篇章来看看关键字查询的功能。 在VM实例中定义关键字参数searchName. 要在筛选框绑定关键字数据到 VM 实例中的 s...

上一篇章介绍了列表操作中的数据新增的功能，本篇章来看看删除数据的功能。 1. 删除数据需要基于数据的id号，需要将数据的id传递到删除方法中 2. 根据id，找到要删除这一...

在前端开发中，对于列表的操作是最常见的，例如：增加列表数据、删除列表数据、查询列表的关键字等等。 本篇章主要构建页面内容，以及增加列表数据。 使用Bootstrap 4简单...