js图表控件:highcharts的应用
用图表来表示数据,能够使我们以直观的方式来获取更多的信息,这也是很多项目中会用到的技术。最近,公司让做个饼形图,研究了几天的时间,小有成果,在此与大家分享一下。 highcharts效果展示图网址:http://www.highcharts.com/demo。 饼形图。 xml数据源: 2 1 全站源码 110
数据流动图
引用echarts迁徙图,在此基础上加了数据,以及改变流动形状,以及其他,并且重点加了注释,奉上代码,供君参考。效果图:迁徙图.png Document // 该部分数据可以放在json文件中,用ajax引用,如果没有的城市经纬度,可复制到此。 var geoCoordMap = { '上海': [121.4648,31.2891], '东莞': [1
如何判断JavaScript的数据类型?
本文将讲解我目前所知道的判断JavaScript数据类型的方法。JavaScript数据类型一共有7种:UndefinedNullBooleanStringSymbolNumberObject除了Object之外的6种属于原始数据类型。有时,我们还会细分Object的类型,比如Array,Function,Date,RegExp等。typeoftypeof可以用来区分除了Null类型以外的原始数据
动画队列
jQuery中的animate的自定义动画中,含有动画队列的感念。将所要执行的动画按一个个的排列成一队,并先后顺序的一个个的执行。 $('#btn4').click(function(){ $('.box').animate({ left: '100px' }, 1000)//执行第一个动画向左移动到100px $('.box').animate(
JQuery学习系列
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档
Spark创建空的DataFrame
原创地址:https://dongkelun.com/2018/08/14/sparkEmptyDataFrame/前言本文主要给出Spark创建空的DataFrame的代码示例,这里讲的空的DataFrame主要指有列名(可以自己随意指定),但是没有行的DataFrame,因为自己在开发过程中有这个需求,之前并不知道怎么创建,就查了一下,发现资料并不多,不知道因为太简单还是用的人少,至于具体什么
INSERT VALUES 语句
在http://www.cnblogs.com/insus/articles/1921391.html这个例子,我们创建了一个表,现在来演示SQLServer的INSERTVALUES语法,如果使用INSERT早期语法,插入十笔记录,代码INSERT INTO [dbo].[OrderDemo] ([Name]) VALUES ('Title1');INSERT INTO [dbo].[Order
【grunt第一弹】30分钟学会使用grunt打包前端代码
前言以现在前端js激增的态势,一个项目下来几十个js文件轻轻松松对于复杂一点的单页应用来说,文件上百简直是家常便饭,那么这个时候我们的js文件应该怎么处理呢?另外,对于css文件,又该如何处理呢??这些都是我们实际工作中要遇到的问题,比如我们现在框架使用zepto、backbone、underscore我们要如何将他们合成一个libs文件,这都是令人头疼的问题但是grunt的出现却让这些事情变得优
记2天面试的过程
地点:广州,面试目标:.NET开发。 前几天神经质的更新了下简历,投了4家公司的简历,其中2家邀约面试。然后其他公司搜索到简历后,邀请面试,挑了2家。一共4个面试。3个后端面试,1个前端面试(不是我投的)。分别安排在上周三和这周一,2天。接下来就说说这4家的面试过程(其实是3家,有家没去),面试真的挺累的,特别是现在这个月份,热,一面就是1-2小时,还要到处跑。所以个人建议,7-10月份还是不要
SDWebImage加载多个图片内存崩溃的问题
SDWebImage大家肯定都恨熟悉了,国内外太多的App使用其进行图片加载。但是最近在使用过程中发现,我用SDWebImage加载多个图片,类似微博动态那种,在加载的过程中。我发现当图片分辨率比较大的时候(不是图片大),加载几张图片就崩溃了。网上说可以每次加载图片清空memcache,但是效果并不好。 [[SDImageCache sharedImageCache] setValue:nil f
如何使用FormData上传压缩裁剪后的图片Blob对象
在前端页面,我们通常会遇到需要用户上传图片的操作,可能还会在前端进行图片编辑的操作(比如头像的选区裁剪),然后如果图片过大的话,我们还会对图片进行压缩。这些功能我们通常通过Canvas来进行,最后使用CanvasAPI函数toDataURL来得到图片的Base64字符串,然后当我们要上传到后台的时候,会面临2种选择:直接将图片的Base64字符串Post到后端进行处理和保存在前端将Base64字符
架构设计之NodeJS操作消息队列RabbitMQ
一.什么是消息队列?消息(Message)是指在应用间传送的数据。消息可以非常简单,比如只包含文本字符串,也可以更复杂,可能包含嵌入对象。消息队列(MessageQueue)是一种应用间的通信方式,消息发送后可以立即返回,由消息系统来确保消息的可靠传递。消息发布者只管把消息发布到MQ中而不用管谁来取,消息使用者只管从MQ中取消息而不管是谁发布的。这样发布者和使用者都不用知道对方的存在。二.常用的消
MySQL优化GROUP BY方案
执行GROUPBY子句的最一般的方法:先扫描整个表,然后创建一个新的临时表,表中每个组的所有行应为连续的,最后使用该临时表来找到组并应用聚集函数(如果有聚集函数)。在某些情况中,MySQL通过访问索引就可以得到结果,而不用创建临时表。此类查询的EXPLAIN输出显示Extra列的值为Usingindexforgroup-by。一。松散索引扫描1.满足条件 查询针对一个表。 GROUPBY使用索引的
mysql快速添加百万条记录的语句
使用InsertSelect语句插入记录时,必须遵循以下原则。用Select语句选择数据时,不能从被插入数据的表中选择行。指定插入的表后所包含的字段数目必须与Select语句中返回的字段数目相同。指定插入的表后所包含的字段数据类型必须与Select语句中返回的字段数据类型相同或系统可以自动转换。 复制代码代码如下:INSERTINTOler_items(classid,title,ad
正则 (入门篇)
如果你对正则感兴趣,读完这篇文章,一定会有收获~_^简单来说正则一般代指正则表达式正则表达式是从"复杂数据"中抽取"有用数据"的公式写好正则表达式的两个要点:1.正确匹配字符数量(相关符号:*,+,?,{})2.正确匹配字符种类(相关符号:除上面符号以外的其它符号^_~)相关符号.代表"万能匹配";//可以匹配除了"n"(换行符)之外的任何单个字符?代表"不要贪婪";//用在*,+,?后面,表示匹
Mysql跨表更新 多表update sql语句总结
假定我们有两张表,一张表为Product表存放产品信息,其中有产品价格列Price;另外一张表是ProductPrice表,我们要将ProductPrice表中的价格字段Price更新为Price表中价格字段的80%。在Mysql中我们有几种手段可以做到这一点,一种是updatetable1t1,table2ts...的方式:复制代码代码如下:UPDATEproductp,produc
关于mysql基础知识的介绍
一、启动与退出1、进入MySQL:启动MySQLCommandLineClient(MySQL的DOS界面),直接输入安装时的密码即可。此时的提示符是:mysql>或打开终端,输入SQL语句:mysql–uroot–p1232、退出MySQL:quit或exit二、库操作1、创建数据库命令:createdatabase例如:建立一个名为xhkdb的数据库mysql>createdatabasexh
测试同学难道要写一辈子的hello world?
最近我们在测试团队内推行自动化用例责任制,大致的意思是:我们安排培训资源,提供技术支持和一对一辅导,要求每一个自主选择了自动化和接口测试发展通道的同学必须让自己负责的项目自动化用例覆盖率有所提升。后来我们组织了很多次的培训,开始人很多,逐渐的大家都没有参与的兴趣了,来的人越来越少。在工作群里问一下原因,无非就是下面几个方面项目太忙了。我了解到有些项目确实很忙,但是绝大多数项目是没有那么大的强度的基
JavaScript设计模式经典之代理模式
原文链接代理模式的定义是把对一个对象的访问,交给另一个代理对象来操作.举一个例子,我在追一个MM想给她送一束花,但是我因为我性格比较腼腆,所以我托付了MM的一个好朋友来送。这个例子不是非常好,至少我们没看出代理模式有什么大的用处,因为追MM更好的方式是送一台宝马。再举个例子,假如我每天都得写工作日报(其实没有这么惨).我的日报最后会让总监审阅.如果我们都直接把日报发给总监,那可能总监就没法工作了.
JavaScript模拟抛物运动的代码实现
原文链接抛物运动是由重力感应引起的一种运动,这篇文章将用简单的JavaScript代码来模拟抛物运动的实现,下面的代码对我们学习JavaScript非常有帮助。这段JavaScript代码模拟重力状态下的抛物运动,可设置以下参数:横向初速度、纵向初速度、重力加速度(如果这个加速度是一个随时间变化的值,就能达到其他非匀加速运动的效果了)、动画间隔时间等,相对专业,下面是代码:js抛物运动*{padd