guqing
毕生所求无它，爱与自由而已
一招教你如果避免rm /*误操作的坑
使用linux经常都会需要删除某个文件或者文件夹,但是如果不小心将路径写错,就会导致格盘的悲剧。 写一个脚本并并设置别名代替默认rm的功能: 首先,新建一个rm.sh文件(名称随意,位置可以自己修改) 然后填充内容 写好这个shell脚本后,制定执行权限 然后配置别名,由于我用的是zsh所以我修改~/.zshrc文件,如果没有更换过shell的同学可以修改~/.bashrc文件是一样的,在文件中找个地方写上如下内容,比如我添加在末尾 保存退出,然后source一下,让其生效 大功告成,测试删除
Manjaro gnome 版系统配置
Manjaro介绍 Manjaro的版本 官方推荐的： XFCE：非常轻量，适合硬件条件比较差的用户，占用资源较少 KDE：操作界面类似Windows的操作界面 ARCHITECH：命令行版本，类似Arch Linux，后期要装什么都自己解决，适合Geek GNOME（GNOME3）：操作界面类似 Mac OS 社区维护的版本： MATE：GNOME2的延续，用不惯GNOME3的可以选择使用 CINNAMON：Mint Linux使用的界面，使用了GNOME3的技术，实现了GNOME2的界面 OPENBOX：同样一个轻量级的桌面，没有使用过，具体不太了解。
关于Manjaro系统时钟不同步问题
设置使用本地时间 安装openNTPD 启动服务： 设置开机启动
vue项目如何使用Leaflet
基本使用 安装依赖 配置main.js 按需导入 使用自定义的mbtiles瓦片 使用自定义mbtiles瓦片需要重写L.TileLayer的getTileUrl()方法 定义一个loadTiles.js 使用自定义瓦片
SpringBoot使用PageHelper
SpringBoot使用PageHelper 引依赖 关于SpringBoot使用PageHelper最重要的是有两个依赖，如果漏了pagehelper-spring-boot-autoconfigure会导致分页失效，而且不报错，很头疼 配置 使用配置类的方式配置PageHelper 使用 使用PageHelper.startPage 静态方法调用startPage ： 例如Service层代码：
从零开始学 Vue2 到项目开发
webpack.config.js完整示例配置： 11.5ECMAScript6语法转ECMAScript5语法 需要安装的node包有： babel-core babel-loader babek-plugin-trabsform-runtime:这个包主要是打包.vue组件页面中的es6语法需要 在项目目录下打开cmd命令面板输入： 在webpack-config.js中配置这两个loader 完整的配置为： 在main.js中使用es6语法导入site.css 各依赖版本: 11.6利用webpack解析和打包.vue组件页面 Vue项目中的每个页面其实都是一个.vue的文件，这种文件，Vue称之为组件页面，必须借助于webpack的vue-loader才能使用 所以必须安装相关包： vue : vuejs核心包 vue-loader : .vue文件编译loader babel-plugin-transform-runtime : es6实时转成es5语法 1.在项目根目录下打开cmd命令面板，输入： 2.在webpack.config.js中添加如下配置（只能在webpack1.0中使用）： 在webpack2.0中在webpack.config.js文件中添加babel:{}是不认识的要改写如下方式： 在项目根目录下新建.babelrc文件，内容填写如下： 3.在webpack.config.js的loader中增加 12 搭建webpack1.14.0+Vue2.6.0的HelloWorld App.vue文件 ::: demo ::: main.js文件 index.html模板index1.html web.config.js文件 package.json文件 13 项目中使用的ECMAScript6语法 1.对象的写法 2.在对象中的方法写法 3.对象的到出写法 4.对象的导入 5.es6中的箭头函数的写法 14 webpack项目中集成vue-router步骤 1.安装vue-router: 2.在webpack打包入口js文件中（entry指定的哪个文件main.js）配置如下： App.vue文件 在component/account/下写login.vue文件 在component/account/下写regist.vue文件 15Vue移动组件mint-ui使用 vue拥有很多的第三方开发的PC端或者移动端UI组件，此项目中主要用到了Vue移动端组件：mint-ui 类似的移动端组件还有： 1.vux 2.淘宝团队开发的：SUI 3.muse-ui PC端组件： 1.饿了么团队开发的：element 2.iView是一套基于Vue.js的开源UI组件库，主要用于服务PC界面中的后台产品 mint-ui资源介绍 下载地址： 2.官网： 3.文档地址： 安装mint-ui集成到项目中 1.安装： 2.在main.js中全局导入mint-ui和它的css后即可在任何组件中使用mint-ui组件了 16.MUI介绍 官网 文档地址 github地址 直接使用git克隆项目到本地然后查看 目录中的实例，复制代码使用，dist目录中是需要的js和css 使用时在入口文件中导入 使用：例如使用mui的九宫格样式
Vue中input框手动赋值成功却无法再编辑input框的值
如下示例： 如此这样，表单虽然值回显的但是确实无法修改input框中的值的。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新 由此Vue实例创建时，helloForm.属性名并未声明，因此Vue就无法对属性执行 getter/setter 转化过程，导致helloForm属性不是响应式的，因此无法触发视图更新。 解决的方式有两种，第一种就是显示的声明helloForm这个对象的属性，如： 其次也可以使用使用Vue的全局API: $set()赋值：
如何使用和查看 MySQL 慢日志
慢查询日志配置 默认情况下slow_query_log的值为OFF，表示慢查询日志是禁用的，可以通过设置slow_query_log的值来开启，如下所示： 也可以通过修改配置文件的方式开启慢日志，修改my.cnf文件或者my.ini，增加或修改参数slow_query_log 和slow_query_log_file后，然后重启MySQL服务器，如下所示 慢日志的阈值 那么开启了慢查询日志后，什么样的SQL才会记录到慢查询日志里面呢？
MySQL 如何使用 explain 执行计划
explain执行计划包含的信息 其中最重要的字段为：id、type、key、rows、Extra 字段详解 id select查询的序列号，包含一组数字，表示查询中执行select子句或操作表的顺序 三种情况： 1、id相同：执行顺序由上至下 2、id不同：如果是子查询，id的序号会递增，id值越大优先级越高，越先被执行 3、id相同又不同（两种情况同时存在）：id如果相同，可以认为是一组，从上往下顺序执行；在所有组中，id值越大，优先级越高，越先执行 select_type 查询的类型，主要是用于区分普通查询、联合查询、子查询等复杂的查询 1、SIMPLE：简单的select查询，查询中不包含子查询或者union 2、PRIMARY：查询中包含任何复杂的子部分，最外层查询则被标记为primary 3、SUBQUERY：在select 或 where列表中包含了子查询 4、DERIVED：在from列表中包含的子查询被标记为derived（衍生），mysql或递归执行这些子查询，把结果放在零时表里 5、UNION：若第二个select出现在union之后，则被标记为union；若union包含在from子句的子查询中，外层select将被标记为derived 6、UNION RESULT：从union表获取结果的select type 访问类型，sql查询优化中一个很重要的指标，结果值从好到坏依次是： system > const > eq_ref > ref > fulltext > ref_or_null > index_merge > unique_subquery > index_subquery > range > index > ALL 一般来说，好的sql查询至少达到range级别，最好能达到ref 1、system：表只有一行记录（等于系统表），这是const类型的特例，平时不会出现，可以忽略不计 2、const：表示通过索引一次就找到了，const用于比较primary key 或者 unique索引。
你会使用 mysql索引吗
经常用在范围内搜索的列上创建索引，因为索引已经排序了，其指定的范围是连续的 索引优缺点 优点 索引由数据库中一列或多列组合而成，其作用是提高对表中数据的查询速度 索引的优点是可以提高检索数据的速度 缺点 索引的缺点是创建和维护索引需要耗费时间 索引可以提高查询速度，会减慢写入速度 索引并不是越多越好，索引固然可以提高相应的 select 的效率，但同时也降低了 insert 及 update 的效率，因为 insert 或 update 时有可能会重建索引，所以怎样建索引需要慎重考虑，视具体情况而定。