博客水木

前言 最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来。 上一篇介绍了项目中做的一个彩虹爆炸图，主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术：html5的3...继续阅读

砸金蛋被广泛应用于庆典活动、商家促销、电视娱乐等场合，它的趣味、悬念能迅速活跃现场气氛，同样，我们也可以将砸金蛋应用到WEB网站上，用于开展线上活动，本文将使用jQuery+PHP讲解如何实现一个WEB砸金蛋程序，需要的朋友一起来学习吧 首先给大家展示效果图： 查看演示 下载源码 准备工作 我们需要准备道具（素材）...继续阅读

<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class=type id＝Value href＝url alt＝text shape＝area-shape coods＝value> shape和coords：是两...继续阅读

商品详情页是什么 商品详情页是展示商品详细信息的一个页面，承载在网站的大部分流量和订单的入口。京东商城目前有通用版、全球购、闪购、易车、惠买车、服装、拼购、今日抄底等许多套模板。各套模板的元数据是一样的，只是展示方式不一样。目前商品详情页个性化需求非常多，数据来源也是非常多的，而且许多基础服务做不...继续阅读

为什么使用多个提交任务？ 在我回答这个问题之前，先让我回答一个很显然的问题：既然许多窗体更适合单一的提交按钮，为什么有时人们需要的是两个（或者是更多）的提交按钮？ 对这一问题最好的解释方法是用我最近开发项目中的一个实例来说明。在这一项目中，我的任务是给一个图书馆建立一个详细目录查询系统。书籍题目被储...继续阅读

项目起源 Web前端知识结构图: 图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。 可视化效果 前端开发知识结构 前端工程师 浏览器 IE6...继续阅读

介绍 伴随着淘宝的快速发展，诞生已三年多的 KISSY 也取得了巨大的成长。 目前应用于阿里集团的多个业务团队，特别是淘宝，天猫，一淘的绝大多数业务都采用了 KISSY， 满足了从前台的 web page 到后台的 web app 再到移动端应用（起步阶段）的广泛需求。 在阿里集团以外也有不少公司和个人使用 KISSY，交流旺旺群成员已将...继续阅读

先说规则： 密码可输入类型（字符，字母大写，字母小写，特殊字符）。 基础分为，密码长度，一个长度为一分，大于18个字符都为18分；密码里面包含一种可输入类型，基础分加4分。 加分为，一种密码可输入类型的总数量大于等于2个，加分2分，如果总数量大于等于5，加分4分。 减分为，如果有连续重复的单个种类字符，则重复...继续阅读

PowerDesigner是一款功能非常强大的建模工具软件，足以与Rose比肩，同样是当今最著名的建模软件之一。Rose是专攻UML对象模型的建模工具，之后才向数据库建模发展，而PowerDesigner则与其正好相反，它是以数据库建模起家，后来才发展为一款综合全面的Case工具。 PowerDesigner主要分为7种建模文件： 1.  概念数据模型 (C...继续阅读

您希望加快网页的加载速度吗？了解如何通过缩短加载时间来改善拨号上网用户的浏览体验，在某些情形下，加载时间最多可缩短 80%。下面介绍二十五中网速方法和技巧。 一、使用良好的结构 可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的 <star...继续阅读