- 博客(17)
- 收藏
- 关注
RSS订阅原创 一个基于 Vue3 & Vite2 & Vuetify 3-Beta 的练手小玩具
Boring Days今天（2022-05-03）也是等待 Vuetify 3 和 上海 Release 的一天。Preface这是一个以热力图形式展示记录的记账类小玩具。它基于 Vue3、Vite2、Vuetify3-Beta 以及 Lean Cloud，基本效果是这样的：Getting StartedAPP 托管在这里。比如说，你想记录每日喝水情况。注册首先，需要去 Lean Cloud 注册一个账号，并创建一个国际版应用（不需要绑定已备案的域名…😼）然后在应用控制台中 设置
2022-05-17 11:20:06
637
原创 简单魔改网页滚动条样式
Preface定制网页滚动条样式是很常见的业务需求。Analysis众所周知：Show Code通过以下样式，可以将滚动条魔改成上述图中的样子：::-webkit-scrollbar{ width: 13px; height: 13px;}::-webkit-scrollbar-thumb{ border-radius: 1em; background-color: rgba(50,50,50,.28); border: 3px solid transpar
2021-12-30 10:45:50
241
原创 ACE 编辑器获取选中内容
Preface上回书说到目前正在基于 ACE DIY 一个 SQL 编辑器。今天开发涉及到获取选中内容模块的时候发现 ACE 获取选中内容，并不像直觉猜想的那样。直接上代码。Show Code省略初始化编辑器等等操作。getSelectedContent() { const range = this.editor.getSelectionRange(); return this.editor.session.getTextRange(range);},主要是想和 ACE 提供出来的
2021-12-27 15:19:31
746
原创 ACE 编辑器高亮自定义关键词
Preface这次的副本是基于 ACE DIY 一个 SQL 编辑器，现阶段主要要支持所有 Hive 关键词。Analysis众所周知，ACE 默认支持了很多模式（比如 sql、JavaScript等等），但这些模式只会高亮特定的一些关键词，当我想要高亮额外的关键字时（比如我在 sql 模式想高亮 HIVE 中的 MSCK），则需要配置一番。Show Code比如，当我们在一个 VUE APP 中（Vue2），yarn add ace-builds 安装了 ACE 之后，一个在 sql 模式、sq
2021-12-22 15:34:58
3191
原创 Vuetify Icon Picker
一个 Vuetify 中的 material design icons 选择器。Preface当使用 vuetify 框架实现诸如菜单管理业务时，面对 6000+ 个 Material Design Icons，你是否苦恼于没有一个合适的 icon 选择器?Vuetify Icon Picker 便是如此的一个组件！起步安装npm i vuetify-icon-picker使用在 2.x 版本的普通 vuetify project 中，在通过 html 头部 cdn 链接方式或者 npm
2021-09-02 17:35:10
723
原创 一个简单的 Vue 头像选择器
一个简单的 Vue 头像选择器Preface项目中需要一个头像选择器，但经过调研，市面上的头像选择器（或者图片截取器）一方面风格固定，无法所用组件库风格融合，另一方面，为了做到尽善尽美，大家为选择器预设了许许多多的属性，这对于选择器本身而言是一种增强的效果，但对于具体的项目而言有些过重。于是实现一个简单、可定制（通过 slots）的头像选择器的想法忽然诞生。Example不融入任何组件库时，头像选择器长这样：在 vuetify 中，定制后：Principle & Implement
2021-08-31 10:26:03
634
原创 构建一个 Restful 的 Web 服务
一切始于 Spring Initializr不论贫穷富贵、皮肤黑白黄灰，所有的 Spring 应用，都应该基于 Spring Initializr。通过初始器，你可以非常迅速地拉取应用所需的配置，并且得到许多初始化配置。举个仅需要 Spring Web 依赖的例子。如果当你创建项目时，选择 Maven 来进行包管理， 以下的 pom.xml 文件将会被生成。<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://ma
2020-11-06 23:56:50
210
3
原创 Hello, Spring Boot
楔子因为时间与地域的关系，陶某于 2020 年 10 月 27 日开始系统学 SpringBoot（下称 SB）。由于出发点远不是爱，故这场学习将无与伦比地枯燥、艰辛、充满矛盾。为了增加这场学习的趣味性，陶某采用 以大于六级的英文水平，翻译官方英文文档的方式进行学习。“你是否愿意学习 SB，无论是顺境或逆境，富裕或贫穷，健康或疾病，快乐或忧愁，你都将毫无保留地爱她，对她忠诚直到永远？”…Spring 必要基础知识点由于 Java 历史之悠久、Spring 框架之繁荣，使用 Spring Boot
2020-11-06 23:16:30
119
2
原创 A solution to exception ‘ran out of input‘ when pickle loading
案发现场故事发生在一个用于标注的 web tool 中，勤奋的用户竭尽全力地按下右键，待标注图片飞快地翻动，后台应接不暇地 pickle.load 某个与 image path 相关的变量。忽然，异常发生了。原因假设有一个叫 test.dict 的二进制文件，它存储了一个无关紧要的、可 pickle.load 的字典。执行如下代码：import picklef_test = open('test.dict', 'rb')test_dict ...
2020-07-21 10:32:50
165
原创 是 Linux 系统默认编码的锅，而不是 Putty，也不是 Python
文章目录前言结论前言最近踩到个小坑：Windows Terminal 下，通过 WSL ssh 连接另一台 Linux 时，另一台 Linux 上的 python 程序控制台输出正常；但是通过 Putty（或者 XShell）ssh 连另一台 Linux 时，另一台 Linux 上的 python 程序控制台输出报：UnicodeEncodeError: 'ascii' codec can't encode characters (left skipped)结论摸索了一圈，发现是 Linux 系
2020-06-04 18:10:03
118
原创 Python re.sub 仅替换匹配到内容中的一部分
文章目录需求Show Me The Code后语需求最终实现的效果如下：替换everything is alright.为everybody is alright.Show Me The Code实现如下：import resrc = 'everything is alright.'re.sub('(every).*?(\\s.*\\.)',r'\1body\2',src) # everybody is alright.后语就这。...
2020-05-09 11:36:34
6007
原创 Python 依据对象某一属性去重
前言python3 下，利用 reduce 函数实现。需求如下对于如下对象列表：[ {'name':'black','foo':123}, {'name':'black','foo':456}, {'name':'white','foo':789},]期望得到：[ {'name':'black','foo':123}, # 或保留 {'name':'black','foo':456}，这不重要 {'name':'white','foo':789},]
2020-05-09 10:46:43
1032
原创 Vue 入门：2048
额定前言最近在入门 VueJS ,就顺便把上次从家坐大巴去无锡时，为了转移注意力克服晕车想的 2048 思路给实现了。但 2048 一下子就想完了，车程却有 4 个多小时，后来我就开始想毕业，想错过的班级合照，想 406 的倒霉蛋们……扯远了，但前言不就是这些有的没的。如下[2 0 4 8](https://yoghurtoreo.com/2019/07/21/12_Game_2048...
2020-03-02 11:37:45
367
原创 C# DataTable 仅某几列值相同时的去重
文章目录简单来说Show Me The Code两行完全相同时的去重指定两列相同的去重简单来说如题所示，今天遇到的一个需求是，将 DataTable 去重，但这个去重并不是两行完全相同才去，这个去重详情是，如果 DataTable 中，某两列值相同，则任取其一值，以得到一个那两列无相同值、表结构相同的 DataTable。Show Me The Code两行完全相同时的去重两行完全相同时...
2020-03-02 11:32:03
2120
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人