摘要： 一直以来，因为团队项目迭代节奏很快，每次发布的更新日志和版本更新都是通过人肉来完成的。有时候实在忙的团团转，对于手动的写这些更新信息就显得力不从心了。对于团队新来的小伙伴，有时候遇到些紧急情况，就更显的乱糟糟，还是得麻烦团队资深的同学。显然这些工作，用自动化工具再适合不过了。 本文是一篇项目自动化方 阅读全文

摘要： 注：原文有较大改动 使用keyframes, animation属性，例如timing, delay, play state, animation-count, iteration count, direction, fill mode以及will-change等等 创造动画魔法 作为设计者、开发人 阅读全文

摘要： 背景 我相信很多朋友跟我一样，初次听到什么Flux, Redux， Vuex，状态管理的时候是一脸懵逼的。因为在外面之前前端大部分开发的时候，根本没有那么多的概念。自从ReactJS火爆后，什么Flux, Redux，React全家桶是一套一套接踵而来。搞的很多开发者甚是头大。所谓的ReactJS全 阅读全文

摘要： 上拉或者下拉刷新的需求在移动端是非常常见的需求，大部分情况下，实现这个效果都使用网上现有的解决方案，例如有人使用swiper这个插件， 也有人使用iScroll这个滚动插件。本文的示例是利用iscroll实现的下拉刷新效果。 iScroll简介 iScrool是目前最成熟的自定义滚动解决方案之一，在 阅读全文

摘要： 之前我写了一篇自定义checkbox的文章，通过css3实现自定义的checkbox，并没有使用当今流行的Reactjs, 或者Vuejs之类的进行组件化。但是很显然，这样封装的checkbox组件复用的时候非常麻烦。如果在新项目中使用的话，可能需要同时拷贝css和html文件进行整合。从html语 阅读全文

摘要： HTML5 文件异步上传 — h5uploader.js 阅读全文

摘要： WebGL，Three.js 实现3D 地球模型 阅读全文

摘要： 其实在大部分互联网web产品中，我们通常会用百度统计或者谷歌统计分析系统，通过在程序中引入特定的JS脚本，然后便可以在这些统计系统中看到自己网站页面具体的访问情况。但是有些时候，由于一些特殊情况，我们需要自己来设计统计系统。由于前段时间公司的业务需求，我也是自己尝试了下，本文提供的是一个基本思路... 阅读全文

摘要： 前言 在做web或者其他项目中，JSON与XML格式的数据是大家经常会碰见的2种。在与各种平台做数据对接的时候，JSON与XML格式也是基本的数据传递格式，本文主要简单的介绍JSON/XML文件的读写操作，以及与Bean之间的转换。示例代码都是经过Demo测试的，当然也会把代码上传到GitHub.需要的朋友可以看看。准备工作 我这里对XML与JSON主要依赖以下2个开源库，当然像针对xml和JSON解析的开源库非常的多，下面这2个感觉相对用起来比较简单。需要注意的是如果缺少下面jar文件中的一个，可能就会出现ClassNotFound 异常，如果发现使用的方法在当前库中找不到，则可能是库... 阅读全文

摘要： 说明： 本方法采用了Jquery库，暂时检测兼容IE8版本。本示例的2种颜色的星星都是放入了一张png图片当中，当然还有其他的一些实现思路。本示例展示的情况是当前页面只有一个星级评价的情况。思路： 通过对星级显示元素的，mouseenter,mouseout,click 三个事件的监听，从而星星显示的个数。其中我用了2个变量（temp_value,choice_value）来存放当前选定星级的值和当前临时的星级值； temp_value : 临时的星级值； choice_value : 选择的星级值； mouseenter : 鼠标移入，获取当前所在的星星级别赋予temp_va... 阅读全文

摘要： 在使用Spring的过程中，为了避免大量使用Bean注入的Xml配置文件,我们会采用Spring提供的自动扫描注入的方式,只需要添加几行自动注入的的配置,便可以完成Service层,Controller层等等的注入配置.使用过程中,在Service层中的实现类头上加@Compopnet注解，在Controller类头加@Controller注解，便完成了配置。例如在Controller中当我们调用某个Service时就不需要Set方法了，直接通过@Autowried 注解对Service对象进行注解即可：例如在Controller中：@Controller@RequestMapping(&qu 阅读全文

摘要： 前几日在利用JQuery做菜单滑动标记这个效果的时候，最后发现滑动条在我用鼠标快速滑动的时候，会出现滑动条延迟滑动，并且有卡顿的现象,相当影响体验感受。不完美～在几番询问下，得到了一个延时处理的解决方案，完美解决了这个问题。思路： 在鼠标移入目标元素的时候，启用定时操作，我目前设置的为1/10秒，也就是说，当鼠标如果在目标元素区域停留了满足我预设值的时间范围内的话，我就执行动画效果，否则没有达到预设值的时间范围便移出来目标元素的话，便取消延时执行的操作。简单的说，满足定时条件执行，否则取消操作。具体代码：HTML 部分： 1: 2: menu1 3: menu2 ... 阅读全文

摘要： 一、概述： 本文介绍且记录如何解决在SpringMVC 中遇到415UnsupportedMediaType 的问题，并且顺便介绍Spring MVC的HTTP请求信息转换器HttpMessageConverter。二、问题描述： 在SprinvMVC的Web程序中，我在页面发送Ajax 的POST请求，然后在服务器端利用@requestBody接收请求body中的参数，当时运行过程中，我想服务器发送Ajax请求，浏览器一直反馈415UnsupportedMediaType或者400的状态码，以为是Ajax写的有问题。便查找了半天资料，才发现spring-mvc.config文件的配置中少.. 阅读全文

摘要： 由于平时对元素样式的控制基本上只是3，4个，所以一般用Jquery的时候直接使用$(element).css();这个方法，或者使用$(element).addClass()方法完成样式操作。对于小范围元素的操作来说，这是非常方便的。但是当针对众多元素同时进行操作的时候呢，这2个方法让代码看起来就比较重量级了，代码的可读性也比较小。 过程起初，我先尝试了一种方式，就是在JS代码中动态插入link标签，引入新的样式文，但是很遗憾的是根本就不起作用，因为那个时候浏览器已经把样式渲染到页面元素了，新引入的样式文件根本就不会被浏览器执行渲染。所以我选择了另外一种方式，就是把2个样式文件同时先加载... 阅读全文

摘要： 马上到十一月了，算上实习的时段，即是我踏上社会工作一年时间了。今年6月份还回到母校拿去了我的毕业证，便依依不舍得继续回到了工作的岗位，继续码农的日子。拿毕业证期间，总共也就请了3天假，从南京回到武汉，想在毕业的时候好好玩一下，可是却什么也没有做，只是和同学吃了吃饭，叙叙旧，然后大家就各奔东西了。 大概8月份的时候，在网上看到了一朋友的召集帖，关于9月中旬骑行318国道去拉萨的信息。那段时间工作状态实属不好，效率也不高。想想今年自己刚刚毕业，说了好多次要疯狂一把却一直没有去实现，大学有时间的时候那会没钱，毕业工作有点钱却没有时间，确实是一件很纠结的事情。不过仔细研究了下9月份的时间，正是... 阅读全文

摘要： 从2012年11月份实习开始，到现在2013年9月已经算是工作将近一年时间了,个人是从工作中学到了不少东西的。刚进公司的时候主要是负责平台服务器开发，后来由于我对前端的一些偏向，所有年后不久就转到公司前台业务的Web开发。因为我从公司开放平台服务的开发，然后到公司web产品的开发这2个部分都有参与，所以自己对公司的这个架构设计上和业务层面的一些设计也是有了自己比较深刻的感受。其中开发过程中发现公司开发平台设计中，由于一些不合理的设计，造成了公司之后的一些依赖开放平台服务器的项目的开发成本严重的增加，并影响了整个开放平台的生态和布局。仅此写文总结，并无他意，希望对自己之后的工作有帮助。下面让.. 阅读全文

摘要： 这2个例子都是用原生JS写的，主要是用JS拼接了界面，并未做过多的事件监听。，样式用了Css3的一些特性。 调用方式则为： //Alert Alert.show('我警告你哦~'); //Confirm Confirm.show('我是确认对话框',function(){ doSomething(); });组件详情看下面的具体代码：1.CSS样式 由于这2个组件的样式差不多，所用共用了一样的css，样式代码如下：/** * dialog */.dialog { top:40%; left:40%; width: 250px; min-heig... 阅读全文

摘要： 前言 这里用了2个JS插件，一个是Jquery原生js，我的版本是jquery-1.7.2.min.js，另一个是jquery.form.js。这个form.js 是关键，不可少哦。另外， 我的服务器端用的是Play Framework,版本是2.1。下面是代码部分，贴出的是关键部分：1.前端代... 阅读全文

摘要： 简单的说，字面量对象提供了一直非常方便构建新对象的方式，它的格式非常简单且容易阅读。是大多数前端程序员在构建对象时比较推崇的一种方式。格式：var person = { name : "ziv", sex : "男", age : "22"}注意字面量对象最后一个属性是不需要逗号的访问字面量对象的属性值：person.name//或者采用数组形式传入属性的key取得valueperson[name]获取字面量对象的所有key值的集合：获取子字面量对象的所有key值，通常可以调用Object对象的getOwnPropertyNames( 阅读全文

摘要： 平时在写css样式的时候position是我们比较常用的一个属性。有时候会弄不清其几个属性值的真正区别。不过用的时间久了，也就慢慢的明白了。不过其实想用好position有时候还是需要些技巧的。写篇博文总结下自己。position的作用：用于设置对html元素的定位方式 position属性的值：值名称描述staticposition的默认值，设置此属性时，元素按照正常的流式布局往下排列inherit继承父元素的position值relative相对于其他元素的定位absolute相对于采用static定位的父元素的绝对定位fixed相对于浏览器的绝对定位　备注：如果给元素才用了top,... 阅读全文