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