Skip to content

Latest commit

 

History

History
68 lines (54 loc) · 2.67 KB

README.md

File metadata and controls

68 lines (54 loc) · 2.67 KB

HTML

所有页面都在电脑端用全屏访问最佳,f12看源码就好了。

主页

动态炫彩背景

对背景重复方向的探索,如果不是从上往下,从左往右,从左上往右下 这三个方向重复,调整浏览器大小就会导致背景移动不正常.
找到了使用svg替代的可能,彩色背景是真好看.

不规则圆角边框贝塞尔曲线版

这个版本是通过svg绘制的贝塞尔圆角,一定听说过200w更换小米logo吧,就是那个哦。
但是没有像上一个优化的那么好。样式不怎么好看,仅支持input调节。

不规则边框圆角测试

看到别人写水滴形状,就想着自己写了一个类似的,支持拖动,但是松开鼠标的事件经常会莫名的不触发。

代办清单

用的jq,挺好用的mvc框架,功能都在页面里描述了。

侧导航栏

手写的练练手,jq里面还是蛮多坑的,也确实是个老家伙了。

大数相加

模仿累加器做的,还加了防抖,不过和bigint一样不支持负数.

手风琴

一个简单的手风琴css实现

拖拽

要注意事件不能放在被拖动的元素身上,不然鼠标移动过快会丢失,平时移动也不流畅,放在最大的那个元素上就很好用

放大镜

原图有点大,加载慢,普普通通的一个放大镜效果,如果具体实现,肯定不能一开始就用大图.

自适应瀑布流

用js方法实现的,不如css的columns属性,但是css做的顺序不是往每个列的底部添加,最好还是用InterSectionObserve观察触发事件添加图片.
如果列表过长,那么又要用到虚拟列表了,真麻烦啊.写个分页算了,无限滚动也不是很好.

轮播图

手写无限轮播.啊!这年头没谁会手写这东西吧,别人的库又好用,功能又全,都说不要重复造轮子.

选项卡

忘了是什么了