摘要：
七夕节表白3d相册制作 涉及知识点 定位 阴影 3d转换 动画 主要思路： 通过定位将所有照片叠在一起，在设置默认的样式以及照片的布局，最后通过设置盒子以及照片的旋转动画来达到效果。 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> 阅读全文
摘要：
CSS实现大数据热点波纹图 实现效果： 涉及知识点： 定位 盒子阴影 动画 思想：以3道波纹为例。首先使用一个div盒子作为圆心，然后每道波纹作为一个div。4个盒子均使用定位属性定位到圆心。然后设置宽高为正方形，并设置border-radius。波纹的显示使用box-shadow阴影实现。动画制作 阅读全文
摘要：
float 与 绝对定位 共同点：都脱离文档流，不占用原来的位置，后面的内容占有位置 不同点： float后者居上，补齐，且只能在父级盒子内活动，且不能浮动在照片上。 绝对定位脱离文档流后，直接漂浮到已经定位的父级上去，可以直接脱离未定位的父级盒子。 浮动会受父级的padding值影响，且，不能实现 阅读全文
摘要：
css中关于:nth-child()和:nth-of-type()的深入理解 在css中有这样一类属性，是以:nth-开头的，其中最常见的就是:nth-child() 和 :nth-of-type()，两者既有相同的地方，也有不同的地方。 相同的地方：都是修改父级下的的几个同级的元素的样式 不同的地 阅读全文
摘要：
js代码如下： var cav = document.getElementById("a").getContext("2d"); function draw(x, y,c){ cav.beginPath(); cav.fillStyle = c; cav.moveTo(x, y); cav.line 阅读全文
摘要：
快速排序 本篇内容共分两部分：分而治之，快速排序。 分而治之（divide and conquer，D & C）——种著名得递归式问题解决办法。 快速排序是一种排序算法其速度比选择排序快得多。 1. 分而治之 首先，我们申明一下D&C的工作原理： 找出简单的基线条件（跳出无限循环的条件） 确定如何缩 阅读全文
摘要：
递归 在讲解关于递归的主要内容前，先让我们看一个gif动图。 这个动图呢很像我们平时生活中的开多个门的场景。门要开就需要关，我们开了多扇门就相应的意味着我们要关掉多少们，而且最先开的门往往最后关，最后开的门往往最先开，回想一下是不是这样子的。 以上就是递归在我们平时生活中的一个案例，接下来就是一个编 阅读全文
摘要：
选择排序 选择排序，其实就是冒泡排序的一种别称，其工作原理就是：一个有n个元素的列表，经过n-1轮的排序后就是一个有序的列表，每轮选出该轮中最大/小的数填充到新的列表中，因为前n-1个已经排好序，自然而然最后一个已经好了。就好像10个高矮不一的人要排成从矮到低的列，我们就可以，第一次选出最矮的站在新 阅读全文
摘要：
二分查找 二分查找是一种算法，它的输入是一个有序列表。如果所要查找的元素在其中就返回其位置，否则就返回None。 二分查找在生活中最常见的例子就是猜数游戏，游戏的玩法呢就是支持人给出一个数的范围，心里确定一个数，让其他人来猜。每次当有人猜错时，主持人便会告诉我们猜大了还是猜小了，相应的我们的猜数范围 阅读全文
摘要：
python设计模式之模板模式 编写优秀代码的一个要素是避免冗余。在面向对象编程中，方法和函数是我们用来避免编写冗余代码的重要工具。 现实中，我们没法始终写出100%通用的代码。许多算法都有一些（但并非全部）通用步骤。广度优先搜索（ Breadth-First Search， BFS）和深度优先搜索 阅读全文