互联网金融公司在分布式数据库的运维实践（PPT+脚本）内容整理而成。
贺春旸，《MySQL管理之道：性能调优、高可用与监控》第一、二版一书作者，从事数据库管理工作多年，曾经任职于中国移动飞信，安卓机锋网，凡普金科(爱钱进)，致力于MariaDB、MongoDB等开源技术的研究，主要负责数据库性能调优、监控和架构设计。大家好，我是2015年7月份入职凡普金科（原普惠金融）爱钱进，公司核心数据库在我入职第二周，从最原始的MySQL5.5.30社区版全部升级到MariaDB10.0.21企业版，随后面的机房迁移，版本再次升级为MariaDB10.0.30企业版。
简洁后台管理模版
原文地址：简洁后台管理模版之前给客户开发一个简单的后台管理系统，本来准备套用AdminLTE的，但客户嫌弃太臃肿，而且又需要有多tab页面切换，于是从我代码库中找到好久前就写过的管理后台，根据需求重写。这是基于jQuery，加上自己编写基础样式，从零搭建起来的框架，在这个轻量级模版的基础上进行开发vue项目。现在顺便将这个模版搭建成我的前端demo的管理系统，而这篇文章就讲述下如何实现简单的后台管理系统。效果请看：manage-demo:http://jeffzhong.space/sites/manage-demo/项目架构基于gulp自动化工具，使用less预编译，使用swig模版引擎编译html。基础样式base.css，字体库raleway，图标库fontello，js基础库jQuery。同时使用webpack为vue.js配置好开发环境，在src文件夹里面可以直接开发vue项目，里面有简单的vue样例。当然想用react的也可以更改为react库。文件目录dist文件生成目录src源文件目录，里面为v
基于JavaScript的机器学习算法和工具库
npmAlgorithmsandutilsforMachineLearninginJavaScriptbasedonNode.js.whileimplementingcommonlyusedmachinelearningalgorithms,Thislibraryattemptstoprovidemoreabundantecology,suchasmatrixandvectoroperations,fileparsing,featureengineering,datavisualization,andsoon.QQGroup:485305514Installation$npminstallmlhelperDocoumentionalgorithmMatrixVectorfileParsergraphtoolsfeatureEngineeringExampleAlgorithmconstAdaBoost=require('mlhelpe
再也不学AJAX了！（二）使用AJAX
在上一篇文章中我们知道，AJAX是一系列技术的统称。在本篇中我们将更进一步，详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚，我们首先要搞清楚我们是从哪里获取数据的，其次我们关注的才是获取数据的具体方式。一、获取数据我们知道AJAX用来在项目中以阻止页面刷新的方式获取数据，那么数据从哪里来呢？我们又怎么知道如何获取这些数据？答案是我们通常使用API与各式各样的数据库交互。“API”是“ApplicationProgrammingInterface”(即：应用程序接口)的缩写，你可以想象一些数据是开放的并且在等待被使用，而我们获取这些数据的方式便是使用API。API通常的形式是一个URL，并提供指定的参数名和参数值用来帮助你定位所要获取的数据。还记得我们提过AJAX需要服务器端的相应设置吗？我们之后会再来谈这一点。二、AJAX技术的核心-XMLHttpRequest对象让我们先把服务器端的设置抛在一边，聚焦AJAX技术的核心环节：XMLHttpRequest对象。X
十二、VueJs 填坑日记之项目打包发布
通过上一篇博文的学习，我们其实已经完成了我们设想的项目的开发。但是，我们做好的这套东西，是基于nodejs开发的。而我们最终希望，我们开发的项目，生成好一堆文件，然后随便通过任何一个http服务就能跑起来，也就是，还原成我们熟悉的html+css+js的模式。这章，我们来讲解这部分内容。打包项目进入到我们的项目根目录d:cdvueworks/my-vue然后运行如下代码，进行打包：npmrunbuild结果如下：现在我们已经把项目打包好，打完好的项目默认位置在/dist文件夹里。我们从打包时的cmd的日志来看，里面有很多的map文件的生成，由于截图有限，上面只是截取了结尾，大家可以向上滚动一下，就可以看到，如果项目比较大的时候，这些文件一个是比较大，另一个就是编译比较慢。所以我们把这些map文件去掉。去掉map文件打开/config/index.js文件，找到其中的productionSourceMap:true，大根在build下。默认是true，修改
浅谈Fetch
参考：developers.google.com/web/updates…现在可能还有一些很旧的程序还在使用XHR，类似下面的写法：constrequest=newXMLHttpRequest()request.responseType='json'request.open('GET','/url',true)request.onload=()=>{console.log(request.response)}request.onerror=()=>{console.log('shitshappen!')}request.send(null)这样子使用XHR进行异步访问、读取资源显得很繁琐，相对比Fetch()允许你创建类似XHR的network访问，但是使用更简单而且干净的API，不需要多次回调并且记住XHR复杂的API。FetchAPI底层是通过Promises实现。XMLHttpRequest一个相对完整的XMLHttpRequest至少需要监听两个事件(onload、onerror)来实现
使用webpack/ redux+webpack 开发大型 web 项目时如何按需加载
来源：GitBook作者：爱死费崇政题外话经验尚浅，尚不足以教导，若理解有误，望能指导三分，语言若有偏激，请理解我年轻气盛。之所以写这篇文章，是因为我最近一阵子经历了一个部门的技术选型->项目实施这些技术->二次技术选型->技术版本升级的一个过程。开发业务应用为主的我们，很少有时间去研究某项技术的源码，不加班赶项目进度就已经很庆幸了，大部分时间都花在了如何灵活使用市面上的一些技术体系。在这篇文章中，不涉及源码范围，我也没去研究过源码。写这篇文章的初衷是分享我的想法和代码示例，同时也希望看这篇文章的你能够给予宝贵的意见，让我得以进步。web应用让人惊叹是从Gmail开始的，流畅的桌面版体验吸引了很多人，从此web项目开始蓬勃发展。随后，web应用也越来越复杂，为了能让web应用如同桌面版应用一样流畅，出现了SPA。这就是今天我想说的，react/redux等等一系列的产品的出现都是为了实现体验度更佳的SPA。两年前，我开发web项目，都只是用javaweb，使用模板引擎，后端渲染出页面。对于访问量不是很大、单个页面复杂度不
[web前端性能优化]性能优化只有三步，你了解吗
关于前端的性能优化，每次提到这个词大家都有很多idea。现在静下来思考下我们用到的各种手段最终可以归纳为三步一，关键资源字节数字节数也就是我通常说的减少资源文件（js,css,image,video...）的大小1，压缩前端使用uglify混淆压缩后端开启gzip对图片进行压缩，使用压缩比例更高的格式（webP）2，缓存强缓存（http状态码：200），不用请求服务器直接使用本地缓存协商缓存（http状态码：304），使用时先请求服务器若被告知缓存没过期则使用本地缓存，不用下载资源使用localstorage对数据进行存储3，针对首屏优化对非关键资源延迟加载、异步加载，减少首屏资源大小二，关键资源连接数1，合并请求使用http2.0的多路复用合并请求配置combo，在无法使用http2.0的情况下作为一种合并资源请求的手段2，减少图片请求数使用spite图使用svg-symbol3，针对一些场景采用css、js内联的方式4，使用强缓存减少了一次服务器请求5，非关键资源延迟、异步加载，减少了首屏资源连接数三，关键渲染路径网上有张关于页面
easyUI整合富文本编辑器KindEditor详细教程(附源码)
原因在今年4月份的时候写过一篇关于easyui整合UEditor的文章Spring+SpringMVC+MyBatis+easyUI整合优化篇（六）easyUI与富文本编辑器UEditor整合，从那时起，ssm项目中所使用的富文本编辑器都是UEditor。文章的末尾也说了UEditor的一些坑：遮罩层问题，初始化和对象销毁的问题，图片上传配置，官方jar包也有问题(貌似官方在mavne仓库没有jar包)虽然解决了大部分，不过用着依然不是很舒服，中间也想过换一个，但是本人实在有些懒，直到前几天才把另外一个富文本编辑器KindEditor整合进perfect-ssm项目里来。简介与比较KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。
【续】抓个Firefox的小辫子，jQuery表示不背这黑锅，Chrome,Edge,IE8-11继续围观中
引子昨天我发了一篇文章【抓个Firefox的小辫子，围观群众有：Chrome、Edge、IE8-11】，提到了一个Firefox很多版本都存在的问题，而相同的测试页面在Chrome、Edge、IE8-11下面一切正常。在评论里面，网友@Blackheart的回复引起了我的注意：我就按照网友提供的方法重新测试了一下：
12款基于SVG的HTML5应用和动画
SVG是HTML的扩展标记语言，利用SVG可以做非常多的矢量动画，结合HTML5，SVG就变得更加强大。下面12款HTML5动画均基于SVG，一起来看看。1、HTML5SVG3D蝴蝶飞舞动画逼真超酷这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更加显得立体逼真。在线演示/源码下载2、一组HTML5SVG可爱的笑脸动画今天我们来分享一组利用HTML5和SVG实现的可爱笑脸动画，它们是色彩各异的一组泥娃娃的脸，默认的时候就出现眨眼和微笑的动画，当你把鼠标滑过它们时，就像是感受到了主人的抚摸一样上下跳动起来，真的是非常可爱。在线演示/源码下载3、HTML5SVG圆盘时钟动画5种时钟样式今天我们要来分享一款基于HTML5和SVG的圆盘时钟动画，首先，圆盘时钟的时间是和你的本地时间同步的，因此，你完全可以用它来看上网时间。另外，这款HTML5圆盘时钟提供了5中不同的盘
浅谈一下mshta在CVE-2017-11882里的命令构造
*本文作者：lcx，本文属FreeBuf原创奖励计划，未经许可禁止转载Evi1cg同学前不久放出CVE-2017-11882的一个python利用脚本，地址在https://github.com/Ridter/CVE-2017-11882/，不过其中一个版本里边有一个限制，执行命令只能用43个字节。如果要用43个字节来完成一个文件的下载执行，在我所掌握的命令行知识里，除了mshta命令，其它的好像都做不到。所以在这里我就浅谈一下如何构造这个mshta命令，另外提一下hta文件在安全方面的一个应用。mshta.exe是微软Windows操作系统相关程序，用于执行.HTA文件。HTA是HTMLApplication的缩写（HTML应用程序），是软件开发的新概念，直接将HTML保存成HTA的格式，就是一个独立的应用软件，与VB、C++等程序语言所设计的软件界面没什么差别。mshta执行.hta文件，是以当前用户权限执行，hta文件可以随便改后缀，也可以本地或远程执行，本地执行的时候，要记得带全路径名，否则会出错。另外,mshta支持各
简单说下 Winform 的分页快速开发框架必须要实现的几个功能之一
简单说下Winform的分页快速开发框架必须要实现的几个功能之一分页非为前端分页和后端分页，前端分页只有适用于B/S，B/S的呈现速度远远不如C/S，而C/S则没有这个问题，所以分页必然是后端分页这里先要说明WinForm分页和Web分页都会存在一个问题：查两次(一次取得页面总数，一次取得当前页数据)所以分页是需要数据特别大的时候才具有优化的意义，比如查询100条数据是1ms查询1000条数据是1.1s如果使用分页，那么查询的耗时基本上就是2ms(算上嵌套查询的话是3ms)，so自行掂量控件网上有很多不多说了说下sql(EF的略过)-------这就是多出的一次查询，为了取得总的页数DECLARE@TotalINTSELECT@Total=COUNT(0)FROMSys_ButtonAWHERE1=1ANDA.IsDelete=0ANDISNULL(A.Button_Name,'')LIKE'%'+ISNULL(@cButton_Name,ISNULL(A.Button_N
fish-ui 1.0.87 发布，增加了穿梭框组件
本站文章除注明转载外，均为本站原创或编译。欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区。转载请注明：文章转载自开源中国社区[http://www.oschina.net]本文标题：fish-ui1.0.87发布，增加了穿梭框组件本文地址：https://www.oschina.net/news/91091/fish-ui-1-0-87
程序员提高效率的辅助开发软件神器汇总
公众账号原文https://mp.weixin.qq.com/s?__biz=MzIyNjM3MzI4MQ==&mid=2247484036&idx=1&sn=3f68b4b320f1fe4f5979845469deb010&chksm=e870394adf07b05c8253f2df9e0f70dba0f0899ec2ee735186839951a2039df884d93a5a2fde#rd
MySQL 5.7 复制原理简介
MySQL复制介绍通过复制，可以将来自一个MySQL数据库服务器（主服务器）的数据复制到一个或多个MySQL数据库服务器（从服务器）。默认情况下复制是异步的;从服务器不需要一直连接以接收来自主站的更新。根据配置，可以复制数据库中的所有数据库，选定数据库甚至选定的表。MySQL中复制的优点包括：横向扩展解决方案-将负载分散到多个从服务器以提高性能。在此环境中，所有写入和更新都必须在主服务器上进行。然而，读可能发生在一个或多个从服务器身上。这种模式可以提高写入的性能（因为主服务器专用于更新），同时显着提高越来越多的从服务器的读取速度。数据安全性-因为数据被复制到从服务器，从服务器可以暂停复制过程，所以可以在从服务器上运行备份服务，而不会破坏相应的主服务数据。分析-可以在主服务器上创建实时数据，而信息的分析可以在从服务器上进行，而不会影响主服务器的性能。远程数据分发-您可以使用复制为远程服务器创建本地数据副本，而无需永久访问主服务器数据。MySQL5.7支持不同的复制方法。传统的方法是基于主服务器的二进制日志事
禁用 package-lock
npm（NodePackageManager）是由JavaScript编写的Node.js默认的包管理工具，会随Node一起安装。NPM是伟大的工具，在它的基础上构建了现在的整个JavaScript生态。这些模块有每周数十亿的下载量，可以用来构建Web服务，命令行工具，IoT节点，桌面应用，甚至操作系统。npm5.0开始会自动生成package-lock.json，解决npm无法递归锁定版本的问题（类似yarn）同时使用该文件作为缓存来加速依赖解析。但现在看来package-lock制造的问题比解决的问题还要多，有些争议性的处理细节仍在讨论。Harttle不建议现在使用package-lock，文章尾部给出了禁用package-lock的方式。所以什么是版本锁定？npm的依赖定义在package.json中，它的语法叫做语义版本。即只声明接受哪些版本（更新）而不是写死某个版本，借此可以方便地获得最新的Bugfix与新特性。但只使用语义版
浮点数计算引发的血泪史——以此为戒
答案很显然，这里会输出a!==b。为什么34.17-0.01!==34.16？有时候就是这样，所想的和真正看到的完全是不一样的。难道JavaScript的数学是体育老师教的吗？然而并不是。问题还得从JavaScript语言本身找：第一，因为十进制浮点数在计算的时候都会被转换成二进制，但由于浮点数用二进制表达时是无穷的。所以2个无穷的数相加，得到的数也是无穷的。第二，IEEE754标准的64位双精度浮点数的小数部分最多支持53位二进制位。意味着2个浮点数相加的结果只会保留53位二进制位，53位后面的都会被切掉。由于上面的2个原因，最终导致计算出来的结果被转换成十进制数的时候，其实是一个近似值（因为浮点数二进制53位以后的部分都被切掉了）。所以：34.17-0.01!==34.16;0.1+0.2!==0.3;详细解释可查看这篇文章。解决浮点数问题问题知道了，现在要做的是正确的解决问题。首先想到的是将计算逻辑移到if语句之外，这看起里会和第一个正确的比较很类似。func
11月总结
初次使用Redux，了解了一些基础控件的使用，比如slider,picker，showMaskView，SwitchButtonX，还有重命名的一个控件。yuerbao(env)这个项目中我主要是在以前的项目基础上新加一个页面，新写的页面比较简单。主要问题就在于改后的面板，出现了闪退和数据没有显示的问题。。。解决方法：把bind绑定this函数，还有就是数据没有获取到。原来的代码没看懂。yuerbaoWaterPump这个项目的主要难点就是一个可触摸滑动的进度环。还有对应的标识点和一个旋转的动画。自己写的就是基于组件库中的Newpicker写的时间的picker和几个picker。可触摸滑动的进度环：主要是用SVG来绘图，Gesture的手势的响应，触摸的位置的坐标切换到相当于圆心点的坐标。通过滑动的初始角度和结束角度来再次绘图SVG。同时改变标识点的位置。标识点：用SVG中的circle来绘制，通过手势滑动的位置，来改变小圆点的位置。旋转的动画：遇到的问题：在关机或者是退出后再进去动画不能连续或者是出现了多个动画的重叠
从MVC到Ajax再到前后端分离的思考
从MVC到Ajax再到前后端分离的思考前言一位小妹去面试前端，前端leader问了"什么是ajax？"，答：“接收后台的数据，然后然后自己填充和渲染样式”；一位小哥去面试后台，技术经理问了“什么是ajax？”，答：“在不需重新加载整个网页的情况下，发送异步请求，返回json数据给前端”。准确答案到底是什么？Ajax到底属于前端还是属于后端？前端（或者后端）到底需不需要懂得Ajax？Ajax请求与普通的http请求有什么区别？数据库中的数据通过Ajax请求和普通请求下分别是怎么传递到前台的...等等一些问题,似乎需要静下心来理一理。MVC篇最典型的MVC就是JSP+servlet+javabean的模式,不少人的web起点应该也是这个，记得当时看到最多的问题就是JSP和Servlet区别，后来随着Struts、SpringMVC等框架出来，MVC被谈论的更多了，越来越多的人开始想要深入学习和理解它，同时也有越来越多的问题开始围绕MVC展开。基本的概念：MVC=ModelViewController=模型－视图－控制器,太