WEB技术分享

2016年04月03日作者：月光光标签：HTML5 

我们浏览页面上加载有大尺寸图片时，由于图片体积也比较大，我们会看到浏览器加载图片的时候会从上到下逐步显示图片，直到图片完整呈现在页面上，这样图片从空白区域到完全加载的过程显得比较突兀，用户体验比较差。阅读全文

2016年03月27日作者：月光光标签：CSS3  HTML5 

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式，甚至是更复杂的表单元素，例如select下拉菜单。我们可以有非常多的表单美化方案，使用户可以得到更加好的用户体验。阅读全文

2016年03月20日作者：月光光标签：jQuery 

在一些电商网站和家居网站上我们会看到这样的应用，一张图片中显示多种商品，点击每个商品可以弹出对应商品的简单介绍，包括价格等等，极大的提高了用户体验，今天我们通过实例给大家分享使用jQuery插件来实现这一效果。阅读全文

2016年03月12日作者：月光光标签：HTML5 

这是一款基于segment.js制作的非常有创意的分段式SVG文字动画特效。这个文字动画特效通过动画SVG的描边路径来制作各种文字的动画效果，效果非常棒阅读全文

2016年03月04日作者：月光光标签：统计图表 

在工作中如果遇到需要计算总费用或金额的各个部分构成比例的情况，一般都是通过各个部分与总额相除来计算，而且这种比例表示方法很抽象，我们可以使用一种饼形图表工具，能够直接以图形的方式形象直观的显示各个组成部分所占比例阅读全文

2016年02月28日作者：月光光标签：统计图表 

漏斗图适用于业务流程比较规范、周期长、环节多的流程分析，通过漏斗各环节业务数据的比较，能够直观地发现和说明问题所在。在电商网站分析中，通常用于转化率比较，它能展示用户从进入网站到实现购买的最终转化率。在CRM中，客户销售漏斗图用来展示各阶段客户转化比较。阅读全文

2016年02月16日作者：月光光标签：统计图表 

大家经常看到仪表盘，如汽车驾驶舱里的仪表盘，使用Echarts制作的仪表盘可以轻松展示用户的数据，清晰的看出某个指标值所在的范围，仪表盘形式的报表应用在各种统计系统中，本文结合实例讲解仪表盘在销售任务完成率的统计应用。阅读全文

2016年02月08日作者：月光光标签：统计图表  JavaScript 

ECharts是一个基于html5 Canvas、纯 Javascript 的图表库。它可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），提供直观，生动，可交互，可高度个性化定制的数据可视化图表。阅读全文

2016年02月03日作者：月光光标签：移动端 

前段时间给大家分享过一个基于jQuery Mobile的移动端日期时间拾取器，大家反应其由于加载过大的插件导致影响调用速度。那么今天我把从网络上搜集到的两个适合移动端应用的日期和时间选择插件分享给大家，它们是基于Zepto的，在移动端更具优越性。阅读全文

2016年01月28日作者：月光光标签：JavaScript 

我们知道，一般select下拉框是只能选择的，不能用来输入内容的。而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时，我们可以让select变成text，允许用户输入想要的内容，同时还可以在输入的时候将包含关键字的项也列出来，供快速选择。阅读全文