摘要：
第一次遇到，记录一下 要创建一个指定时间的new Date对象时，通常的做法是： new Date("2018-04-27 11:11");然后就可以根据这个获取年月日等信息 这种格式在chrome,firefox,Android中都没有问题。。。。。。但是，但是，但是在IOS中就出问题了，该对象返 阅读全文
摘要：
最近突发奇想，想试试GitHub pages来搭建博客。网上一搜一大堆，嗯。。。看来还是挺简单的。。。于是自己撸起袖子干。。。。。。 结果对于我这种GitHub注册过，git 没用过，ruby、jekyll 是么都不知道的小白来说，一路踩坑的感觉，真的不要太酸爽。。。。。。 下面记录我从零开始搭建博 阅读全文
摘要：
效果如下： 我用了很笨的方法实现的，大致就是： 1.当前点击的div（view）如果前后都有内容，那么，当前div（view）就设置到中间，前一个就设置到左边，前一个的前面所有全部设置到最左边，后面一个设置到右边，后面所有设置到最右边 2.当前点击的div（view）如果前面无内容，即第一个，那么， 阅读全文
摘要：
需求：1.父级div不设置高度 2.图片高度自适应，并且显示为正方形； 以前遇到列表中图片高度必须和父级宽度相同，并且需要为正方形的时候，最开始的方法是定死图片高度，这样会导致不同分辨率下图片会压缩，后来傻傻的用js来控制图片的高度，直到现在才明白几句css就能搞定，并且完全符合要求。。。。。。 例 阅读全文
摘要：
效果图： 实现原理：点击按钮，往需要动画的div中添加或移除拥有动画效果的class。 由于微信小程序中不能操作page这个根节点，所以，只有用一个div（view）来模仿page根节点。 1.结构 上面的是最主要的结构，其它的内容就不贴了。 (1) isFix是切换动画名的状态 (2) r-box 阅读全文
摘要：
pc或者移动端实现换肤功能还是比较简单的，大致就是需要换肤的css，还有正常的css；把当前皮肤类型存入本地；然后通过js读取并判断当前应该加载哪套css。 由于微信小程序没有操作wxss的api，所以实现的方式有点不一样，大致如下： 1.需要换肤的wxss，正常的wxss。 2.每个页面都引入换肤 阅读全文
摘要：
1.一个div固定，一个div自适应宽度。两种情况，固定在左或者在右。 HTML： 这两种情况的HTML排版顺序都是一样的。 CSS： 右边固定宽度： 左边固定宽度： 增加一个：只需要简单的几个属性就能达到这种效果： html： css： 这一个是利用了float破坏流动性，使得div浮在页面上，后 阅读全文
摘要：
1.两列多行： HTML: CSS: 这用到了nth-child（），兼容ie9及以上的浏览器，中间的空隙就是两个并排div宽度之和，100%减去后剩下的宽度； 既然提到了nth-child（）,那么就要说一下nth-of-type（），也是只兼容ie9及以上的浏览器。它与nth-child的区别是 阅读全文
摘要：
效果图： 1.HTML： 2.JS： 可以自行设定每次增加的大小 问题：1。要是需要用背景图片中的数字替换当前显示的数字，并且有上下滚动的效果怎么做？ background-position 2。实现了问题1的效果之后，如果要最大的位数最先停止动画，后面的位数依次停止怎么做？或者开始动画的时候，最后 阅读全文
摘要：
效果如图： 实现思路：定时器每隔x秒生成宽高、下落速度（即动画执行时间）、left随机的div。 1.CSS： 2.JS: 本来最开始想计算雨滴left和下落高度的最大值，以免出现滚动条，但是后来想直接body加个overflow：hidden不是更好么，省去多余的代码，效果还一样。 除了用JS实现 阅读全文