博客园 - sfornt
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=171340
2019-02-22T12:38:49Z
sfornt
https://www.cnblogs.com/lalalagq/
feed.cnblogs.com
https://www.cnblogs.com/lalalagq/p/10287010.html
MySQL慢日志实践 - sfornt
慢日志查询作用 慢日志查询的主要功能就是,记录sql语句中超过设定的时间阈值的查询语句。例如,一条查询sql语句,我们设置的阈值为1s,当这条查询语句的执行时间超过了1s,则将被写入到慢查询配置的日志中.慢查询主要是为了我们做sql语句的优化功能. 慢查询配置项说明 登录mysql服务,使用如下命令
2019-01-18T04:06:00Z
2019-01-18T04:06:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】慢日志查询作用 慢日志查询的主要功能就是,记录sql语句中超过设定的时间阈值的查询语句。例如,一条查询sql语句,我们设置的阈值为1s,当这条查询语句的执行时间超过了1s,则将被写入到慢查询配置的日志中.慢查询主要是为了我们做sql语句的优化功能. 慢查询配置项说明 登录mysql服务,使用如下命令 <a href="https://www.cnblogs.com/lalalagq/p/10287010.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286991.html
JS实现继承 JavaScript - sfornt
JS实现继承 JavaScript 定义一个父类: 1.原型链继承 核心:将父类的实例作为子类的原型,JavaScript常见的六种继承方式 特点: 非常纯粹的继承关系,实例是子类的实例,也是父类的实例 父类新增的原型方法、属性,子类都能访问到 简单,易于实现 缺点: 要想为子类新增属性和方法,必须
2019-01-18T04:02:00Z
2019-01-18T04:02:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】JS实现继承 JavaScript 定义一个父类: 1.原型链继承 核心:将父类的实例作为子类的原型,JavaScript常见的六种继承方式 特点: 非常纯粹的继承关系,实例是子类的实例,也是父类的实例 父类新增的原型方法、属性,子类都能访问到 简单,易于实现 缺点: 要想为子类新增属性和方法,必须 <a href="https://www.cnblogs.com/lalalagq/p/10286991.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286973.html
利用clear清除浮动的一些问题 - sfornt
下面这段代码是用来清除浮动带来的高度塌陷问题 Question 1: 上面的代码的能够实现CSS清除浮动的问题吗? Answer: Can't. 因为clear属性只能控制元素本身与前面的浮动元素的关系。在本例中,使用:before伪元素明显位于所有子元素之前,故而clear属性不会因后面的浮动元素
2019-01-18T03:58:00Z
2019-01-18T03:58:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】下面这段代码是用来清除浮动带来的高度塌陷问题 Question 1: 上面的代码的能够实现CSS清除浮动的问题吗? Answer: Can't. 因为clear属性只能控制元素本身与前面的浮动元素的关系。在本例中,使用:before伪元素明显位于所有子元素之前,故而clear属性不会因后面的浮动元素 <a href="https://www.cnblogs.com/lalalagq/p/10286973.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286953.html
配置SpringBoot方便的切换jar和war - sfornt
配置SpringBoot方便的切换jar和war 网上关于如何切换,其实说的很明确,本文主要通过profile进行快速切换已实现在不同场合下,用不同的打包方式。 jar到war修改步骤 pom文件修改 packaging配置由jar改为war 排除tomcat等容器的依赖 配置web.xml或者无w
2019-01-18T03:54:00Z
2019-01-18T03:54:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】配置SpringBoot方便的切换jar和war 网上关于如何切换,其实说的很明确,本文主要通过profile进行快速切换已实现在不同场合下,用不同的打包方式。 jar到war修改步骤 pom文件修改 packaging配置由jar改为war 排除tomcat等容器的依赖 配置web.xml或者无w <a href="https://www.cnblogs.com/lalalagq/p/10286953.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286937.html
java并发实战:连接池实现 - sfornt
池化技术简介 在我们使用数据库的过程中,我们往往使用数据库连接池而不是直接使用数据库连接进行操作,这是因为每一个数据库连接的创建和销毁的代价是昂贵的,而池化技术则预先创建了资源,这些资源是可复用的,这样就保证了在多用户情况下只能使用指定数目的资源,避免了一个用户创建一个连接资源,造成程序运行开销过大
2019-01-18T03:50:00Z
2019-01-18T03:50:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】池化技术简介 在我们使用数据库的过程中,我们往往使用数据库连接池而不是直接使用数据库连接进行操作,这是因为每一个数据库连接的创建和销毁的代价是昂贵的,而池化技术则预先创建了资源,这些资源是可复用的,这样就保证了在多用户情况下只能使用指定数目的资源,避免了一个用户创建一个连接资源,造成程序运行开销过大 <a href="https://www.cnblogs.com/lalalagq/p/10286937.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286907.html
canvas绘制圆角头像 - sfornt
如果你想绘制的网页包含一个圆弧形的头像的canvas图片,但是头像本身是正方形的,需要的方法如下:首先, 拿到头像在画布上的坐标和宽高:(具体怎么获取不在此做具体介绍) 使用canvas绘制圆弧动画 然后 只需要调用以下函数即可: 来源:https://segmentfault.com/a/1190
2019-01-18T03:45:00Z
2019-01-18T03:45:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】如果你想绘制的网页包含一个圆弧形的头像的canvas图片,但是头像本身是正方形的,需要的方法如下:首先, 拿到头像在画布上的坐标和宽高:(具体怎么获取不在此做具体介绍) 使用canvas绘制圆弧动画 然后 只需要调用以下函数即可: 来源:https://segmentfault.com/a/1190 <a href="https://www.cnblogs.com/lalalagq/p/10286907.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286891.html
对象的合并及拷贝 - sfornt
Object.assign() Object.assign() 方法用于对象的合并,将所有自身的(非继承的)可枚举属性的值从一个或多个源对象拷贝到目标对象。返回目标对象。目标对象自身也会改变。请参考对象深拷贝和浅拷贝 target: 目标对象。 sources: 源对象。 Object.assign
2019-01-18T03:42:00Z
2019-01-18T03:42:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】Object.assign() Object.assign() 方法用于对象的合并,将所有自身的(非继承的)可枚举属性的值从一个或多个源对象拷贝到目标对象。返回目标对象。目标对象自身也会改变。请参考对象深拷贝和浅拷贝 target: 目标对象。 sources: 源对象。 Object.assign <a href="https://www.cnblogs.com/lalalagq/p/10286891.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286871.html
JS数组去重 - sfornt
数组去重方法 简单数组去重: 实例1根据indexOf去重,indexOf的好处就是返回的是首次出现的位置,这样后面即使出现的值一样,也只能返回第一次出现的索引,当然这个只适用于简单的数组 对象数组去重: 结果为: 还可以用reduce来处理,如下: 结果为: 两个数组之间去重: 结果为: 上面例子
2019-01-18T03:39:00Z
2019-01-18T03:39:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】数组去重方法 简单数组去重: 实例1根据indexOf去重,indexOf的好处就是返回的是首次出现的位置,这样后面即使出现的值一样,也只能返回第一次出现的索引,当然这个只适用于简单的数组 对象数组去重: 结果为: 还可以用reduce来处理,如下: 结果为: 两个数组之间去重: 结果为: 上面例子 <a href="https://www.cnblogs.com/lalalagq/p/10286871.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286838.html
浏览器端用JS实现创建和下载图片 - sfornt
问题场景 在前端很多的项目中,文件下载的需求很常见。尤其是通过JS生成文件内容,然后通过浏览器端执行下载的操作。如图片,Execl 等的导出功能。日前,项目中就遇到了这类需求,在浏览器端实现保存当前网页为图片,然后还可以下载。 解决方案 网页生成图片 这里可以采用 html2canvas 来实现。并
2019-01-18T03:34:00Z
2019-01-18T03:34:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】问题场景 在前端很多的项目中,文件下载的需求很常见。尤其是通过JS生成文件内容,然后通过浏览器端执行下载的操作。如图片,Execl 等的导出功能。日前,项目中就遇到了这类需求,在浏览器端实现保存当前网页为图片,然后还可以下载。 解决方案 网页生成图片 这里可以采用 html2canvas 来实现。并 <a href="https://www.cnblogs.com/lalalagq/p/10286838.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10286811.html
超过固定宽度(或行数)显示...(或省略) - sfornt
作为前端经常遇到的一个需求。对于一些比较长的文本做限制,不显示,或者显示省略号。今天特意整理了一下,做个备忘。 css实现单行、多行文本超出显示省略号 1.超出固定长度显示... .class{ width: 400px; overflow: hidden; //这个是设置隐藏的。还有其他的,例如s
2019-01-18T03:30:00Z
2019-01-18T03:30:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】作为前端经常遇到的一个需求。对于一些比较长的文本做限制,不显示,或者显示省略号。今天特意整理了一下,做个备忘。 css实现单行、多行文本超出显示省略号 1.超出固定长度显示... .class{ width: 400px; overflow: hidden; //这个是设置隐藏的。还有其他的,例如s <a href="https://www.cnblogs.com/lalalagq/p/10286811.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10283528.html
ubuntu多版本php切换 - sfornt
最近想要学习一下swoole,虽然机子上装的是php7.0,但是考虑到一些有关swoole的轮子要依赖更高版本(例如swooletw),所以就在机子上升级了php7.2,下面是在网上搜索或者自己折腾出来的一些笔记。 版本升级操作(直接从7.0升级到7.2): 有需要可以安装swoole: https
2019-01-17T09:41:00Z
2019-01-17T09:41:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】最近想要学习一下swoole,虽然机子上装的是php7.0,但是考虑到一些有关swoole的轮子要依赖更高版本(例如swooletw),所以就在机子上升级了php7.2,下面是在网上搜索或者自己折腾出来的一些笔记。 版本升级操作(直接从7.0升级到7.2): 有需要可以安装swoole: https <a href="https://www.cnblogs.com/lalalagq/p/10283528.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10283521.html
vue-cli中vuex IE兼容 - sfornt
vue2.0 兼容ie9及其以上 vue cli中使用vuex的项目 在IE中会出现页面空白 控制台报错的情况:我们只需要安装一个插件,然后在main.js中全局引入即可 安装 npm install save dev polyfill引入 import 'babel polyfill'
2019-01-17T09:40:00Z
2019-01-17T09:40:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】vue2.0 兼容ie9及其以上 vue cli中使用vuex的项目 在IE中会出现页面空白 控制台报错的情况:我们只需要安装一个插件,然后在main.js中全局引入即可 安装 npm install save dev polyfill引入 import 'babel polyfill' <a href="https://www.cnblogs.com/lalalagq/p/10283521.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10283157.html
Vue.js中 computed 和 methods 的区别 - sfornt
官方文档中已经有对其的解释了,在这里把我的理解记录一下Vue中的methods、watch、computed computed 的使用场景 HTML模板中的复杂逻辑表达式,为了防止逻辑过重导致不易维护,都应当把相关逻辑放入计算属性。 比如这种 在这个地方,模板不再是简单的声明式逻辑。这里是想要显示变
2019-01-17T08:53:00Z
2019-01-17T08:53:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】官方文档中已经有对其的解释了,在这里把我的理解记录一下Vue中的methods、watch、computed computed 的使用场景 HTML模板中的复杂逻辑表达式,为了防止逻辑过重导致不易维护,都应当把相关逻辑放入计算属性。 比如这种 在这个地方,模板不再是简单的声明式逻辑。这里是想要显示变 <a href="https://www.cnblogs.com/lalalagq/p/10283157.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10283020.html
你应该要知道的JS中的this - sfornt
前言 this 是 JavaScript 中不可不谈的一个知识点,它非常重要但又不容易理解。因为 JavaScript 中的 this 不同于其他语言。不同场景下的 this 指向不同(当函数被调用执行时会生成变量对象,确定 this 的指向,因此当前函数的 this 是在函数被调用执行的时候才确定
2019-01-17T08:36:00Z
2019-01-17T08:36:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】前言 this 是 JavaScript 中不可不谈的一个知识点,它非常重要但又不容易理解。因为 JavaScript 中的 this 不同于其他语言。不同场景下的 this 指向不同(当函数被调用执行时会生成变量对象,确定 this 的指向,因此当前函数的 this 是在函数被调用执行的时候才确定 <a href="https://www.cnblogs.com/lalalagq/p/10283020.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282545.html
centos下安装docker以及docker-composer - sfornt
背景 docker已经出来了很久,而我一直想混迹到docker大军中进行冲锋陷阵,恰逢公司项目的需要,因此今天玩了一把docker的安装.使用Docker 一键部署 LNMP+Redis 环境 事先准备 centos系统或者linux系统 安装步骤 安装基础的工具yum utils device m
2019-01-17T07:34:00Z
2019-01-17T07:34:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】背景 docker已经出来了很久,而我一直想混迹到docker大军中进行冲锋陷阵,恰逢公司项目的需要,因此今天玩了一把docker的安装.使用Docker 一键部署 LNMP+Redis 环境 事先准备 centos系统或者linux系统 安装步骤 安装基础的工具yum utils device m <a href="https://www.cnblogs.com/lalalagq/p/10282545.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282519.html
Node程序debug小记 - sfornt
有时候,所见并不是所得,有些包,你需要去翻他的源码才知道为什么会这样。用Console来Debug 背景 今天调试一个程序,用到了一个很久之前的NPM包,名为formstream,用来将form表单数据转换为流的形式进行接口调用时的数据传递。 这是一个几年前的项目,所以使用的是Generator+c
2019-01-17T07:31:00Z
2019-01-17T07:31:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】有时候,所见并不是所得,有些包,你需要去翻他的源码才知道为什么会这样。用Console来Debug 背景 今天调试一个程序,用到了一个很久之前的NPM包,名为formstream,用来将form表单数据转换为流的形式进行接口调用时的数据传递。 这是一个几年前的项目,所以使用的是Generator+c <a href="https://www.cnblogs.com/lalalagq/p/10282519.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282325.html
npm cnpm npx nvm 傻傻分不清 - sfornt
用过 npm cnpm吗?知道 npx nvm 吗? 唔~ npm npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,在安装的 nodejs 的时候,npm 会跟着一起安装。通过 npm 可以安装、共
2019-01-17T07:05:00Z
2019-01-17T07:05:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】用过 npm cnpm吗?知道 npx nvm 吗? 唔~ npm npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,在安装的 nodejs 的时候,npm 会跟着一起安装。通过 npm 可以安装、共 <a href="https://www.cnblogs.com/lalalagq/p/10282325.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282303.html
Pro Git 学习笔记 - sfornt
Pro Git 学习笔记 文档地址:Pro Git原文地址:PRO GIT 学习笔记 git常见命令 1、Git起步 初次运行Git前的配置 用户信息 文本编辑器 设置默认的文本编辑器:git config global core.editor emacs 查看配置信息 2、Git基础 创建Git仓
2019-01-17T07:02:00Z
2019-01-17T07:02:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】Pro Git 学习笔记 文档地址:Pro Git原文地址:PRO GIT 学习笔记 git常见命令 1、Git起步 初次运行Git前的配置 用户信息 文本编辑器 设置默认的文本编辑器:git config global core.editor emacs 查看配置信息 2、Git基础 创建Git仓 <a href="https://www.cnblogs.com/lalalagq/p/10282303.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282282.html
vuex重置所有state(可定制) - sfornt
在正式场景中我们经常遇到一个问题,就是登出页面或其他操作的时候,我们需要重置所有的vuex,让其变为初始状态,那么,就涉及到了多种方法:1、页面刷新: 这个方法通过路由判断优化或是逻辑优化,始终页面时重新加载,就会导致用户体验很差,对浏览器来说也是一种不必要的负担,所以我尝试之后就放弃了。 2、写一
2019-01-17T06:59:00Z
2019-01-17T06:59:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】在正式场景中我们经常遇到一个问题,就是登出页面或其他操作的时候,我们需要重置所有的vuex,让其变为初始状态,那么,就涉及到了多种方法:1、页面刷新: 这个方法通过路由判断优化或是逻辑优化,始终页面时重新加载,就会导致用户体验很差,对浏览器来说也是一种不必要的负担,所以我尝试之后就放弃了。 2、写一 <a href="https://www.cnblogs.com/lalalagq/p/10282282.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/lalalagq/p/10282259.html
[NodeJs系列][译]理解NodeJs中的Event Loop、Timers以及process.nextTick() - sfornt
译者注: 为什么要翻译?其实在翻译这篇文章前,笔者有Google了一下中文翻译,看的不是很明白,所以才有自己翻译的打算,当然能力有限,文中或有错漏,欢迎指正。 文末会有几个小问题,大家不妨一起思考一下 欢迎关注微信公众号:前端情报局 NodeJs系列 什么是Event loop? 尽管JavaScr
2019-01-17T06:57:00Z
2019-01-17T06:57:00Z
sfornt
https://www.cnblogs.com/lalalagq/
【摘要】译者注: 为什么要翻译?其实在翻译这篇文章前,笔者有Google了一下中文翻译,看的不是很明白,所以才有自己翻译的打算,当然能力有限,文中或有错漏,欢迎指正。 文末会有几个小问题,大家不妨一起思考一下 欢迎关注微信公众号:前端情报局 NodeJs系列 什么是Event loop? 尽管JavaScr <a href="https://www.cnblogs.com/lalalagq/p/10282259.html" target="_blank">阅读全文</a>