Vue 自定义标签的 src 属性不能使用相对路径
场景吾辈在使用 Vuetify 时突然遇到的，明明 img 标签就可以使用相对路径获取到图片，而 Veutify 的组件 v-img 却不能使用。 如下面 3 种加载图片的方式 123456<!-- 正常加载 --><v-img :src="require('../../assets/logo.png')" /><!-- 无法加载 --><v-img sr
Vue 实现一个简单的瀑布流组件
场景在用 Vue 写前端的时候，需要实现无限滚动翻页的功能。因为用到的地方很多，于是便想着抽出一个通用组件。 实现 实现源码放到了 GitHub，Demo 演示 想直接看源码/效果的人可以直接去看 思路 定义一个 vuejs 容器组件 抽离出公共的属性（加载一页数据的函数/每个元素的模板） 在父容器中遍历每个元素并绑定到传入的模板上 监听滚动事件，如果不是最后一页就加载下一页 重新渲染集合元素
点击按钮自动提交了 Form 表单
场景在吾辈的写 HTML 时遇到了一个问题，一个普通的按钮，点击之后一旦在 click 事件中进行了 return，则立刻提交 Form 表单。 像下面这段代码，不管是点击 修改按钮 还是 提交按钮，Form 表单都会被提交（可以看到 alert 弹框）。 12345678910111213141516171819<form action="" id="form" onsubmit="sub
Windows 下 MongoDB 便携版安装与初始化
官网 下载 下载位置 选择一个便携版本下载（.zip 结尾），例如吾辈选择的就是 win32/mongodb-win32-x86_64-2008plus-ssl-4.0.1.zip 配置环境变量下载完成后解压到本地，将 /bin/ 目录添加环境变量 Path 中以方便使用 mongodb 的命令。 配置完成后验证一下 1mongo -version 如果环境变量配置正确的话会有类似于下面的
MySQL 创建用户及授权
用户创建用户使用 root 用户登录到 MySQL 12CREATE USER rxliuli IDENTIFIED BY '123456'; 删除用户1DROP USER rxliuli; 授权添加授权命令格式： 1GRANT privilegesCode ON dbName.tableName TO username@host IDENTIFIED BY "password"; 例如下
MySQL 使用 IF 判断是否执行 SQL
语法if(condition, value_if_true, value_if_false) 上面的三个参数的意思是，如果 condition（表达式）为 true，则执行表达式 value_if_true，否则执行表达式 value_if_false。 例如有下面这个 User 用户表： 123456789CREATE TABLE User ( name VARCHAR(10) NOT NUL
MySQL 字符串数字比较大小的问题以及解决方案
为什么要写这篇文章呢？因为吾辈碰到了 MySQL 中字符串数字比较起来的坑。 字符串数字：明明是数字却在数据库中使用 varchar 等类型进行存储的数字。 例如以下的表结构： 1234567CREATE TABLE test_table ( id BIGINT NOT NULL COMMENT 'id', int_str VARCHAR(200) NOT NULL
MySQL 无法插入中文数据
刚刚在 Linux Centos 装完 MySQL 后，想试一下是否能正常使用，但在插入中文数据时发生了下面的这个错误。 1[HY000][1366] Incorrect string value: '\xE7\x90\x89\xE7\x92\x83' for column 'name' at row 1 感觉是 MySQL 编码问题，查看一下编码格式 1show variables like
MySQL 获取随机条数据
场景有一个需要从数据库随机获取指定数量的数据的需求，然而这个问题却是意外的挺麻烦。 假设有一个数据表 1234567create table topic ( id int primary key not null comment '编号', content varchar(20) not null comment '内容') comment '主题表'; 这里的 t
MySQL 行列转换
场景面试的时候遇到的一个问题，之前没有碰到过这种场景，所以却是无论如何都回答不了呢！然而本着遇到的坑跌倒过一次就够了的理念，回来时吾辈稍微 Google 了一下这个问题，结果便在此记录一下好啦 行转列指的是将数据行根据状态区分为不同的列，主要应用场景应该是统计报表吧 例如下面这个 exam 表 1234567891011121314151617drop table if exists exam;c