随笔分类 - 实例作品
摘要：作为web前端开发首——学习小生的你我，仿学在线页面是常有的事，但是一些在线资源，比如图片，图片有img标签中的图片，有背景图，当然还有一些旧浏览器不支持的webp，仿个页面需要 ctrl+m 、 ctrl+s 、查看element、css ...以查找和保存所需图片。
——仿个页面我容易么我？
阅读全文
摘要：js渐隐渐现透明度变化淡入谈出轮播图、焦点图
阅读全文
摘要：js瀑布流效果，宽度自适应，当滚动条滚动到一定的位置按需要加载更多图片，
把最新取得的图片动态从中间散开铺向应有的位置。
阅读全文
摘要：移动：上↑ 下↓ 左← 右→
颜色：
ctrl + 1 绿色
ctrl + 2 黄色
ctrl + 3 蓝色
大小：
ctrl + ↑ 放大
ctrl + ↓ 缩小
阅读全文
摘要：计算指定时间到指定时间之间相差多少天、时、分、秒。
节日、活动、商城常用。
原理：
主要使用到时间戳，也就是从1970 年 1 月 1 日 到指定时间的毫秒数。
1. 求出毫秒差 ：当两个时间直接进行运算时，他们自动返回毫秒值。
2. 换算时间单位： 向下取整，把毫秒转为相应的单位；再把剩下的毫秒取出来转为下一个需要的单位。
时间戳可以用 Date.pare(时间) 或 时间.getTime() 得到。 前者可以用字符串或时间对象，后者只能使用时间对象。
阅读全文
摘要：webp 谷歌提出的一种图片格式。支持动图： gif静图： png jpg 网页 webp / jpg / gif / png 图片提取。 已在微信、淘宝、京东、一号店上测试通过。 如果电脑上有 chrome 内核浏览器的话是支持 webp 的，没有的话就无法查找这种格式了。但大多数网站其实都提供了
阅读全文
摘要：百度云文件大小扫描助手 有时候我们不知道一个文件夹里面的文件有多少，全部下载时磁盘够不够装。 百度云网盘现在都还没有显示文件夹大小的功能，这样对网盘的整理非常麻烦。 以下简单下了些代码，有空时会逐渐加强这些代码的功能。 使用方法： 打开自己的网盘，在要计算文件大小的界面按 F12 打开控制台（con
阅读全文
摘要：实现原理解读
使用两层for循环实现，
第一层有三个功能，分别给第个li：
添加索引
预设位置
添加事件
第二层有两个功能，整理图片位置：
鼠标的li，以及前面那些li的位置
鼠标后面那些li的位置
阅读全文
摘要：定时器及运动函数。 多div变宽： 二级菜单：
阅读全文
摘要：点击运动按钮后，方块会挨着浏览器的边，从左到右，从上到下转一圈。
阅读全文
摘要：这个例子算是有点样子的。 思路： 字符串操作。左框里面先是预设的。点击按钮时截取左框中的字符串的前一个字符到右框里的字符串后面，以此循环。点击按钮时按钮变为灰色，在循环完成后恢复。计数的总数（右边）是左框原字符串长度，已移动的数是右框每次循环的字符串长度。循环时同时改变计数下面的小方块背景。
阅读全文
摘要：虽然不使用 isNaN ，但使用了 Math 的一些方法。 还可以把字符串转换成数组，再判断每一位判断每一位的 unicode 是不是在 48 和 57 之间，些方法还就考虑负数、小数。
阅读全文
摘要：使用定时器，换个图片地址。 从1到5换，如果大于5了再跳到1，点击停止时关闭定时器。
阅读全文
摘要：使用环境，一、比如用户勾选时显示一些安全方面提示“你真的要自动登录吗？这将使你下次不需要密码即可进入你的个人中心。”二、显示其他预设选项，以方便用户选择输入，比如密保问题设置，当用户不想使用自定义设置时可以勾选预设问题。实现思路，点击时判断一个变量单双数，修改每次点击的状态。在每个情况下同时修改in
阅读全文
摘要：这个栗子…… 可以不吃，先预设一个变量表示div的状态，例子中0是显示的，一开始是隐藏的。当点击时判断状态是显示0的还是隐藏1的；如果是显示的就把div隐藏，再把变量改变为1。再次点击时把会判断到变量是隐藏的，就会走显示那条路。
阅读全文
摘要：HTML/CSS部分：
我的结构是这么写的：
每个选项的内容被嵌套在选项卡里。
ul li div。
ul是那个选项卡盒子，当然你还可以在上面弄个div什么的。
li当然是选项卡的选项咯。
div当然是每个选项显示出来的内容咯。根据语义化，这里的div视情况而定。比如选项内容是新闻列表时，这里可以就是li咯。
或者直接使用 dl dt dl 。
阅读全文
浙公网安备 33010602011771号