摘要：
慢日志查询作用 慢日志查询的主要功能就是，记录sql语句中超过设定的时间阈值的查询语句。例如，一条查询sql语句，我们设置的阈值为1s，当这条查询语句的执行时间超过了1s，则将被写入到慢查询配置的日志中.慢查询主要是为了我们做sql语句的优化功能. 慢查询配置项说明 登录mysql服务，使用如下命令 阅读全文
摘要：
JS实现继承 JavaScript 定义一个父类： 1.原型链继承 核心：将父类的实例作为子类的原型，JavaScript常见的六种继承方式 特点： 非常纯粹的继承关系，实例是子类的实例，也是父类的实例 父类新增的原型方法、属性，子类都能访问到 简单，易于实现 缺点： 要想为子类新增属性和方法，必须 阅读全文
摘要：
下面这段代码是用来清除浮动带来的高度塌陷问题 Question 1: 上面的代码的能够实现CSS清除浮动的问题吗？ Answer： Can't. 因为clear属性只能控制元素本身与前面的浮动元素的关系。在本例中，使用:before伪元素明显位于所有子元素之前，故而clear属性不会因后面的浮动元素 阅读全文
摘要：
配置SpringBoot方便的切换jar和war 网上关于如何切换，其实说的很明确，本文主要通过profile进行快速切换已实现在不同场合下，用不同的打包方式。 jar到war修改步骤 pom文件修改 packaging配置由jar改为war 排除tomcat等容器的依赖 配置web.xml或者无w 阅读全文
摘要：
池化技术简介 在我们使用数据库的过程中，我们往往使用数据库连接池而不是直接使用数据库连接进行操作，这是因为每一个数据库连接的创建和销毁的代价是昂贵的，而池化技术则预先创建了资源，这些资源是可复用的,这样就保证了在多用户情况下只能使用指定数目的资源，避免了一个用户创建一个连接资源，造成程序运行开销过大 阅读全文
摘要：
如果你想绘制的网页包含一个圆弧形的头像的canvas图片，但是头像本身是正方形的，需要的方法如下：首先， 拿到头像在画布上的坐标和宽高：(具体怎么获取不在此做具体介绍) 使用canvas绘制圆弧动画 然后 只需要调用以下函数即可： 来源：https://segmentfault.com/a/1190 阅读全文
摘要：
Object.assign() Object.assign() 方法用于对象的合并，将所有自身的（非继承的）可枚举属性的值从一个或多个源对象拷贝到目标对象。返回目标对象。目标对象自身也会改变。请参考对象深拷贝和浅拷贝 target: 目标对象。 sources: 源对象。 Object.assign 阅读全文
摘要：
数组去重方法 简单数组去重： 实例1根据indexOf去重，indexOf的好处就是返回的是首次出现的位置，这样后面即使出现的值一样，也只能返回第一次出现的索引，当然这个只适用于简单的数组 对象数组去重： 结果为: 还可以用reduce来处理，如下： 结果为: 两个数组之间去重： 结果为： 上面例子 阅读全文
摘要：
问题场景 在前端很多的项目中，文件下载的需求很常见。尤其是通过JS生成文件内容，然后通过浏览器端执行下载的操作。如图片，Execl 等的导出功能。日前，项目中就遇到了这类需求，在浏览器端实现保存当前网页为图片，然后还可以下载。 解决方案 网页生成图片 这里可以采用 html2canvas 来实现。并 阅读全文
摘要：
作为前端经常遇到的一个需求。对于一些比较长的文本做限制，不显示，或者显示省略号。今天特意整理了一下，做个备忘。 css实现单行、多行文本超出显示省略号 1.超出固定长度显示... .class{ width: 400px; overflow: hidden; //这个是设置隐藏的。还有其他的，例如s 阅读全文