点击播放GIF
在线编辑器

好吧,用了很多库

选项卡1

下面的内容需要支持Web Components的浏览器才可以看到效果,Firefox用户在about:config中设置dom.webcomponents.enabled为true

你可以把鼠标指针放在未激活的选项卡标题上,1秒后它就会自动激活,当然你也可以点击它立即切换到这个选项卡。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec felis enim, placerat id eleifend eu, semper vel sem. Sed interdum commodo enim venenatis pulvinar. Proin mattis lorem vitae diam scelerisque hendrerit. Fusce cursus imperdiet mauris, vitae hendrerit velit dignissim a. Suspendisse potenti.

选项卡2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec felis enim, placerat id eleifend eu, semper vel sem. Sed interdum commodo enim venenatis pulvinar. Proin mattis lorem vitae diam scelerisque hendrerit. Fusce cursus imperdiet mauris, vitae hendrerit velit dignissim a. Suspendisse potenti. Aenean feugiat facilisis diam, in posuere sapien mattis vel. Proin molestie rutrum diam, pharetra feugiat ligula sollicitudin sed. Etiam cursus diam quis tellus aliquam gravida. Aliquam erat volutpat.
Web Components

Web Components可以真正意义上的创建自己的web组件,而不会影响到其他元素或者被其他元素影响。它包含四部分:Custom Elements、HTML Templates、Shadow DOM、HTML Imports。

点击播放GIF
CSS渐变滤镜可视化工具

第一次写js代码

点击播放GIF
饿了么页面重构

撸了3天

点击播放GIF
简历

就是想找一份工作而已