摘要：
骚写法 或许你知道，总之我觉得很酷，希望你也这么认为。 递增遍历 最常见场景，从 0 到 10 的遍历，不输出 10： 原理解析： 执行顺序： 1. l1 整个循环开始前执行一次 2. l2 当次循环执行前执行一次，判断是否需要执行 3. l3 每次循环结束执行一次 留个小问题，尝试把两个简写的 与 阅读全文
摘要：
近两天准备出个拼图游戏的教程，准备时候遇到一些问题，收集保存分享下来，一来自己用，二来涨点知识，三来有需要的小伙伴刚好也看看。 事情起因很简单，比如下面这个拼图（矩阵）： 1 2 3 空 这样一个2 2矩阵，是标准原始矩阵，但是变一下： 3 1 2 空 这样是可还原的（空和附近的可以换位置，空2，空 阅读全文
摘要：
拼图小游戏 先来预览，咳咳，这个比上次那个地鼠会好看点…… ![预览][1] 代码是可以设置难度的，3就是9,9就是81…… 相比来说，此程序难度可是远远高过打地鼠的，希望小伙伴能跟上~ html header好理解，注意其中的“新标签打开图片”相当于过关福利，平常是隐藏的。 之所以内容这么少，是因 阅读全文
摘要：
别问我为什么上汤不热（猥琐脸），友尽！ 正经事 Tumblr 分享成功会有这么个动画，觉得挺有意思，就扒出来看了看…… 第一感觉以为是 canvas 绘制的，后来发现居然是原生DOM操作，嘿嘿，我就喜欢这种！ ![原图][1] 首先自然是去找 DOM 结构，Chrome 调试出来结果如下： 就是普通 阅读全文
摘要：
网格布局 Grid 布局，好用又简单，至少比 Flex 要人性化一点，美中不足就是浏览器支持度差点。 DOM结构 中间夹层为了后续拓展。 CSS .grid 的意思是网格布局，2 列平分宽度，单行为 10px，自动拓展行数，列间距 4px，超出高度滚动。 这里 10px 是颗粒度，颗粒度越小，效果越 阅读全文