摘要: frp+nginx内网穿透 背景:自己有台内网Linux主机,希望被外网访问(ssh、http、https); 准备工作 内网Linux主机-c,可以访问c主机和外网的主机-s(windows/linux) 官网下载nginx到s:https://nginx.org/en/download.html 阅读全文
posted @ 2021-05-23 22:10 zhoux_top 阅读(1035) 评论(0) 推荐(0) 编辑
摘要: Snackbar + Floating Action Button 另外一篇文章中,有关于Snackbar的相关介绍,这里主要做一个扩展。 Floating Action Button(FAB) FAB主要在页面展示重要或常用的交互入口,它大多以圆形带阴影的按钮样式“浮”在当前页面上方。 FAB + 阅读全文
posted @ 2022-05-21 22:25 zhoux_top 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 弹出式消息 - Snackbar 弹出式消息有多种,如Toast, Notification, Snackbar等,谷歌Material Design推出后,建议前台中使用Snackbar,后台中使用Notification代替Toast。 Snackbar简介 Snackbar是一种轻量级的消息反 阅读全文
posted @ 2022-05-20 15:46 zhoux_top 阅读(277) 评论(0) 推荐(0) 编辑
摘要: Notification-通知 通知是一种消息,这种消息呈现在应用UI之外,通过通知可以对用户进行提醒、可以和其他用户收发信息等。通过点击通知,可以唤起app页面或者直接在通知上执行一些操作。下面介绍通知的一些常用用法。 展示一条普通通知 先来看一个效果: 从这张截图上,可以看到有一条通知消息,如果 阅读全文
posted @ 2022-05-14 12:26 zhoux_top 阅读(176) 评论(0) 推荐(0) 编辑
摘要: CardView-卡片布局 简介 CardView是一个带圆角和阴影的FrameLayout,继承关系如下: java.lang.Object ↳ android.view.View ↳ android.view.ViewGroup ↳ android.widget.FrameLayout ↳ an 阅读全文
posted @ 2022-04-26 22:14 zhoux_top 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 通过ItemDecoration实现RecyclerView分割线 RecyclerView分割线可以有多种实现,最简单的是父view底色+子view差色实现。这里主要用ItemDecoration方式来实现,这样的实现更加具有差异化的可定制性。 创建布局文件 创建布局文件:activity_rec 阅读全文
posted @ 2022-04-19 23:47 zhoux_top 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 使用Room将数据保存到本地数据库 简介 Room持久库在SQLite之上提供了一个抽象层,以便在充分利用SQLite的强大功能的同时,能够流畅的访问数据库,具体来说,Room有以下优点: SQL查询的编译时验证 提供方便的注解,能最大减少重复和易错的样板代码 简化了数据库迁移路径 因此建议使用Ro 阅读全文
posted @ 2022-04-02 21:25 zhoux_top 阅读(85) 评论(0) 推荐(0) 编辑
摘要: java-microservice-01-vue-05-template 模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层 阅读全文
posted @ 2022-01-19 16:24 zhoux_top 阅读(25) 评论(0) 推荐(0) 编辑
摘要: java-microservice-01-vue-04-lifecycle 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加 阅读全文
posted @ 2022-01-11 14:47 zhoux_top 阅读(27) 评论(0) 推荐(0) 编辑
摘要: java-microservice-01-vue-03-data-and-method 命名数据对象和匿名数据对象: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据与方法</title> <script type="tex 阅读全文
posted @ 2022-01-10 15:27 zhoux_top 阅读(24) 评论(0) 推荐(0) 编辑
摘要: java-microservice-01-vue-02-introduction Vue常见用法 先来看个完整例子: <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="htt 阅读全文
posted @ 2021-12-30 15:33 zhoux_top 阅读(22) 评论(0) 推荐(0) 编辑