Helloweba-致力于WEB前端技术在中国的应用

我们在做复杂的数据统计功能时会用到饼状图，饼状图用整个圆表示总体的数量或整体值1，用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比，它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系。阅读全文

柱状图广泛应用于数据统计和分析，它是由一系列高度不等的纵向条纹表示数据分布的情况，能够直观的表示数据间的差异。柱状图可以是纵向和横向排列，本文讲解通过Highcharts生成一个年度财经支出统计图和一个男女比例分布图。阅读全文

折线图与曲线图可以显示随时间而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts，生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。阅读全文

Highcharts提供大量的选项配置参数，您可以轻松定制符合用户要求的图表，目前官网只提供英文版的开发配置说明文档，而中文版的文档网上甚少，且零散不全。这里，我把Highcharts常用的最核心的参数选项配置整理成文档，与大家分享。阅读全文

Highcharts是一款功能非常强大的纯javascript类库，它主要为您的WEB应用提供丰富漂亮且可互动的图表。目前，Highcharts支持图表类型有折线图，曲线图、区域图、区域曲线图、柱状图、饼状图、散布图。阅读全文

Flowplayer 是一个开源（GPL 3的）WEB视频播放器。您可以将该播放器嵌入您的网页中，如果您是开发人员，您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。阅读全文

在开发项目中，我们会经常碰到需要及时开启某项功能的情况，通过Ajax实现实时开启和关闭功能，无疑增强了用户体验。本文以360安全卫士的木马防火墙开关为背景，使用PHP、jquery、MYSQL实现了及时开启和关闭产品功能的WEB应用。阅读全文

我们浏览有些网页的时候，当拉动浏览器的滚动条时到页底时，页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术，必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。阅读全文

我们在浏览图片量非常大的页面时，像淘宝商城商品展示、必应图片搜索这类网站，图片的加载非常流畅，其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件，当我们打开页面时，首先在屏幕可视区域加载完图片，随着向下滚动页面，图片会陆续加载，从而提升了页面打开速度。阅读全文

我们使用新浪微博的时候，在“微博精选”页面里可以看到大量的微博信息。该页面信息主要是以图片配文字说明，页面使用了自适应网格布局即砌墙效果，图片加载技术，以及滚动加载内容技术。本文先介绍砌墙效果。阅读全文