摘要：
Bootstrap是当下流行的前端UI组件库之一。利用Bootstrap，可以很方便的构造美观、统一的页面。把设计师从具体的UI编码中解放出来。 Bootstrap提供了不少的前端UI组件。带下拉菜单的文本框就是其中之一，效果图如下（真要自己完全设计，还得费一番功夫） 关于该组件的详情参看Bootstrap官网、带下拉菜单的文本框 看到上面的效果图，使我想到WinFor... 阅读全文
摘要：
这道题是笔者当年参加竞赛的题目，多年来一直未得其解，久久不能释怀。近日，重新拿起该题细细研究，终于将其解出，著文以记之。问题描述：长方体长X，宽Y，高Z。X、Y、Z都是正整数。长方体由长1、宽1、高1的正方体堆积而成。那么长方体的体对角线穿过多少个正方体？这个题考量三维空间的想象。近日研究的时候，尝... 阅读全文
摘要：
书写博客，难免要贴出代码。然而直接贴出代码，则不美观。于是，应运而生出现了很多代码美化的插件。其中比较有名的是Syntax Highlighting插件。 笔者在网上翻阅的时候发现了Snippet插件，其支持众多的代码类的美化——例如：HTML、CSS、JS、C#等。并有39种不同的美化风格可供选择。 其官网地址：Snippet插件官网。在官网上，已经比较详细的介绍了插件的使用方法，这里... 阅读全文
摘要：
有些简单的单网页，如果利用等高线效果的背景图片，再配合合适的背景色，能达到绚丽的效果。如下图所示：本文就介绍该等高线效果的背景图片是如何制作的。Follow Me！！！！1、新建文档，尺寸：1000px*1000px2、用矩形工具创建一个矩形，尺寸：500px*500px3、给这个矩形添加杂色（点击：滤镜 > 杂色 > 添加杂色，参数如下图所示）4、复制这个图层3次，调整这4个矩形到四角上（位置分别是（0，0），（500，0），（0，500），（500，500））5、将这四个图层合并到一个图层，并给它添加高斯模糊（点击：滤镜 > 模糊 > 高斯模糊），参数如下：6、点击 阅读全文
摘要：
问题描述：甲乙两人比赛投篮。约定甲先投篮，每人投篮投进一球，则继续投球，若投失一球，则换人投球。初始积分为1分，甲每投进一球，积分加1分；乙每投进1球，积分减1分。若积分达到N分（N＞1），甲获胜；若积分减至0分，乙获胜。假定甲投进的概率为P1（0＜P1＜1），乙投进的概率为P2（0＜P2＜1）。那么这场投篮比赛，甲获胜的概率P为多少？很显然的，甲获胜的概率P是和P1、P2、N相关的。P1越大，P越大P2越大，P越小N越大，P越小不失一般性，假设P1=0.7，P2=0.3，N=4，求甲获胜的概率P解法一：大数量模拟法（10000000次）在前文 算法题——投篮比赛获胜的概率 中介绍的就是这种方 阅读全文
摘要：
基本知识回顾：计算机中的颜色Color，用RGB模式存储（用R、G、B三个分量表示颜色，每个分量的范围是0—255）。而计算机中的颜色除了用RGB模式表示以外，常见的还有HSV模式（或者是HSB、HSL模式）RGB模式：用R、G、B三个分量表示颜色R分量：红色（Red）分量，整数型，范围是[0，255]G分量：绿色（Green）分量，整数型，范围是[0，255]B分量：蓝色（Blue）分量，整数型，范围是[0，255]HSV模式：用H、S、V三个分量表示颜色H分量：色相（Hue）分量，整数型，范围是[0，360)S分量：饱和（Saturation）分量，浮点数型，范围是[0，1]V分量：亮度（ 阅读全文
摘要：
问题描述：在下图里我们有不同高度的挡板。这个图片由一个整数数组所代表，数组中每个数是墙的高度。下图可以表示为数组（2、5、1、2、3、4、7、2）。假如开始下雨了，那么挡板之间的水坑能够装多少水（水足够多）呢？下图是装满水的情况，一个蓝色格子代表一个单位的水。下图中一共装了10个单位的水。问题分析：先看看下图，判断哪个单元格的水能留下来。下图中的两个单元格，一个红色的单元格和一个绿色的单元格，哪个单元格的水是溜走了，哪个单元格的水能留下来？很明显的，上图中的红色单元格的水会流走，绿色单元格的水会被留下来。那么，仔细看看这两个单元格的区别在哪儿区别就是，红色单元格只有右边的挡板比它高（不低于它） 阅读全文
摘要：
Bootstrap框架是一个前端UI设计的框架，它提供了统一的UI界面，简化了设计界面UI的过程（缺点是定制了界面，调整的余地不是太大）。尤其是现在的响应时布局（我的理解是页面根据不同的分辨率，采用不同的页面元素的布局），在Bootstrap中很好的支持了，只要简单设置了属性，就能自动实现响应时布局，大大简化了程序员的界面的过程。因此，本人用Bootstrap框架实现了如下的界面，虽然简单，但也不凡（真要自己实现的话，不知要猴年马月了）整个页面分为几个部分，分别用Bootstrap官网上的示例代码实现，最终拼成一个页面。各部分示意如下图所示接下来依次讲解各个部分的代码首先，构造空白页面，代码如 阅读全文
摘要：
作为编码者，美工基础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。下面是本系列的30个优秀PS网页设计教程的翻译教程，本人历时一年有余，翻译了这些教程。在翻译的过程中，重新截了中文版的图，也修正了一些参数，并给出了一些更好的技法的建议，更加适合新手上手练习，适合初学者临摹学习，也可以给有一定基础的设计者做个参考。在这儿和广大网友交流，大家互相学习，互相提高。PS网页设计教程I——在Photoshop中创建时尚多彩的wordpress布局难度：尺寸：1020px*1710pxPS网页设计教程II——在Photoshop中创建健康 阅读全文
摘要：
后记：本篇教程用了和其他教程不同的技巧（大量的运用直接选择工具创建特殊的形状，以及用蒙版实现不少的效果），整体上的风格和其他的教程也略有不同，大量的卡通书的风格，别具一格。
阅读全文
后记：本篇教程用了和其他教程不同的技巧（大量的运用直接选择工具创建特殊的形状，以及用蒙版实现不少的效果），整体上的风格和其他的教程也略有不同，大量的卡通书的风格，别具一格。
阅读全文